/* SPACE '99 DELUXE — deliberate retro-futurist arcade, zero dependencies. */
:root{--bg:#07111d;--surface:#101e2c;--panel:#101c2a;--border:#2d4052;--text:#edf6f4;--muted:#8096a8;--mint:#7cf8de;--peach:#ffac87;--yellow:#f7d58b;--mono:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{background:var(--bg);scrollbar-color:#30495a #07111d}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse 75% 70% at 50% -20%,#23485c44,transparent 66%),linear-gradient(145deg,#07111d,#0b1623 40%,#08141e);overflow-x:hidden}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.11;background-image:radial-gradient(#7095a2 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent 70%)}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,#lcd:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit}.site-wrap{position:relative;z-index:1;width:min(1280px,100%);padding:24px clamp(18px,3.3vw,48px) 20px;margin:0 auto}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 0 25px;border-bottom:1px solid #24394a;margin-bottom:25px}.brand{display:flex;gap:14px;align-items:center}.brand-mark{width:47px;height:47px;border:1px solid #5abda6;border-radius:12px;background:linear-gradient(135deg,#1d544e,#0f343a);box-shadow:inset 0 0 0 3px #0b2427,0 0 20px #7cf8de17;display:grid;place-items:center;transform:rotate(-5deg)}.ship-symbol{font-size:29px;font-weight:900;color:var(--mint);transform:rotate(-10deg);line-height:1}.brand-title{font-family:var(--mono);font-size:clamp(23px,3vw,35px);font-weight:950;letter-spacing:-.085em;line-height:1}.brand-title span{color:var(--mint)}.brand-title sup{display:inline-block;vertical-align:top;letter-spacing:.05em;font-size:10px;margin:1px 0 0 13px;background:#254b4b;padding:5px 7px;border-radius:3px;color:var(--mint)}.brand-caption{font:700 9px/1.6 var(--mono);letter-spacing:.125em;color:#8ca2ac;margin-top:4px}.slash{color:var(--mint);margin:0 3px}.header-meta{font:700 10px/1.4 var(--mono);letter-spacing:.12em;color:#a3b4bd;white-space:nowrap}.meta-sep{margin:0 9px;color:#547184}.status-dot{display:inline-block;background:var(--mint);width:7px;height:7px;border-radius:50%;margin-right:9px;box-shadow:0 0 12px var(--mint)}
.arcade-layout{display:grid;grid-template-columns:minmax(0,1fr) 276px;gap:22px;align-items:start}.game-column{min-width:0}.cabinet{padding:11px;border:1px solid #506275;border-radius:18px;background:linear-gradient(145deg,#2e4555,#132636 24%,#0b1727 70%,#1c2a37);box-shadow:0 18px 42px #020a1180,0 0 0 1px #182c3d,inset 1px 1px #8696a544}.cabinet-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 8px 10px;font:700 10px/1 var(--mono);color:#9db3be;letter-spacing:.11em}.cabinet-id{display:flex;gap:8px;align-items:center}.cabinet-id b{color:#e5eee9}.tiny-diamond{font-size:11px;color:var(--mint)}.live-indicator{display:flex;gap:7px;align-items:center;color:var(--mint)}.live-indicator span:first-child{display:inline-block;width:6px;height:6px;border-radius:50%;background:#90f8d4;box-shadow:0 0 12px #5dfacd}.freq{color:#6f8a99}.screen-bezel{padding:8px;background:linear-gradient(145deg,#01050a,#0a1220 35%,#01080f);border:2px solid #344959;border-radius:12px;box-shadow:inset 0 0 20px #000}.game-screen{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:5px;background:#071523;isolation:isolate}.game-screen canvas{display:block;width:100%;height:100%;object-fit:fill;image-rendering:pixelated;touch-action:none}.screen-glass{pointer-events:none;position:absolute;inset:0;z-index:1;box-shadow:inset 0 0 35px #0000005e,inset 0 0 0 1px #809ba425;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,#0000000b 4px);mix-blend-mode:normal}.game-screen.classic .screen-glass{background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,#293a2812 4px)}
.game-overlay{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(90deg,#07111be9,#061621b0 50%,#07111bde);padding:12px 18px}.game-overlay[hidden]{display:none}.overlay-card{width:min(100%,430px);animation:in .32s ease both}@keyframes in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.overlay-kicker{font:800 clamp(8px,1vw,10px)/1.2 var(--mono);letter-spacing:.19em;color:#97dbc5;display:flex;gap:8px;align-items:center;justify-content:center}.pulse-dot{display:inline-block;width:6px;height:6px;background:var(--mint);box-shadow:0 0 10px var(--mint);border-radius:50%}.overlay-card h1{font-weight:1000;letter-spacing:-.055em;font-size:clamp(23px,3.5vw,46px);line-height:1.03;margin:12px 0 9px;text-shadow:0 1px 10px #0008}.overlay-card h1 em{font-style:normal;color:var(--mint)}.overlay-card p{font-size:clamp(10px,1.24vw,14px);line-height:1.5;color:#b6c9cc;max-width:380px;margin:0 auto 16px}.overlay-tags{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:19px}.overlay-tags span{border:1px solid #4f7580;padding:5px 8px;border-radius:3px;font:800 9px var(--mono);color:#b1dcd6;letter-spacing:.06em}.primary-button{border:0;border-bottom:4px solid #327866;background:var(--mint);color:#092629;font:900 13px var(--mono);letter-spacing:.06em;padding:14px 22px;border-radius:7px;box-shadow:0 5px 22px #5fe1bf2f;transition:transform .15s,filter .15s}.primary-button:hover{transform:translateY(-2px);filter:brightness(1.1)}.primary-button:active{transform:translateY(2px);border-bottom-width:2px}.primary-button>span:first-child{margin-right:10px}.button-arrow{margin-left:12px;font-size:19px}.overlay-hint{color:#7e9ca8;font:700 9px var(--mono);letter-spacing:.11em;margin-top:12px}
.cabinet-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 7px 1px}.brand-badge{font:800 10px var(--mono);letter-spacing:.08em;color:#b2c7ca}.mini-star{color:var(--mint);font-size:15px;margin-right:4px}.bezel-serial{font-size:8px;color:#647d8e;margin-left:8px}.utility-buttons{display:flex;gap:6px;align-items:center}.utility{font:800 9px var(--mono);letter-spacing:.02em;border:1px solid #425868;border-bottom:3px solid #172b39;background:#2a4051;color:#d0e3dd;border-radius:5px;padding:7px 9px;min-height:32px;white-space:nowrap;transition:background .15s}.utility:hover{background:#365569}.utility:active{transform:translateY(2px);border-bottom-width:1px}.utility.active{background:#224d4c;color:var(--mint);border-color:#357b73}.utility span{margin-left:5px}
.instrument-panel{display:grid;grid-template-columns:1fr 1fr 1.16fr;gap:11px;margin:13px 0}.instrument{border:1px solid #273d4b;border-radius:9px;background:linear-gradient(125deg,#111f2b,#0d1926);padding:13px 12px 12px;min-width:0}.instrument-top{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#a3b2b9;font:800 10px var(--mono);letter-spacing:.035em;white-space:nowrap}.instrument-top strong{font-size:10px;color:#cbeee8;overflow:hidden;text-overflow:ellipsis}.instrument-top kbd{font:800 8px var(--mono);color:#9db5bd;background:#253849;padding:2px 3px;border-radius:3px;margin-left:2px}.i-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.i-dot.shield{background:#79d6fa}.i-dot.boost{background:#84f8cc}.i-dot.weapon{background:#ffbe8e}.meter{height:5px;border-radius:10px;margin-top:13px;background:#213442;overflow:hidden}.meter-fill{height:100%;border-radius:10px;transition:width .16s linear}.shield-fill{background:linear-gradient(90deg,#3481bf,#8ddcfc)}.boost-fill{background:linear-gradient(90deg,#269f8b,#87f9d4)}.weapon-fill{background:linear-gradient(90deg,#b06b50,#ffc69d)}
.input-area{margin-top:13px}.keyboard-guide{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:13px 18px;border-radius:10px;border:1px dashed #344b5a;color:#d1e2df}.keyboard-guide kbd,.key-space{display:inline-block;border:1px solid #476374;background:#1b2d3c;border-radius:4px;box-shadow:0 3px #10222e;color:#cbe3dc;font:800 10px var(--mono);padding:6px}.key-grid{width:58px;flex-shrink:0;display:grid;grid-template-columns:repeat(3,17px);gap:2px;grid-template-rows:21px 21px}.key-grid kbd{padding:3px;text-align:center}.key-grid kbd:nth-child(1){grid-column:2}.key-grid kbd:nth-child(2){grid-column:1;grid-row:2}.key-grid kbd:nth-child(3){grid-column:2;grid-row:2}.key-grid kbd:nth-child(4){grid-column:3;grid-row:2}.keyboard-guide>div:not(.key-grid):not(.guide-rule):not(.key-space){display:flex;flex-direction:column;gap:4px}.keyboard-guide b{font:800 10px var(--mono);white-space:nowrap}.keyboard-guide span{font:500 9px var(--mono);color:#7f98a7;white-space:nowrap}.guide-rule{width:1px;height:35px;background:#31485a;flex-shrink:0}.key-space{padding:9px 11px}.special-key{padding:10px!important}.mobile-prompt{display:none}
.sidebar{border:1px solid #263d4d;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#111f2e,#0c1826);box-shadow:0 10px 25px #00000020}.sidebar-header{padding:21px 19px 18px;border-bottom:1px solid #24394a}.eyebrow{font:800 10px var(--mono);letter-spacing:.12em;color:var(--mint)}.eyebrow span{color:#77909e}.sidebar-header h2{margin:9px 0 4px;display:flex;justify-content:space-between;align-items:center;font-size:24px;line-height:1;letter-spacing:-.05em}.header-caret{font:300 24px var(--sans);color:var(--mint)}.sidebar-header p{color:#90a6b2;font:500 11px var(--mono);margin:7px 0 0}.scoreboard{padding:12px 19px;border-bottom:1px solid #263e4f;background:#11243599}.score-row{display:flex;flex-direction:column;gap:6px;margin-bottom:13px}.score-row>span{color:#91a8b5;font:800 9px var(--mono);letter-spacing:.13em}.score-row>strong{font:900 30px/1 var(--mono);letter-spacing:-.04em;color:var(--mint)}.score-row.secondary{flex-direction:row;justify-content:space-between;align-items:center;margin:0;padding:9px 0;border-top:1px solid #2a3f4d}.score-row.secondary>strong{font-size:16px;color:#dfece8}.score-row.secondary:last-child{padding-bottom:0}.sector-header{display:flex;justify-content:space-between;padding:17px 19px 11px;font:800 10px var(--mono);letter-spacing:.08em;color:#abc2c5}.sector-header span:last-child{color:var(--mint)}.sector-list{list-style:none;margin:0;padding:0 8px 12px;counter-reset:sector}.sector-list li{display:flex;align-items:center;gap:11px;min-height:36px;padding:8px 11px;color:#90a8b2;border:1px solid transparent;border-radius:5px;font:750 11px var(--mono);letter-spacing:.01em}.sector-list li .number{color:#587488;font:800 10px var(--mono);width:21px}.sector-list li .complete-icon{margin-left:auto;color:var(--mint);font-size:12px}.sector-list li.active{background:#214b4a8c;color:#e7fff4;border:1px solid #468777}.sector-list li.active .number{color:var(--mint)}.sector-list li.past{color:#6c9d95}.sector-list li.future{opacity:.58}.briefing{border-top:1px solid #293f50;padding:17px 19px;background:linear-gradient(135deg,#172e3b,#122733)}.briefing p{font:500 12px/1.8 var(--sans);color:#bed0ce;margin:9px 0 0}.legend{border-top:1px solid #263d4e;padding:14px 19px 18px}.legend-head{font:800 9px var(--mono);color:#89a7b0;letter-spacing:.11em}.legend>div{margin-top:12px;color:#aebec2;font:700 10px var(--mono);word-spacing:4px;line-height:1.8}.legend b{display:inline-grid;place-items:center;width:17px;height:17px;margin-right:2px;background:#37534e;color:var(--mint);border-radius:4px;font:900 11px var(--mono)}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #243948;padding:22px 0 0;margin-top:27px;color:#76909d;font:700 9px/1.6 var(--mono);letter-spacing:.09em}.site-footer a{text-decoration:none;color:var(--mint)}.site-footer a:hover{text-decoration:underline}
.touch-controls{display:none}.touch-label{font:800 10px var(--mono);letter-spacing:.11em;color:#9ab4bc}.touch-fire,.touch-small{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.touch-controls button{transition:background .12s,transform .12s}.touch-controls button:active,.touch-controls button.is-pressed{transform:scale(.96)}
@media(max-width:1120px){.arcade-layout{grid-template-columns:minmax(0,1fr) 238px;gap:15px}.sidebar-header{padding:17px}.brand-badge{font-size:9px}.bezel-serial{display:none}.keyboard-guide{padding:12px 9px;gap:6px}.keyboard-guide span{font-size:8px}.instrument-top{font-size:9px}}
@media(max-width:875px){.arcade-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row}.sidebar-header{grid-column:1;grid-row:1}.scoreboard{grid-column:2;grid-row:1}.sector-header{grid-column:1/-1;grid-row:2}.sector-list{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(4,1fr)}.briefing{grid-column:1;grid-row:4}.legend{grid-column:2;grid-row:4}.header-meta{font-size:9px}}
@media(max-width:600px){.site-wrap{padding:15px 12px 18px}.masthead{padding-bottom:16px;margin-bottom:16px}.brand-mark{width:38px;height:38px}.brand{gap:9px}.brand-title{font-size:23px}.brand-title sup{font-size:7px;margin-left:6px;padding:4px}.brand-caption{font-size:7px;letter-spacing:.03em}.header-meta{display:none}.cabinet{padding:7px;border-radius:12px}.cabinet-top{font-size:8px;margin:2px 6px 9px}.screen-bezel{padding:5px;border-radius:9px}.game-overlay{padding:8px}.overlay-kicker{font-size:7px}.overlay-card h1{font-size:clamp(19px,6vw,29px);margin:6px 0}.overlay-card p{font-size:9px;line-height:1.35;max-width:270px;margin-bottom:8px}.overlay-tags{margin-bottom:9px}.overlay-tags span{font-size:7px;padding:3px 5px}.primary-button{font-size:10px;padding:9px 12px}.overlay-hint{font-size:8px;margin-top:6px}.cabinet-bottom{flex-wrap:wrap;padding:9px 4px 1px}.brand-badge{font-size:9px}.utility{padding:7px;min-height:31px;font-size:11px}.utility span{display:none}.instrument-panel{gap:5px;margin:8px 0}.instrument{padding:10px 6px}.instrument-top{font-size:8px}.instrument-top strong{font-size:9px}.instrument-top kbd{display:none}.instrument .meter{margin-top:10px}.sidebar{grid-template-columns:1fr}.sidebar-header{grid-column:1;grid-row:1}.scoreboard{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:12px}.score-row{grid-column:1/-1;margin-bottom:0}.score-row.secondary{grid-column:auto;flex-direction:column;align-items:start}.sector-header{grid-row:3}.sector-list{grid-row:4;grid-template-columns:repeat(2,1fr)}.briefing{grid-column:1;grid-row:5}.legend{grid-column:1;grid-row:6}.site-footer{flex-wrap:wrap;font-size:8px}}
@media(pointer:coarse){.keyboard-guide{display:none}.touch-controls{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:12px 0 0;padding:12px 16px 17px;border:1px solid #334b5b;border-radius:14px;background:#11202f;touch-action:none}.touch-group{display:flex;flex-direction:column;gap:10px;align-items:center;min-width:0}.dpad{position:relative;width:150px;height:150px;border-radius:50%;touch-action:none;user-select:none;overflow:hidden;background:radial-gradient(circle at 50% 42%,#334f5d,#192e3d 72%);border:3px solid #425f70;box-shadow:inset 0 0 0 5px #192e3d,0 5px 0 #0b1725}.pad-cross{position:absolute;background:#415c6b;border-radius:13px;pointer-events:none}.pad-cross.v{width:51px;height:129px;top:8px;left:46px}.pad-cross.h{height:51px;width:129px;left:8px;top:46px}.pad-center{position:absolute;z-index:2;width:48px;height:48px;background:radial-gradient(circle at 38% 30%,#95ffe0,#3f998e);border:3px solid #b4ffea;border-radius:50%;top:48px;left:48px;box-shadow:0 3px 6px #06121c8f;transition:transform .06s linear;pointer-events:none}.pad-arrow{position:absolute;z-index:3;pointer-events:none;color:#c3dfd9;font-size:15px}.pad-arrow.up{top:17px;left:66px}.pad-arrow.down{bottom:15px;left:66px}.pad-arrow.left{left:20px;top:63px}.pad-arrow.right{right:18px;top:63px}.touch-actions{align-items:stretch;flex:1;max-width:210px}.touch-action-row{display:flex;gap:8px}.touch-small{flex:1;border:1px solid #637584;border-bottom:4px solid #233644;border-radius:8px;background:#365169;color:#e1f3ed;padding:12px 3px;font:900 10px var(--mono);text-align:center}.touch-small b{display:block;font-size:9px;opacity:.6;margin-top:3px}.touch-small.dash{background:#2b625c;border-color:#4a9386}.touch-fire{align-self:flex-end;width:140px;height:80px;border-radius:18px;border:2px solid #78bca9;border-bottom:6px solid #327c6b;background:linear-gradient(145deg,#95ffe2,#42bdac);color:#073a34;font:1000 21px var(--mono);letter-spacing:.09em;box-shadow:0 8px 25px #2bdfb426}.touch-fire span{font-size:12px;margin-left:5px}.mobile-prompt{display:block;margin:11px 2px 0;color:#78929c;font:500 10px/1.6 var(--mono)}}
@media(pointer:coarse) and (max-width:380px){.touch-controls{gap:9px;padding:9px}.dpad{width:126px;height:126px}.pad-cross.v{left:39px;top:6px;width:42px;height:111px}.pad-cross.h{left:6px;top:39px;width:111px;height:42px}.pad-center{left:39px;top:39px;width:43px;height:43px}.pad-arrow.up{left:55px;top:10px}.pad-arrow.down{left:55px;bottom:10px}.pad-arrow.left{left:14px;top:52px}.pad-arrow.right{right:14px;top:52px}.touch-fire{width:110px;height:70px}.touch-label{font-size:8px}}
@media(max-height:520px) and (orientation:landscape) and (pointer:coarse){.site-wrap{padding-top:7px}.masthead{display:none}.arcade-layout{display:block}.sidebar,.instrument-panel{display:none}.cabinet{max-width:min(72vw,620px);margin:auto}.game-column{position:relative}.touch-controls{position:fixed;left:0;right:0;bottom:0;z-index:6;pointer-events:none;border:0;background:transparent;padding:0 9px 7px;margin:0}.touch-controls>*{pointer-events:auto}.dpad{width:110px;height:110px}.pad-cross.v{left:33px;top:5px;width:39px;height:94px}.pad-cross.h{left:5px;top:33px;width:94px;height:39px}.pad-center{width:40px;height:40px;left:33px;top:33px}.pad-arrow.up{left:47px;top:9px}.pad-arrow.down{left:47px;bottom:9px}.pad-arrow.left{left:10px;top:46px}.pad-arrow.right{right:10px;top:46px}.touch-fire{height:64px;width:112px}.touch-actions{max-width:128px}.touch-label,.mobile-prompt,.site-footer{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}