html,body{color:#ddd;background:#000;height:100%;margin:0;font-family:Chicago,Geneva,Tahoma,MS Sans Serif,sans-serif;overflow:hidden}#app{gap:4px;width:100%;height:100%;display:flex}#playfield{border:1px solid #555;flex:1;min-width:0;position:relative}#playfield canvas{width:100%;height:100%;image-rendering:pixelated;display:block}#panel{flex-direction:column;gap:4px;width:232px;display:flex}#panel canvas{image-rendering:pixelated;border:1px solid #aaa;width:230px}#radar{height:230px}#status{height:460px;max-height:calc(100% - 240px)}#overlay{pointer-events:none;text-align:center;text-shadow:0 0 4px #000;justify-content:center;align-items:center;font-size:18px;display:flex;position:fixed;inset:0}#overlay .title img{image-rendering:pixelated;width:314px}#overlay .hint{color:#fff;margin-top:16px;font-weight:700;line-height:1.6}#overlay .banner{color:#c050ff;letter-spacing:6px;font-size:36px}#screen{width:100%;height:100%;image-rendering:pixelated;z-index:5;position:fixed;inset:0}#messages{pointer-events:none;z-index:2;position:absolute;inset:0}#overlay{z-index:10}#overlay .entry{pointer-events:auto;background:#000;border:1px solid #aaa;padding:18px 24px;font-weight:700}#overlay .entry input{font:inherit;color:#f0f;background:#111;border:1px solid #666;margin-left:8px;padding:2px 6px}#hangar{z-index:8;width:100%;height:100%;position:fixed;inset:0}#hangar-label{z-index:9;text-align:center;pointer-events:none;color:#ddd;text-shadow:0 0 6px #000;position:fixed;bottom:28px;left:0;right:0}#hangar-label b{color:#f0f;letter-spacing:4px;text-transform:uppercase;font-size:28px;display:block}#hangar-label span{margin:6px 0 10px;font-size:16px;display:block}#hangar-label em{color:#888;font-size:13px;font-style:normal}