:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#254b57;background:radial-gradient(circle at 12% 0%,rgba(102,222,225,.28),transparent 28%),radial-gradient(circle at 90% 6%,rgba(255,192,111,.32),transparent 25%),linear-gradient(180deg,#effdff,#f8fbff 60%,#fff4df)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh}button{font:inherit}.shell{width:min(100%,1040px);margin:0 auto;padding:12px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 2px 10px}h1{margin:2px 0 0;font-size:clamp(24px,4vw,38px);letter-spacing:-.04em}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.12em;color:#5e8995}.hud{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:8px}.hud>div,.mission,.program-card,.phase-card,.controls,.legend{border:1px solid rgba(74,132,148,.16);background:rgba(255,255,255,.8);box-shadow:0 14px 34px rgba(45,93,107,.08)}.hud>div{padding:8px 10px;border-radius:14px}.hud span,.mission span{display:block;font-size:10px;color:#78939b}.hud strong{font-size:16px}.mission{border-radius:16px;padding:9px 11px;margin-bottom:8px}.game-frame{position:relative;overflow:hidden;border-radius:26px;border:1px solid rgba(70,132,150,.18);box-shadow:0 24px 58px rgba(43,87,103,.13)}canvas{display:block;width:100%;aspect-ratio:10/6.8}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:16px;background:rgba(239,253,255,.7);backdrop-filter:blur(8px)}.overlay.hidden{display:none!important}.overlay-card{width:min(100%,520px);background:rgba(255,255,255,.96);border-radius:24px;padding:24px;text-align:center}.overlay-card h2{margin:6px 0 8px}.overlay-card p{color:#66808a;line-height:1.65}.primary,.ghost{border-radius:14px;min-height:44px;padding:0 15px;font-weight:900;cursor:pointer}.primary{border:0;color:white;background:linear-gradient(135deg,#31b7c8,#ed985a)}.ghost{border:1px solid rgba(73,131,146,.2);background:white;color:#365d68}.primary:disabled,.ghost:disabled{opacity:.38}.program-card,.phase-card{margin-top:8px;border-radius:16px;padding:10px}.card-title{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.card-title span{font-size:10px;color:#78929a}.tape{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.tape-slot{min-height:60px;border-radius:13px;border:1px solid rgba(79,133,148,.16);background:linear-gradient(180deg,#fff,#edf9fb);color:#315965}.tape-slot.editable{border:2px dashed rgba(235,145,82,.62)}.tape-slot span,.tape-slot strong,.tape-slot small{display:block}.tape-slot span{font-size:9px}.tape-slot strong{font-size:20px}.tape-slot small{font-size:8px}.phase-panel{display:grid;gap:6px}.phase-row{display:grid;grid-template-columns:14px 1fr 42px 42px;gap:6px;align-items:center}.phase-dot{width:11px;height:11px;border-radius:50%}.phase-row button{min-height:38px;border-radius:11px;border:1px solid #d6e7eb;background:#f5fbfc}.controls{margin-top:8px;border-radius:16px;padding:8px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:7px}.legend{margin-top:8px;border-radius:14px;padding:9px 11px;color:#718c94;font-size:11px}@media(max-width:640px){.shell{padding:7px}h1{font-size:23px}.hud{gap:4px}.hud>div{padding:7px 4px;text-align:center}.hud strong{font-size:13px}.tape{gap:3px}.tape-slot{min-height:54px;padding:2px}.tape-slot small{display:none}.controls{grid-template-columns:1fr 1fr}.legend{display:none}.card-title{flex-direction:column;gap:2px}}