:root{--bg: #04090d;--panel: #0a141a;--phos: #34ff7e;--phos-dim: #14512f;--amber: #ffb454;--red: #ff4a3d;--chrome: #7d919c;--mono: "IBM Plex Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;--ease: cubic-bezier(.2, .9, .3, 1);--glow: 0 0 8px rgba(52, 255, 126, .45)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--phos);font-family:var(--mono);font-size:14px;overflow:hidden}#app{position:relative;width:100%;height:100%}button,input{font-family:inherit}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);text-transform:uppercase;overflow:hidden}.screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000 0,#0000 2px,#00000029 3px);z-index:3}@keyframes crt-on{0%{transform:scaleY(.005);filter:brightness(6)}55%{transform:scaleY(1);filter:brightness(2.2)}to{transform:scaleY(1);filter:brightness(1)}}.crt-on{animation:crt-on .34s var(--ease);transform-origin:50% 50%}.sweep{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.sweep:before{content:"";position:absolute;left:50%;top:50%;width:160vmax;height:160vmax;margin:-80vmax 0 0 -80vmax;border-radius:50%;background:conic-gradient(from 0deg,#34ff7e17,#34ff7e05 55deg,#34ff7e00 80deg,#34ff7e00 360deg);animation:sweep-rot 9s linear infinite}.sweep:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-radial-gradient(circle at 50% 50%,#14512f00 0,#14512f00 118px,#14512f47 120px)}@keyframes sweep-rot{to{transform:rotate(360deg)}}.panel{position:relative;z-index:1;background:var(--panel);border:1px solid var(--phos-dim);border-radius:2px;padding:34px 42px;max-width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;display:flex;flex-direction:column;gap:16px}.rule{border:0;border-top:1px solid var(--phos-dim);margin:4px 0}.label{color:var(--chrome);font-size:11px;letter-spacing:.2em}.blink{animation:blink 1.6s step-end infinite}@keyframes blink{50%{opacity:.35}}.title{font-size:clamp(40px,8vw,64px);font-weight:200;letter-spacing:.3em;color:var(--phos);text-shadow:var(--glow)}.subtitle{margin-top:-8px}.btn{background:var(--bg);border:1px solid var(--phos-dim);border-radius:2px;color:var(--phos);font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:10px 18px;cursor:pointer;transition:border-color .16s var(--ease),box-shadow .16s var(--ease),color .16s var(--ease)}.btn:hover:not(:disabled){border-color:var(--phos);box-shadow:var(--glow),inset 0 0 10px #34ff7e1f;text-shadow:var(--glow)}.btn:active:not(:disabled){box-shadow:inset 0 0 14px #34ff7e40}.btn:disabled{color:var(--phos-dim);border-color:var(--phos-dim);cursor:default;opacity:.7}.btn.primary{border-color:var(--phos);text-shadow:var(--glow)}.btn.primary:disabled{border-color:var(--phos-dim);text-shadow:none}.mode-btn.selected{border-color:var(--phos);color:var(--phos);box-shadow:inset 0 0 12px #34ff7e33;text-shadow:var(--glow)}.text-input{background:var(--bg);border:1px solid var(--phos-dim);border-radius:2px;color:var(--phos);font-size:15px;letter-spacing:.12em;text-transform:uppercase;padding:10px 12px;outline:none;caret-color:var(--phos);transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.text-input::placeholder{color:var(--phos-dim)}.text-input:focus{border-color:var(--phos);box-shadow:var(--glow)}.code-input{width:7.5em;font-size:20px;letter-spacing:.35em;text-align:center}.field{display:flex;flex-direction:column;gap:6px}.block{display:flex;flex-direction:column;gap:8px}.mode-row{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}.divider{color:var(--phos-dim);font-size:11px;letter-spacing:.3em;text-align:center}.error-line{min-height:1.2em;color:var(--amber);font-size:12px;letter-spacing:.14em}.error-line.flash{animation:err-flash .24s var(--ease)}@keyframes err-flash{0%{color:#fff;text-shadow:0 0 10px rgba(255,180,84,.8)}}.room-panel{min-width:min(640px,calc(100vw - 32px));text-align:center}.room-code{font-size:clamp(52px,12vw,96px);font-weight:200;letter-spacing:.35em;text-indent:.35em;color:var(--phos);text-shadow:0 0 14px rgba(52,255,126,.55),0 0 40px rgba(52,255,126,.2);line-height:1.1}.status-line{letter-spacing:.3em}.status-line.manned{color:var(--phos);text-shadow:var(--glow)}.crew-board{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}@media (max-width: 560px){.crew-board{grid-template-columns:1fr}}.team-col{display:flex;flex-direction:column;gap:10px}.team-header{font-size:12px;letter-spacing:.25em;color:var(--chrome);border-bottom:1px solid var(--phos-dim);padding-bottom:6px}.station{background:var(--bg);border:1px solid var(--phos-dim);border-radius:2px;color:var(--phos);text-align:left;text-transform:uppercase;padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.station:hover:not(:disabled){border-color:var(--phos);box-shadow:var(--glow),inset 0 0 10px #34ff7e1a}.station:disabled{cursor:default}.station.taken{border-color:var(--phos-dim)}.station.mine{border-color:var(--phos);box-shadow:inset 0 0 14px #34ff7e29}.station-role{font-size:10px;letter-spacing:.25em;color:var(--chrome)}.station-name{display:flex;align-items:center;gap:8px;font-size:14px;letter-spacing:.1em;min-height:1.3em}.station-name .vacant{color:var(--phos-dim);font-size:11px;letter-spacing:.14em}.host-badge,.you-badge{font-size:9px;letter-spacing:.18em;padding:1px 5px;border-radius:2px}.host-badge{color:var(--amber);border:1px solid var(--amber)}.you-badge{color:var(--phos);border:1px solid var(--phos-dim)}.start-btn{font-size:15px;padding:12px 24px;align-self:center}.end-panel{min-width:min(560px,calc(100vw - 32px));text-align:center;align-items:center}.banner{font-size:clamp(30px,7vw,58px);font-weight:200;letter-spacing:.22em;color:var(--phos);text-shadow:var(--glow)}.banner.defeat{color:var(--red);text-shadow:0 0 10px rgba(255,74,61,.5)}.banner.draw{color:var(--chrome);text-shadow:none}.reason-line{color:var(--chrome);font-size:13px;letter-spacing:.16em}.stats-table{border-collapse:collapse;width:100%;font-size:13px;letter-spacing:.08em}.stats-table th,.stats-table td{border:1px solid var(--phos-dim);padding:8px 14px;text-align:right}.stats-table th{color:var(--chrome);font-weight:400;font-size:11px;letter-spacing:.2em}.stats-table td.stat-label,.stats-table th:first-child{text-align:left;color:var(--chrome);font-size:11px;letter-spacing:.16em}.stats-table .self-col{color:var(--phos);text-shadow:var(--glow)}.status-panel{border-color:var(--phos-dim)}.fault-panel{border-color:var(--red);max-width:min(540px,calc(100vw - 32px));text-align:center;align-items:center}.fault-title{color:var(--red);font-size:26px;font-weight:200;letter-spacing:.3em;text-shadow:0 0 10px rgba(255,74,61,.5)}.fault-message{color:var(--chrome);font-size:13px;letter-spacing:.12em;line-height:1.6}.manual-panel{max-width:min(780px,calc(100vw - 32px));text-align:left;gap:12px}.manual-title{font-size:clamp(26px,5vw,40px);font-weight:200;letter-spacing:.28em;color:var(--phos);text-shadow:var(--glow)}.manual-h{color:var(--phos);font-size:12px;letter-spacing:.28em;border-bottom:1px solid var(--phos-dim);padding-bottom:5px;margin-top:10px}.manual-p{color:var(--chrome);font-size:12px;letter-spacing:.05em;line-height:1.8}.manual-table{border-collapse:collapse;width:100%;font-size:12px;letter-spacing:.08em;margin:2px 0}.manual-table th,.manual-table td{border:1px solid var(--phos-dim);padding:6px 12px;text-align:right}.manual-table th{color:var(--chrome);font-weight:400;font-size:10px;letter-spacing:.2em}.manual-table td.row-label{text-align:left;color:var(--phos)}.manual-btn{align-self:center;font-size:11px;color:var(--chrome)}.manual-btn:hover:not(:disabled){color:var(--phos)}.manual-foot{justify-content:center}.keys{display:flex;flex-direction:column;gap:7px}.keys-row{display:grid;grid-template-columns:130px 1fr;gap:12px;align-items:baseline}.keys-cell{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.keys-sep{color:var(--phos-dim);font-size:10px}.keys-desc{color:var(--chrome);font-size:11px;letter-spacing:.06em;line-height:1.5}.kbd{display:inline-block;min-width:1.7em;text-align:center;padding:2px 6px;border:1px solid var(--phos-dim);border-bottom-width:2px;border-radius:3px;background:var(--bg);color:var(--phos);font-family:inherit;font-size:11px;letter-spacing:.08em}.keys-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}@media (max-width: 640px){.keys-cols{grid-template-columns:1fr}}.tut-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#04090ddb;text-transform:uppercase}.tut-card{background:var(--panel);border:1px solid var(--phos-dim);border-radius:2px;padding:28px 34px;width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;display:flex;flex-direction:column;gap:14px}.tut-title{font-size:clamp(20px,4vw,28px);font-weight:200;letter-spacing:.24em;color:var(--phos);text-shadow:var(--glow)}.tut-body{display:flex;flex-direction:column;gap:10px}.tut-dots{display:flex;gap:8px;justify-content:center;padding:2px 0}.tut-dot{width:8px;height:8px;border:1px solid var(--phos-dim);border-radius:50%}.tut-dot.on{background:var(--phos);border-color:var(--phos);box-shadow:var(--glow)}.tut-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.tut-clock{text-align:center;color:var(--amber)}.game-root{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg)}@media (prefers-reduced-motion: reduce){.sweep:before{animation:none}.crt-on,.blink{animation:none}}