:root{--bg:#12181e;--panel:#1c242c;--panel-2:#24303a;--line:#2f3d48;--text:#e8eef2;--muted:#8fa0ad;--teal:#35e0d0;--teal-d:#1fa79b;--green:#5be37a;--red:#ff6b6b;--amber:#f3a83b;--radius:14px;color:var(--text);background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{overflow:hidden}body.admin-body{overflow:auto}#app{height:100%}h1,h2,h3,h4{margin:0 0 .5em}p{margin:0 0 .8em;line-height:1.5}a{color:var(--teal)}.muted{color:var(--muted)}.small{font-size:.85em}.center{text-align:center}.big{font-size:48px}[hidden]{display:none!important}.btn{appearance:none;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:.4em;padding:.65em 1.1em;font-weight:600;text-decoration:none;transition:transform 80ms,background .15s,border-color .15s;display:inline-flex}.btn:hover{border-color:var(--teal-d)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:linear-gradient(180deg, var(--teal), var(--teal-d));color:#062420;border-color:#0000}.btn.ghost{background:0 0}.btn.danger{color:var(--red);background:0 0;border-color:#5a2a30}.btn.small{padding:.4em .75em;font-size:.85em}.btn.wide{justify-content:center;width:100%}.row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6em;margin-top:.8em;display:flex}.row.tight{gap:.4em;margin:0}.field{margin-bottom:1em}.field>label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.45em;font-size:.8em;font-weight:600;display:block}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#10161b;border-radius:10px;padding:.7em .85em}input:focus,textarea:focus,select:focus{outline:2px solid var(--teal-d);border-color:#0000}.error{color:var(--red);font-size:.9em}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.4em;box-shadow:0 10px 30px #00000040}.card.narrow{width:min(420px,92vw)}.card.glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141c22c7}.seg{border:1px solid var(--line);background:#10161b;border-radius:10px;gap:3px;padding:3px;display:inline-flex}.seg button,.chips button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.5em .9em;font-weight:600}.seg button.on,.chips button.on{background:var(--panel-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--teal-d)}.tabs{width:100%;margin-bottom:1.2em}.tabs button{flex:1}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{border:1px solid var(--line);background:#10161b}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatches button{background:var(--c);cursor:pointer;border:2px solid #ffffff26;border-radius:50%;width:32px;height:32px}.swatches button.on{outline:3px solid var(--teal);outline-offset:2px}.screen{flex-direction:column;justify-content:center;align-items:center;gap:1.5em;min-height:100%;padding:2em;display:flex}.screen.hero{background:radial-gradient(circle at 30% 20%, #1d3b40 0, transparent 50%), radial-gradient(circle at 80% 80%, #24304a 0, transparent 45%), var(--bg)}.brand{text-align:center}.brand h1{letter-spacing:-.02em;font-size:2.4em}.brand p{color:var(--muted)}.logo{filter:drop-shadow(0 6px 18px #35e0d066);font-size:56px}.creator{grid-template-columns:1fr minmax(320px,440px);height:100%;display:grid}.creator-preview{background:radial-gradient(circle at 50% 40%, #24424a, var(--bg) 70%);position:relative}.creator-canvas{cursor:grab;position:absolute;inset:0}.creator-preview .hint{text-align:center;width:100%;color:var(--muted);pointer-events:none;font-size:.85em;position:absolute;bottom:1em}.creator-panel{border-width:0 0 0 1px;border-radius:0;overflow-y:auto}@media (width<=760px){.creator{grid-template-rows:45vh 1fr;grid-template-columns:1fr}body{overflow:auto}}.game{height:100%;position:relative;overflow:hidden}.viewport{position:absolute;inset:0}.viewport canvas{display:block}.labels3d{pointer-events:none;position:absolute;inset:0}.nametag{white-space:nowrap;background:#0a1014b8;border:1px solid #ffffff1f;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.nametag span{color:var(--teal);margin-left:4px}.nametag.me{border-color:var(--teal)}.nametag.lecturer{border-color:var(--amber)}.station-label{text-align:center;background:#0a101499;border:1px solid #35e0d066;border-radius:8px;padding:3px 8px;font-size:11px}.station-label b{font-size:12px;display:block}.station-label span{color:var(--muted)}.station-label.done{border-color:#5be37a99}.station-label.empty{opacity:.55;border-color:#0000}.hud{z-index:5;position:absolute}.top-left{min-width:210px;padding:1em 1.2em;top:14px;left:14px}.top-left .who{margin-bottom:.6em}.tag{background:var(--amber);color:#2a1a00;vertical-align:middle;border-radius:6px;padding:2px 6px;font-size:.7em}.stat{justify-content:space-between;margin:.2em 0;font-size:.95em;display:flex}.stat span{color:var(--muted)}.stat b{color:var(--teal)}.bar{background:#0e1418;border-radius:3px;height:6px;margin-top:.6em;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--teal), var(--green));width:0;height:100%;transition:width .4s;display:block}.top-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex;top:14px;right:14px}.players{min-width:200px;max-height:40vh;padding:.8em 1em;overflow:auto}.players h4{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.75em}.players ol{margin:0;padding-left:1.2em;font-size:.9em}.players li{margin:.25em 0}.players li b{float:right;color:var(--teal);margin-left:1em}.players li.me{color:var(--teal)}.bottom-center{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex;bottom:18px;left:50%;transform:translate(-50%)}.prompt{border:1px solid var(--teal);background:#0a1014d9;border-radius:12px;padding:.6em 1.1em;font-weight:600;animation:.2s ease-out pop}.prompt span{color:var(--muted);margin-left:.4em}kbd{background:var(--teal);color:#062420;border-radius:6px;margin-right:.3em;padding:2px 8px;font-family:inherit}.controls-hint{color:var(--muted);background:#0a10148c;border-radius:999px;padding:.35em .9em;font-size:.8em}.toast{z-index:20;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:.6em 1em;position:absolute;top:18px;left:50%;transform:translate(-50%)}.connecting{z-index:30;background:#0a0e12bf;justify-content:center;align-items:center;gap:1em;font-size:1.1em;display:flex;position:absolute;inset:0}.modal{z-index:25;background:#05080a8c;justify-content:center;align-items:center;padding:1em;display:flex;position:absolute;inset:0}.qcard{width:min(620px,96vw);max-height:90vh;animation:.18s ease-out pop;overflow:auto}.qhead{align-items:center;gap:.9em;margin-bottom:1em;display:flex}.qhead .icon{background:var(--panel-2);border-radius:14px;place-items:center;width:56px;height:56px;font-size:34px;display:grid}.qhead h3{margin:0}.qhead p{margin:0;font-size:.85em}.qtext{font-size:1.15em}.options{gap:.55em;display:grid}.opt{text-align:left;border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:#10161b;border-radius:12px;align-items:center;gap:.8em;padding:.8em 1em;display:flex}.opt span{background:var(--panel-2);border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.opt:hover:not(:disabled){border-color:var(--teal-d)}.opt:disabled{cursor:default}.opt.picked{border-color:var(--muted)}.opt.right{border-color:var(--green);background:#5be37a1f}.opt.right span{background:var(--green);color:#082a12}.opt.wrong{border-color:var(--red);background:#ff6b6b1f}.opt.wrong span{background:var(--red);color:#2a0808}.explain{border-radius:12px;margin-top:1em;padding:.9em 1em}.explain.ok{background:#5be37a1a;border:1px solid #5be37a66}.explain.bad{background:#ff6b6b1a;border:1px solid #ff6b6b66}.explain p{margin:.4em 0 0}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.table{border-collapse:collapse;width:100%;font-size:.92em}.table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);padding:.6em;font-size:.8em;font-weight:600}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:.6em}.table td.actions{text-align:right;white-space:nowrap}.table td.actions .btn{margin-left:.3em}.pill{text-transform:capitalize;border-radius:999px;padding:2px 9px;font-size:.8em;font-weight:600}.pill.pending{color:var(--amber);background:#f3a83b2e}.pill.approved{color:var(--green);background:#5be37a26}.pill.rejected{color:var(--red);background:#ff6b6b26}.badge{background:var(--amber);color:#2a1a00;border-radius:999px;margin-left:.3em;padding:0 7px;font-size:.8em}.admin{max-width:1280px;margin:0 auto;padding:1.2em}.admin-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1em;margin-bottom:1.2em;display:flex}.admin-head .tabs{width:auto;margin:0}.brand-sm{font-size:1.05em}.split{grid-template-columns:1fr 420px;align-items:start;gap:1.2em;display:grid}@media (width<=960px){.split{grid-template-columns:1fr}}.sticky{position:sticky;top:1em}.station-block{border-top:1px solid var(--line);padding:.9em 0 .4em}.station-block h4{font-size:.95em}.qrow{background:#10161b;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:1em;margin-bottom:.5em;padding:.7em .8em;display:flex}.qrow.on{border-color:var(--teal-d)}.qrow p{margin:0}.optrow{align-items:center;gap:.5em;margin-bottom:.45em;display:flex}.optrow input[type=radio]{accent-color:var(--teal);flex:none;width:18px;height:18px}