:root{color-scheme:dark}:root{--bg: #05080f;--bg2: #0a101c;--panel: #0d1524;--panel2: #111b2e;--border: #1d2a44;--border-soft: #16213a;--text: #dbe4ff;--dim: #8fa3c8;--accent: #37e8b0;--accent-dim: #1e9b78;--danger: #ff5c7a;--danger-2: #b12a45;--warn: #ffd166;--info: #5bc0ff;--mono: "SFMono-Regular", "Menlo", "Consolas", "Liberation Mono", monospace;--sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius: 12px;--radius-s: 8px;--font-scale: 15px}@media (min-width: 1400px){:root{--font-scale: 16px}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(1200px 600px at 50% -10%,#0c1526 0%,var(--bg) 55%);color:var(--text);font-family:var(--sans);font-size:var(--font-scale);line-height:1.5}a{color:var(--info);text-decoration:none}button{font-family:inherit}.center{text-align:center}.app-shell{max-width:1480px;margin:0 auto;padding:18px 22px 60px}.app-shell.presentation .side,.app-shell.presentation .progress,.app-shell.presentation .topbar-actions{display:none}.app-shell.presentation{max-width:1200px}.topbar{display:flex;align-items:center;gap:16px;padding:8px 2px 14px;border-bottom:1px solid var(--border-soft);margin-bottom:16px;flex-wrap:wrap}.brand{font-size:18px;font-weight:800;letter-spacing:1.5px;color:var(--text);text-transform:uppercase;display:inline-flex;align-items:baseline;gap:8px}.brand-sub{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:4px}.topbar-meta{display:flex;align-items:center;gap:10px;flex:1 1 220px;min-width:0}.mission-chip{font-family:var(--mono);font-size:13px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{display:flex;gap:8px;align-items:center}.student-select{font-size:13px;color:var(--dim);display:inline-flex;align-items:center;gap:8px}.student-select select{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-s);padding:6px 10px;font-size:13px;max-width:320px}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.4px;padding:3px 9px;border-radius:999px;background:var(--panel2);border:1px solid var(--border);color:var(--text)}.chip.done{background:#37e8b01f;border-color:var(--accent-dim);color:var(--accent)}.chip.warn-chip{background:#ffd1661f;border-color:var(--warn);color:var(--warn)}.chip.ok{background:#37e8b024;color:var(--accent)}.chip.bad{background:#ff5c7a24;color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:13px;font-weight:700;letter-spacing:.6px;padding:8px 14px;border-radius:var(--radius-s);cursor:pointer;transition:all .14s ease;text-transform:uppercase}.btn:hover:not(:disabled){border-color:var(--accent-dim);color:var(--accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.accent{background:linear-gradient(135deg,#1e9b78,#37e8b0);color:#04120c;border:none}.btn.accent:hover:not(:disabled){filter:brightness(1.08);color:#04120c}.btn.secondary{background:var(--panel2)}.btn.mini{padding:5px 9px;font-size:11px;gap:6px;border-radius:6px}.btn.big{padding:12px 22px;font-size:15px}.btn.danger{border-color:var(--danger-2);color:#ffb3c1}.btn.danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.btn.active{border-color:var(--accent-dim);color:var(--accent);background:#37e8b01a}.landing{position:relative;min-height:100vh;padding:40px 24px 60px;overflow:hidden}.landing-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(700px 300px at 20% 10%,rgba(55,232,176,.08),transparent 60%),radial-gradient(600px 300px at 85% 20%,rgba(91,192,255,.08),transparent 60%);pointer-events:none}.hero{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8vh}.title{font-size:clamp(34px,6vw,64px);font-weight:900;letter-spacing:6px;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:6px}.title-sub{color:var(--accent);font-size:.4em;letter-spacing:14px}.subtitle{font-family:var(--mono);color:var(--dim);letter-spacing:3px;font-size:14px;text-transform:uppercase}.landing-body{max-width:720px;margin:44px auto 0;text-align:center;position:relative}.landing-text{color:var(--dim);line-height:1.7;margin:0 auto 28px;max-width:560px}.landing-card{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:34px}.surface-item{display:inline-flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px 18px;color:var(--text);font-size:14px}.landing-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.doc-note{font-family:var(--mono);font-size:12px;color:var(--dim);margin-top:22px}.foot{margin-top:40px;padding-top:16px;border-top:1px solid var(--border-soft);color:var(--dim);font-family:var(--mono);font-size:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mission-header{padding:10px 2px 4px}.mission-codename{font-family:var(--mono);font-size:13px;letter-spacing:3px;color:var(--accent)}.mission-title{font-size:24px;font-weight:800;letter-spacing:.5px;margin:2px 0 8px}.mission-narrative{color:var(--dim);margin:0 0 4px;max-width:900px}.progress{margin:14px 0 18px}.lbl{font-family:var(--mono);font-size:11px;letter-spacing:2px;color:var(--dim)}.progress-items{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.prog-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;background:var(--panel);border:1px solid var(--border);color:var(--dim);font-family:var(--mono)}.prog-item.locked{opacity:.45}.prog-item.on{border-color:var(--info);color:var(--info);box-shadow:0 0 0 1px #5bc0ff59 inset}.prog-item.done{border-color:var(--accent-dim);color:var(--accent)}.operator-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}.student-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.stage,.side{min-width:0}.side{display:flex;flex-direction:column;gap:12px}@media (max-width: 1080px){.operator-grid,.student-grid{grid-template-columns:1fr}}.phase-card,.vote-card,.editor-card,.console-card,.predict-card,.solution-box,.ctx-card,.result-card,.viz-box{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.phase-card{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.panel-title{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:2px;color:var(--dim);text-transform:uppercase;margin-bottom:8px}.panel-title .btn{margin-left:auto}.ctx-sub{color:var(--dim);font-size:13px;margin:2px 0 6px;display:inline-flex;align-items:center;gap:6px}.ctx-sub.ok{color:var(--accent)}.ctx-sub.dim{color:var(--dim);opacity:.8}.phase-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.phase-tab{font-family:var(--mono);font-size:11px;letter-spacing:1px;background:transparent;border:1px solid var(--border);color:var(--dim);border-radius:999px;padding:4px 11px;cursor:pointer}.phase-tab.active{background:var(--accent);color:#04120c;border-color:var(--accent);font-weight:700}.vote-card{margin-bottom:12px}.vote-question{font-size:16px;font-weight:600;margin:0 0 12px}.vote-options{display:flex;flex-direction:column;gap:8px}.vote-option{text-align:left;background:var(--panel2);border:1px solid var(--border);border-radius:var(--radius-s);padding:12px 14px;color:var(--text);cursor:pointer;font-size:14px;display:block;position:relative;overflow:hidden}.vote-option:disabled{cursor:default}.vote-option.mine{border-color:var(--accent-dim);background:#37e8b014}.vote-label{display:block;margin-bottom:2px}.vote-mine{font-size:10px;font-weight:800;letter-spacing:1px;color:var(--accent);margin-left:8px}.vote-bar-wrap{display:block;height:16px;border-radius:4px;background:#ffffff0a;margin-top:6px;position:relative;overflow:hidden}.vote-bar{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--accent-dim),var(--accent));transition:width .5s ease}.vote-pct{position:absolute;right:8px;top:2px;font-size:11px;font-family:var(--mono);color:#04120c;font-weight:700}.vote-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.decision-correct{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--accent);padding:10px;border:1px solid var(--accent-dim);border-radius:var(--radius-s);background:#37e8b014}.discussion p{margin:6px 0;color:var(--dim)}.operator-steps{display:flex;flex-direction:column;gap:6px}.step-line{display:flex;align-items:baseline;gap:10px;font-size:13px}.step-n{font-family:var(--mono);color:var(--info);font-weight:700}.mission-question{background:var(--panel2);border:1px solid var(--border);border-radius:var(--radius-s);padding:12px;font-size:14px}.mission-question strong{display:block;font-family:var(--mono);letter-spacing:1px;font-size:12px;color:var(--info);margin-bottom:4px}.mode-row{display:flex;gap:8px}.editor-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ed-tab{font-family:var(--mono);font-size:12px;color:var(--dim);border:1px solid var(--border);border-radius:6px 6px 0 0;padding:5px 12px;background:var(--panel2)}.ed-spacer{flex:1}.editor-wrap{border:1px solid var(--border);border-radius:var(--radius-s);overflow:hidden}.editor-wrap .cm-editor{font-size:13px}.actions{display:flex;gap:10px;flex-wrap:wrap}.console-card{min-height:120px;max-height:320px;display:flex;flex-direction:column}.console-body{font-family:var(--mono);font-size:12px;overflow:auto;display:flex;flex-direction:column;gap:2px;max-height:260px;padding-top:4px}.console-empty{color:var(--dim);opacity:.7}.console-line{white-space:pre-wrap;word-break:break-word}.console-line.op{color:var(--dim)}.console-line.err{color:var(--danger)}.console-line.info{color:var(--info)}.console-line.ok{color:var(--accent)}.teacher-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:14px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.tc-group{display:flex;gap:8px;flex-wrap:wrap}.tc-group.grow{margin-left:auto}.hint-box{flex-basis:100%;border:1px solid var(--warn);border-radius:var(--radius-s);padding:10px 12px;background:#ffd16612}.hint-title{color:var(--warn);font-weight:700;font-size:12px;letter-spacing:1px;display:flex;align-items:center;gap:6px;margin-bottom:4px}.hint-box p{margin:2px 0;font-size:13px}.solution-box pre,.solution-ref{font-family:var(--mono);font-size:12px;margin:0;padding:10px;background:var(--bg2);border-radius:var(--radius-s);overflow:auto;max-height:320px;white-space:pre-wrap;word-break:break-word}.predict-opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.predict-card .ctx-sub.ok{margin-top:8px}.result-card{margin-bottom:12px}.result-card.ok{border-color:var(--accent-dim)}.result-card.bad{border-color:var(--danger-2)}.result-line{display:flex;align-items:center;gap:8px;font-size:14px;margin:4px 0;flex-wrap:wrap}.result-msg{margin:10px 0 0;color:var(--dim)}.viz-box{margin-bottom:12px}.hz-head{font-family:var(--mono);font-size:12px;letter-spacing:2px;color:var(--dim);margin-bottom:10px}.viz-note{font-family:var(--mono);font-size:11px;letter-spacing:1.5px;color:var(--dim);margin-bottom:6px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip.node{font-family:var(--mono);font-size:12px;padding:4px 9px}.chip.node.idle{background:var(--panel2);border:1px solid var(--border)}.chip.node.queued{border:1px solid var(--info);color:var(--info)}.chip.node.processed{border:1px solid var(--accent-dim);color:var(--accent)}.chip.node.current{background:var(--accent);border-color:var(--accent);color:#04120c;font-weight:800}.chip.dim{color:var(--dim);opacity:.7;font-family:var(--mono);font-size:12px}.chip.edge-chip{font-family:var(--mono);color:var(--warn);border:1px solid var(--warn)}.pq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 720px){.pq-grid{grid-template-columns:1fr}}.map-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:13px}.map-table th,.map-table td{text-align:left;padding:8px 10px;border:1px solid var(--border-soft)}.map-table th{color:var(--dim);font-weight:600}.map-table tr.row.hit td{background:#37e8b01a;color:var(--accent)}.map-table tr.row.miss td{background:#ff5c7a1a;color:var(--danger)}.map-table .dim{color:var(--dim);opacity:.7}.graph-canvas{width:100%;max-width:640px;height:auto;display:block;margin:6px auto}.arrow-head{fill:var(--border)}.edge{stroke:var(--border)}.edge.path{stroke:var(--warn);stroke-width:4}.node circle{fill:var(--panel2);stroke:var(--border);stroke-width:2}.node-text{fill:var(--text);font-family:var(--mono);font-size:13px;font-weight:700}.node.visited circle{stroke:var(--accent-dim)}.node.queued circle{stroke:var(--info)}.node.current circle{fill:var(--accent);stroke:var(--accent)}.node.current .node-text{fill:#04120c}.node.cycle circle{fill:var(--danger-2);stroke:var(--danger);animation:pulse 1s ease-in-out infinite}.node.cycle .node-text{fill:#fff}.replay-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.bfs-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px;align-items:start}@media (max-width: 860px){.bfs-layout{grid-template-columns:1fr}}.bfs-panels{display:flex;flex-direction:column;gap:10px}.bfs-panel{background:var(--panel2);border:1px solid var(--border-soft);border-radius:var(--radius-s);padding:10px}.incident{display:flex;flex-direction:column;gap:12px}.bug-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:1px;padding:5px 11px;border-radius:999px;margin-bottom:10px}.bug-chip.cycle-flag,.bug-chip.miss-flag{background:#ff5c7a24;border:1px solid var(--danger);color:var(--danger)}.complete-card .complete-title{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:900;letter-spacing:2px;color:var(--accent);text-transform:uppercase}.mode-row .btn.active{color:var(--warn);border-color:var(--warn)}.final{max-width:900px}.final-hero{text-align:center;padding:40px 0 20px}.final-trophy svg{color:var(--accent)}.final-title{font-size:clamp(26px,5vw,44px);letter-spacing:8px;margin:10px 0 6px;color:var(--accent)}.final-sub{font-family:var(--mono);letter-spacing:3px;color:var(--dim)}.final-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin:24px 0}.stat{display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:10px 16px;font-size:14px}.debrief{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:24px}.debrief-list{margin:0;padding-left:20px;color:var(--dim)}.debrief-list li{margin:6px 0;font-size:14px}@keyframes pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.4)}}.pulse{animation:pulse .9s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.pulse,.node.cycle circle,.vote-bar,.btn{animation:none;transition:none}}.landing-roles{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.chip.pause,.status-chip.pause{background:#ff6b6b29;color:var(--danger);border-color:var(--danger)}.chip.webish,.status-chip.webish,.vote-chip.lan{background:#5bc0ff24;color:var(--info);border-color:var(--info)}.chip.localish,.status-chip.localish,.vote-chip.local{background:#efcd6c24;color:var(--warn);border-color:var(--warn)}.vote-chip{letter-spacing:1px;font-size:11px}.ctx-sub.warn{color:var(--warn)}.chip.room-chip,.room-chip{background:#5bc0ff1f;color:var(--info);border:1px solid var(--info);border-radius:999px;padding:3px 10px;font-size:11px;letter-spacing:1px;font-weight:700}.room-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 14px;margin-bottom:12px;border:1px solid var(--border);border-left:3px solid var(--info);border-radius:var(--radius-s);background:#5bc0ff0f;font-size:12px;color:var(--dim)}.room-bar-code b{color:var(--text);letter-spacing:2px}.room-link{-webkit-user-select:all;user-select:all;word-break:break-all}.room-entry{display:grid;gap:6px;width:100%}.room-entry-row{display:flex;gap:10px;align-items:center}.room-input{flex:1;max-width:220px;text-align:center;text-transform:uppercase;letter-spacing:3px}.room-hint{margin-top:2px}.room-code-inline{display:block;margin-top:6px;opacity:.85}.pause-banner{display:flex;align-items:center;gap:10px;padding:12px 14px;margin-bottom:12px;border:1px solid var(--danger);border-radius:var(--radius);background:#ff6b6b1f;color:var(--danger);font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:13px}.professor-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}@media (max-width: 1080px){.professor-grid{grid-template-columns:1fr}}.pin-shell{display:flex;align-items:center;justify-content:center;min-height:88vh}.pin-card{display:flex;flex-direction:column;gap:12px;width:min(360px,92vw);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:26px 24px;text-align:center}.pin-lock{width:64px;height:64px;margin:0 auto 4px;border-radius:50%;display:grid;place-items:center;background:#ffd1661a;border:1px solid var(--warn);color:var(--warn)}.pin-input{font-family:var(--mono);font-size:26px;letter-spacing:14px;text-align:center;background:var(--panel2);border:1px solid var(--border);border-radius:var(--radius-s);color:var(--text);padding:10px}.pin-input:focus{outline:none;border-color:var(--accent)}.pin-error{color:var(--danger);font-size:13px;font-weight:600}.professor-final{margin-top:24px}.btn.mini.active.danger,.btn.mini.danger{background:#ff6b6b24;border-color:var(--danger);color:var(--danger)}