:root{color-scheme:dark;--space-bg:#020712;--space-panel:#09182a;--space-panel-2:#102943;--space-line:#2b5c7f;--space-cyan:#42dcff;--space-gold:#ffd45f;--space-red:#ff5b78;--space-green:#57e4ac;--space-text:#f2fbff;--space-soft:#b8d5e5}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;max-width:100%;overflow-x:hidden;background:radial-gradient(circle at 50% 0,#0d2846 0,#020712 48%)}body{padding:clamp(72px,10vh,84px) clamp(6px,2vw,16px) 16px;color:var(--space-text);font-family:Poppins,system-ui,sans-serif}button,input,select{font:inherit}button{touch-action:manipulation}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.space-game{width:min(100%,1100px);margin:auto}.space-shell{overflow:hidden;border:1px solid var(--space-line);border-radius:24px;background:linear-gradient(145deg,rgba(9,24,42,.98),rgba(4,11,24,.98));box-shadow:0 22px 60px #0009,inset 0 1px #8ce8ff22}
.space-hud{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid #28506d;background:#081625}.space-brand{display:flex;align-items:center;gap:10px;min-width:190px}.space-brand>span:last-child{display:grid}.space-brand strong{letter-spacing:.08em}.space-brand__mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--space-line);border-radius:12px;background:#102b46;font-size:24px}.space-subtitle{color:var(--space-soft);font-size:.86rem}.space-stats{display:flex;gap:8px}.stat{display:grid;min-width:94px;padding:7px 10px;border:1px solid var(--space-line);border-radius:10px;background:var(--space-panel-2);text-align:center}.stat small,.results-grid small{color:var(--space-soft);font-size:.68rem;letter-spacing:.1em}.stat strong{font-variant-numeric:tabular-nums}.stat--shield strong{color:var(--space-green)}
.space-stage-wrap{position:relative;background:#030914}.space-canvas{display:block;width:100%;height:min(62vh,650px);min-height:460px;background:#030914;outline:none;touch-action:none;cursor:crosshair}.space-canvas:focus-visible{box-shadow:inset 0 0 0 5px var(--space-gold)}.space-stage-top{position:absolute;z-index:2;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;gap:8px;pointer-events:none}.space-badge{padding:6px 10px;border:1px solid #3f84a9;border-radius:999px;background:#051322dd;color:var(--space-text);font-weight:800;font-size:.82rem;letter-spacing:.05em}
.space-overlay{position:absolute;z-index:5;inset:clamp(18px,6%,58px) max(14px,10%);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto;padding:clamp(18px,4vw,38px);border:1px solid #4180a5;border-radius:22px;background:linear-gradient(145deg,#0b2138f5,#071321f8);box-shadow:0 20px 70px #000c;text-align:center;backdrop-filter:blur(10px)}.space-overlay[hidden]{display:none}.space-overlay h2{margin:.1em 0 .3em;font-size:clamp(1.6rem,4vw,2.7rem)}.space-overlay p{max-width:700px;margin:.35em auto;color:var(--space-soft)}.eyebrow{color:var(--space-cyan)!important;font-weight:900;letter-spacing:.18em;font-size:.76rem}
.mode-picker{width:100%;max-width:790px;margin:16px 0 10px;padding:0;border:0}.mode-picker legend{margin:0 auto 8px;font-weight:800}.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mode-card{display:grid;place-items:center;gap:3px;min-height:100px;padding:10px;border:2px solid var(--space-line);border-radius:14px;background:#0d2741;color:var(--space-text);cursor:pointer}.mode-card>span{font-size:1.5rem}.mode-card small{color:var(--space-soft);font-size:.72rem;line-height:1.25}.mode-card:hover,.mode-card.is-selected{border-color:var(--space-cyan);background:#174d70;transform:translateY(-2px)}
.space-overlay--menu{justify-content:flex-start}.family-setup{display:grid;grid-template-columns:auto auto;align-items:center;gap:8px;width:min(100%,620px);margin:5px auto 12px}.family-setup[hidden]{display:none}.family-setup select,.player-names input{min-height:44px;border:1px solid #5285a3;border-radius:9px;background:#061526;color:#fff;padding:8px}.player-names{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.player-names label{display:grid;gap:3px;text-align:left;color:var(--space-soft);font-size:.75rem}.option-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:5px 0 14px}.toggle{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid var(--space-line);border-radius:999px;background:#07192c;cursor:pointer}.toggle input{width:20px;height:20px;accent-color:var(--space-cyan)}
.primary-button,.secondary-button,.text-button,.control-button,.fire-button{min-height:44px;border-radius:11px;color:#fff;font-weight:800;cursor:pointer}.primary-button{min-width:220px;padding:11px 22px;border:1px solid #6ce9ff;background:linear-gradient(#18b9e6,#0878b0);box-shadow:0 8px 22px #00a8df44}.secondary-button{padding:10px 18px;border:1px solid var(--space-line);background:#132c44}.text-button{margin-top:8px;padding:7px 12px;border:0;background:transparent;color:var(--space-cyan);text-decoration:underline}.how-panel{width:min(100%,560px);margin-top:7px;padding:10px;border:1px solid var(--space-line);border-radius:10px;background:#061321;text-align:left}.how-panel[hidden]{display:none}.how-panel p{margin:3px}
.space-toast{position:absolute;z-index:4;top:19%;left:50%;min-width:220px;max-width:80%;padding:10px 18px;border:1px solid #84eeff;border-radius:999px;background:#071727ee;color:#fff;font-weight:900;text-align:center;opacity:0;transform:translate(-50%,-8px);transition:.2s;pointer-events:none}.space-toast.is-visible{opacity:1;transform:translate(-50%,0)}.damage-flash{position:absolute;z-index:3;inset:0;background:#ff315833;opacity:0;pointer-events:none}.damage-flash.is-active{animation:damage .3s ease-out}.space-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-top:1px solid var(--space-line);background:#09182a}.mission-copy{display:grid}.mission-copy span{color:var(--space-soft);font-size:.86rem}.control-buttons{display:flex;gap:8px}.control-button{padding:9px 14px;border:1px solid var(--space-line);background:#102c47}.fire-button{min-width:120px;padding:9px 20px;border:1px solid #ff9aab;background:linear-gradient(#f3506c,#b91f43);box-shadow:0 5px 18px #e52d5355}.control-button:disabled,.fire-button:disabled{opacity:.45;cursor:not-allowed}.space-help{display:flex;flex-wrap:wrap;gap:8px;padding:9px 16px 13px;background:#06111e;color:var(--space-soft);font-size:.8rem}.space-help span{padding:4px 8px;border-radius:999px;background:#10243a}.space-help span:last-child{margin-left:auto;color:var(--space-gold)}
.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,600px);margin:14px}.results-grid span{display:grid;padding:10px;border:1px solid var(--space-line);border-radius:11px;background:#0c263f}.results-grid strong{font-size:1.25rem}.result-message{min-height:1.6em}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.family-scores{width:min(100%,500px);margin:10px;padding:0;list-style-position:inside}.family-scores li{margin:5px;padding:8px;border-radius:8px;background:#102b46;font-weight:800}button:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid var(--space-gold);outline-offset:3px}@keyframes damage{0%{opacity:1}100%{opacity:0}}
@media(max-width:720px){body{padding-left:0;padding-right:0;padding-bottom:0}.space-shell{border-radius:0;border-left:0;border-right:0}.space-hud{align-items:flex-start;padding:8px}.space-brand__mark{width:38px;height:38px}.space-brand{min-width:0}.space-brand strong{font-size:.86rem}.space-subtitle{font-size:.72rem}.space-stats{gap:4px}.stat{min-width:66px;padding:5px}.stat small{font-size:.57rem}.stat strong{font-size:.82rem}.space-canvas{height:calc(100svh - 245px);min-height:390px}.space-overlay{inset:8px;justify-content:flex-start;padding:18px 12px}.mode-grid{grid-template-columns:repeat(2,1fr)}.mode-card{min-height:82px}.space-controls{align-items:stretch;padding:8px}.mission-copy{display:none}.control-buttons{width:100%}.control-button{min-width:88px}.fire-button{flex:1;min-height:54px}.space-help{justify-content:center;padding:7px;font-size:.7rem}.space-help span:last-child{width:100%;margin:0;text-align:center}.results-grid{grid-template-columns:repeat(2,1fr);margin:9px}.option-row{margin-bottom:8px}.space-overlay--menu h2{font-size:1.55rem}.space-overlay--menu>p{font-size:.83rem}}
@media(max-width:390px){.space-stats .stat:nth-child(2){display:none}.mode-card{min-height:74px;padding:6px}.mode-card small{font-size:.64rem}.space-canvas{min-height:370px}.player-names{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.mode-card:hover,.mode-card.is-selected{transform:none}.damage-flash{display:none}}