:root{--brass:#c9a227;--brass-bright:#e8c65a;--ivory:#e8e6dc;--night:#0e1428;--night-deep:#070b18;--indigo:#1a2340;--ice:#9fd8e8;--signal-green:#38d17c;--signal-red:#e04545;--font-title:"Playfair Display", serif;--font-ui:"Rajdhani", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--night-deep);width:100%;height:100%;font-family:var(--font-ui);color:var(--ivory);touch-action:none;overflow:hidden}#game-canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#ui-root{pointer-events:none;position:fixed;inset:0}.screen{pointer-events:auto;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0;overflow-y:auto}.screen.hidden{display:none}.screen.active{display:flex}.toast{pointer-events:none}#menu-screen{background:radial-gradient(ellipse at 50% 118%, #c9a22733, transparent 58%), radial-gradient(ellipse at 78% 8%, #9fd8e81f, transparent 45%), linear-gradient(180deg, #060a16 0%, var(--night) 55%, #131a2e 100%)}.observatory-sky{pointer-events:none;opacity:.75;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#e8e6dce6,#0000),radial-gradient(1px 1px at 27% 42%,#e8e6dcb3,#0000),radial-gradient(1.5px 1.5px at 41% 12%,#9fd8e8cc,#0000),radial-gradient(1px 1px at 58% 31%,#e8e6dc99,#0000),radial-gradient(2px 2px at 71% 15%,#e8e6dcf2,#0000),radial-gradient(1px 1px at 84% 38%,#9fd8e8b3,#0000),radial-gradient(1.5px 1.5px at 9% 61%,#e8e6dca6,#0000),radial-gradient(1px 1px at 91% 68%,#e8e6dc80,#0000),radial-gradient(1.5px 1.5px at 33% 74%,#9fd8e899,#0000),radial-gradient(1px 1px at 64% 82%,#e8e6dc8c,#0000);position:absolute;inset:0}.card{background:linear-gradient(#1a2340f5,#0a0f1ef7);border:1px solid #c9a22773;border-radius:10px;padding:1.6rem 2rem;position:relative;box-shadow:0 0 0 4px #c9a22714,0 18px 50px #000000b3}.menu-card{width:min(680px,94vw);max-height:92vh;overflow-y:auto}.marquee{text-align:center;border-bottom:2px solid #c9a22766;margin-bottom:1.1rem;padding-bottom:.9rem}.title{font-family:var(--font-title);letter-spacing:.14em;color:var(--brass-bright);text-shadow:0 2px #050810,0 0 30px #c9a22759;font-size:2.4rem;font-weight:900}.title.small{font-size:1.4rem}.subtitle{letter-spacing:.26em;text-transform:uppercase;color:var(--ivory);opacity:.85;margin-top:.3rem;font-size:1.05rem;font-weight:600}.config-group{margin:1rem 0}.config-group h3{text-transform:uppercase;letter-spacing:.14em;color:var(--brass);align-items:baseline;gap:.6rem;margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:flex}.degrees-count{color:var(--ivory);opacity:.7;letter-spacing:.05em;font-weight:600}.option-desc{opacity:.75;min-height:1.2em;margin-top:.4rem;font-size:.9rem}.option-desc.hidden{display:none}.warning{color:var(--signal-red);margin-top:.5rem;font-size:.9rem;font-weight:600}.warning.hidden{display:none}.chip-row{flex-wrap:wrap;gap:.45rem;margin-top:.35rem;display:flex}.chip{font-family:var(--font-ui);color:var(--ivory);cursor:pointer;background:#1a2340bf;border:1px solid #c9a22759;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.95rem;font-weight:600;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.chip:hover{border-color:var(--brass-bright)}.chip:active{transform:translateY(1px)}.chip.selected{border-color:var(--brass-bright);color:#241a08;text-shadow:none;background:linear-gradient(#c9a227d9,#a07a18d9)}.chip:disabled{opacity:.35;cursor:not-allowed}.chip .swatch{border:1px solid #00000059;border-radius:50%;width:.65em;height:.65em;display:inline-block}.chip .suffix{opacity:.72;letter-spacing:.02em;font-size:.78em}.chip.selected .suffix{opacity:.85}.degrees-quick{flex-wrap:wrap;gap:.5rem;margin-bottom:.4rem;display:flex}.pair-group{background:#9fd8e80f;border:1px dashed #9fd8e873;border-radius:999px;align-items:center;gap:.3rem;padding:.22rem .34rem;display:inline-flex}.btn{font-family:var(--font-ui);letter-spacing:.08em;cursor:pointer;border:1px solid #0000;border-radius:6px;padding:.65rem 1.4rem;font-size:1rem;font-weight:700;transition:filter .15s,transform 50ms}.btn:active{transform:translateY(1px)}.btn:hover{filter:brightness(1.12)}.btn.primary{background:linear-gradient(180deg, var(--brass-bright), var(--brass) 55%, #9a7a18);color:#241a08;border-color:#f0d98a;box-shadow:0 4px 14px #c9a22759}.btn.secondary{color:var(--ivory);background:#1a2340cc;border-color:#c9a22766}.btn.tiny{color:var(--ivory);background:#0a0f1ed9;border-color:#c9a2274d;padding:.3rem .7rem;font-size:.8rem}.btn.tiny.selected{color:#241a08;border-color:var(--brass-bright);background:linear-gradient(#c9a227cc,#a07a18cc)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.menu-actions{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.3rem;display:flex}.volume-group input[type=range]{width:100%;accent-color:var(--brass)}.summary-stats{gap:.4rem;margin:1rem 0;display:grid}.summary-row{letter-spacing:.04em;border-bottom:1px solid #c9a2272e;justify-content:space-between;align-items:baseline;gap:1.5rem;padding:.35rem .7rem;display:flex}.summary-row strong{font-family:var(--font-title);color:var(--brass-bright);font-size:1.15rem}.planetarium-board,.planetarium-degrees{margin:1rem 0}.toast{border:1px solid var(--brass);color:var(--ivory);opacity:0;pointer-events:none;background:#0a0f1ef5;border-radius:8px;padding:.6rem 1.2rem;font-weight:600;transition:opacity .25s,transform .25s;position:absolute;bottom:8%;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.credit{text-align:center;letter-spacing:.06em;opacity:.6;margin-top:1.2rem;font-size:.8rem}#hud.hud-layer{pointer-events:none;padding:0;display:block;overflow:visible}#hud.hud-layer.hidden{display:none}.cab-vignette{pointer-events:none;background:radial-gradient(at 50% 55%,#0000 52%,#0508128c 100%),linear-gradient(#05081273 0%,#0000 22%);position:absolute;inset:0}.console{pointer-events:auto;background:linear-gradient(#0a0f1eb8,#060a16f2);border-top:2px solid #c9a22780;border-radius:12px 12px 0 0;width:min(1180px,98vw);padding:.5rem 1rem .7rem;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 32px #0000008c}.logline{text-align:center;letter-spacing:.04em;color:var(--ivory);text-shadow:0 1px 3px #000c;min-height:1.4em;margin-bottom:.35rem;font-size:.95rem;font-weight:600}.answer-window{background:#9fd8e824;border-radius:2px;height:4px;margin-bottom:.6rem;overflow:hidden}.answer-window-fill{background:linear-gradient(90deg, var(--ice), var(--brass-bright));width:100%;height:100%;transition:width 80ms linear}.answer-window.idle .answer-window-fill{opacity:0}.answer-window.urgent .answer-window-fill{background:linear-gradient(90deg, var(--signal-red), var(--brass-bright));animation:.45s ease-in-out infinite window-pulse}@keyframes window-pulse{50%{opacity:.35}}.console-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.scoreboard{gap:1.1rem;min-width:190px;display:flex}.score-cell{flex-direction:column;align-items:flex-start;display:flex}.score-label{text-transform:uppercase;letter-spacing:.16em;color:var(--brass);opacity:.85;font-size:.62rem}.score-value{font-family:var(--font-title);color:var(--brass-bright);font-size:1.25rem;line-height:1.1}.lever-row{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:.4rem;display:flex}.lever{font-family:var(--font-ui);cursor:pointer;min-width:3.1rem;color:var(--ivory);background:linear-gradient(#263254f2,#10162af2);border:1px solid #c9a2276b;border-radius:7px;padding:.4rem .5rem .85rem;transition:transform 50ms,border-color .15s,background .15s,opacity .15s;position:relative;box-shadow:inset 0 1px #e8e6dc1a,0 2px 6px #00000080}.lever:hover:not(:disabled){border-color:var(--brass-bright)}.lever:active:not(:disabled){transform:translateY(2px)}.lever-roman{font-family:var(--font-title);letter-spacing:.03em;font-size:1.2rem;font-weight:700;line-height:1;display:block}.lever-suffix{opacity:.72;font-size:.68rem;line-height:1.2;display:block}.lever-key{font-size:.58rem;font-family:var(--font-ui);opacity:.5;border:1px solid;border-radius:3px;padding:0 .18em;line-height:1.3;position:absolute;bottom:2px;right:3px}.lever:disabled{cursor:not-allowed;opacity:.45}.lever.locked{opacity:.3}.lever.correct{border-color:var(--signal-green);color:#04180d;opacity:1;background:linear-gradient(#38d17ce6,#1c7848e6)}.lever.wrong{border-color:var(--signal-red);color:#fff;opacity:1;background:linear-gradient(#e04545e6,#821e1ee6)}.lever-pair{background:#9fd8e80f;border:1px dashed #9fd8e873;border-radius:999px;align-items:center;gap:.28rem;padding:.2rem .3rem;display:inline-flex}.console-right{justify-content:flex-end;align-items:center;gap:.7rem;min-width:300px;display:flex}.constellation-map{background:#0508128c;border:1px solid #c9a22747;border-radius:8px;width:200px;height:130px}.console-tools{flex-direction:column;align-items:stretch;gap:.32rem;display:flex}.beacon-icons{justify-content:center;gap:.25rem;display:flex}.beacon-icon{filter:none;font-size:.95rem;transition:filter .2s,opacity .2s}.beacon-icon.spent{filter:grayscale()brightness(.4);opacity:.45}.btn.tiny.brass{color:#241a08;border-color:var(--brass-bright);background:linear-gradient(#c9a227e6,#967314e6)}.btn.tiny kbd{font-family:var(--font-ui);opacity:.65;border:1px solid;border-radius:3px;padding:0 .2em;font-size:.62rem}@media (width<=900px){.console-row{flex-wrap:wrap;justify-content:center}.console-right{min-width:0}.constellation-map{width:150px;height:100px}}#planetarium-screen .menu-card{width:min(1000px,96vw)}.planetarium-board{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:.6rem;display:grid}.plate{text-align:center;background:#0508128c;border:1px solid #9fd8e82e;border-radius:8px;padding:.5rem}.plate.arrived{border-color:#c9a22773}.plate.gala{border-color:var(--brass-bright);background:#c9a2271a;box-shadow:inset 0 0 22px #c9a2271f}.plate-figure{width:132px;height:92px;margin:0 auto;display:block}.plate-name{font-family:var(--font-title);color:var(--brass-bright);font-size:1.15rem;line-height:1.2}.plate-constellation{opacity:.7;font-size:.75rem}.plate-state{text-transform:uppercase;letter-spacing:.14em;color:var(--brass);margin-top:.15rem;font-size:.68rem}.plate.gala .plate-state{color:var(--brass-bright);font-weight:700}.plate-records{border-top:1px solid #c9a22733;margin-top:.35rem;padding-top:.3rem;font-size:.72rem}.plate-records>div{justify-content:space-between;gap:.4rem;display:flex}.plate-records span{opacity:.65}.plate-records strong{color:var(--ivory);font-weight:600}.planetarium-degrees h3{text-transform:uppercase;letter-spacing:.14em;color:var(--brass);margin-bottom:.5rem;font-size:.85rem}.degree-stats{gap:.26rem;display:grid}.stat-row{align-items:center;gap:.6rem;font-size:.85rem;display:flex}.stat-row.untouched{opacity:.4}.stat-name{min-width:4.2rem;color:var(--ivory);font-weight:600}.stat-bar{background:#9fd8e81f;border-radius:4px;flex:1;height:7px;overflow:hidden}.stat-fill{background:linear-gradient(90deg, var(--ice), var(--brass-bright));height:100%}.stat-value{text-align:right;opacity:.8;min-width:7.5rem;font-size:.78rem}.stat-pair{background:#9fd8e80d;border:1px dashed #9fd8e859;border-radius:10px;gap:.2rem;padding:.22rem .34rem;display:grid}.btn.tiny.wipe{border-color:#e0454573;margin-top:.9rem}.btn.tiny.wipe.armed{background:var(--signal-red);color:#fff;border-color:var(--signal-red)}