:root{--bg:#1b2433;--card:#26324a;--card-border:#3a4866;--text:#f2f4f8;--muted:#b8c1d4;--accent:#e0a526;--accent-ink:#1b2433;--danger:#ff8a80;--focus:#7cc4ff;--radius:10px;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}#app{max-width:1100px;margin:0 auto;padding:16px}h1,h2{margin:0 0 12px;line-height:1.2}h2{font-size:1.15rem}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);margin-bottom:16px;padding:20px}.landing{flex-direction:column;gap:8px;max-width:440px;margin:24px auto 16px;display:flex}.privacy{max-width:440px;color:var(--muted);margin:0 auto;font-size:.9rem}.crest{width:160px;height:160px;margin:0 auto 4px;display:block}.title{text-align:center;letter-spacing:.02em;font-size:2.2rem}.tagline{text-align:center;color:var(--muted);margin-top:0}label{font-weight:600}input,select,button{font:inherit;color:inherit;font-size:1rem}input:not([type]),input[type=text],select{border:1px solid var(--card-border);background:#121a27;border-radius:8px;width:100%;padding:10px 12px}.code-input{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-weight:700}button{cursor:pointer;border:1px solid var(--card-border);background:#34425f;border-radius:8px;padding:10px 16px}button:hover:not(:disabled){filter:brightness(1.15)}button:disabled{cursor:not-allowed;opacity:.5}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}button.small{padding:4px 10px;font-size:.875rem}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.row{align-items:center;gap:8px;display:flex}.join-form{flex-direction:column;gap:8px;display:flex}.join-form .row input{flex:1}.divider{text-align:center;color:var(--muted);margin:8px 0;font-size:.9rem}.help{color:var(--muted);margin:0 0 8px;font-size:.875rem}.error{color:var(--danger);min-height:1.4em;margin:4px 0 0}.lobby{grid-template-columns:1fr;gap:0 16px;display:grid}@media (width>=900px){.lobby{grid-template-columns:1fr 1fr}.lobby-header,.status-banner{grid-column:1/-1}}.lobby-header{text-align:center}.lobby-header .row{flex-wrap:wrap;justify-content:center}.label{color:var(--muted);margin:0}.room-code{letter-spacing:.25em;margin:0 0 12px;font-size:3.5rem;font-weight:800}.player-count{color:var(--muted);margin:12px 0 0}.player-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;margin:0 0 16px;padding:0;list-style:none;display:grid}.player-list li{background:#1f2a3e;border-radius:8px;align-items:center;gap:8px;min-width:0;padding:6px 8px;display:flex}.player-list li.me{outline:2px solid var(--accent)}.player-list .nick{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tag{background:#3a4866;border-radius:999px;padding:1px 6px;font-size:.875rem}.tag.host{background:var(--accent);color:var(--accent-ink)}.swatch{background-color:var(--swatch);color:var(--swatch-ink);border:2px solid #00000080;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:inline-flex}.swatch.pattern-striped{background-image:repeating-linear-gradient(45deg,#0000 0 5px,#00000059 5px 9px)}.swatch-md{width:44px;height:44px}.swatch-sm{width:32px;height:32px}.look-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;margin-bottom:12px;display:grid}.look-btn{background:0 0;justify-content:center;padding:2px;display:flex}.look-btn.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.look-btn.taken{opacity:.25}.settings-list{flex-direction:column;gap:10px;display:flex}.setting .row input[type=range]{flex:1}.setting output{text-align:right;font-variant-numeric:tabular-nums;min-width:4em}.setting-bool{align-items:center;gap:8px;display:flex}.setting-bool input{width:20px;height:20px}.status-banner{border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);justify-content:center;align-items:center;gap:12px;margin-bottom:16px;padding:14px;font-size:1.1rem;font-weight:700;display:flex}.status-banner[hidden]{display:none}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.game-screen{background:#0b0f18;position:fixed;inset:0;overflow:hidden}.stage{position:absolute;inset:0}.stage canvas{display:block}.hud{pointer-events:none;color:var(--text);text-shadow:0 1px 2px #000;flex-wrap:wrap;align-items:center;gap:10px;font-size:.9rem;display:flex;position:absolute;top:12px;left:12px;right:140px}.hud>*{pointer-events:auto}.hud-code{letter-spacing:.1em;background:#1b2433d9;border-radius:6px;padding:4px 10px;font-weight:800}.panel-toggle{z-index:2;position:absolute;top:10px;right:12px}.side-panel{border:1px solid var(--card-border);border-radius:var(--radius);z-index:1;background:#1b2433f0;width:min(460px,100% - 24px);padding:12px;position:absolute;top:56px;bottom:12px;right:12px;overflow-y:auto}.side-panel[hidden]{display:none}.side-panel .lobby{grid-template-columns:1fr}.side-panel .card{margin-bottom:12px;padding:14px}.side-panel .room-code{font-size:2.6rem}.side-panel .player-list{grid-template-columns:1fr}.field-label{margin:8px 0 4px;font-weight:600}.choice-grid{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.choice-btn{background:var(--choice);border:2px solid #00000080;border-radius:50%;width:40px;height:40px;padding:0}.choice-btn.selected{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--accent)}.connection{background:#1b2433d9;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.connection:before{content:"";background:#6fcf6f;border-radius:50%;width:10px;height:10px}.connection[data-quality=fair]:before{background:#f2c94c}.connection[data-quality=poor]:before,.connection[data-quality=lost]:before{background:#ff6b6b}.connection[data-quality=poor],.connection[data-quality=lost]{font-weight:700}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}.task-bar{border:1px solid var(--card-border);z-index:1;background:#1b2433e6;border-radius:8px;align-items:center;gap:10px;width:min(440px,100% - 24px);padding:6px 12px;font-weight:700;display:flex;position:absolute;top:54px;left:50%;transform:translate(-50%)}.task-bar progress{accent-color:#6fcf6f;flex:1;height:16px}.task-panel{border:1px solid var(--card-border);border-radius:var(--radius);z-index:1;background:#1b2433e6;width:min(300px,100% - 24px);max-height:calc(100% - 200px);padding:10px 14px;font-size:.9rem;position:absolute;top:100px;left:12px;overflow-y:auto}.task-panel summary,.ghost-chat summary{cursor:pointer;margin-bottom:6px;font-weight:700}.ghost-chat .chat h2{display:none}.ghost-note{color:#cfe0ff}.task-panel .help{margin:4px 0;font-size:.9rem}.task-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.task-list li{gap:8px;display:flex}.task-list li.done{color:#9fe29f;text-decoration:line-through}.task-check{flex:none;width:1.2em}.action-bar{z-index:2;pointer-events:none;flex-wrap:wrap;justify-content:center;gap:10px;width:min(760px,100% - 24px);display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.action-bar button{pointer-events:auto;padding:12px 20px;font-size:1.05rem;box-shadow:0 4px 14px #00000080}.action-alarm{color:#1b2433;background:#ff8a80;font-weight:700}.action-detain{color:#1b2433;background:#ffb347;font-weight:700}.task-overlay,.role-reveal,.game-over{z-index:5;background:#05080f99;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.task-card,.role-reveal .card,.game-over .card{width:min(560px,100%);max-height:100%;overflow-y:auto}.task-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.task-head h2{margin:0}.mg-instructions{margin:8px 0 12px}.mg-hint{min-height:1.5em;color:var(--accent);margin:10px 0 0;font-weight:600}.mg-row{flex-wrap:wrap;justify-content:center;gap:10px;margin:10px 0;display:flex}.mg-col{gap:8px;display:grid}.mg-counter{margin:4px 0;font-weight:700;display:inline-block}.mg-draggable{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.mg-draggable.dragging{cursor:grabbing;z-index:10;opacity:.9;position:relative}.mg-draggable[aria-pressed=true],.mg-paint[aria-pressed=true]{outline:3px solid var(--focus);outline-offset:2px}.mg-swipe-track{border:2px dashed var(--card-border);background:#11182a;border-radius:10px;height:90px;position:relative;overflow:hidden}.mg-reader{background:#2b3a55;border-radius:6px;place-items:center;width:70px;font-weight:700;display:grid;position:absolute;top:8px;bottom:8px;right:8px}.mg-card{width:110px;height:60px;color:var(--accent-ink);touch-action:none;background:#e0a526;font-weight:700;position:absolute;top:15px;left:0}.mg-hole{background:#11182a;border:3px solid;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:center;width:96px;min-height:96px;padding:6px;display:flex}.mg-hole-label{font-weight:700}.mg-letter{color:#1b2433;background:#f5f1e6;border-left:8px solid;padding:8px 10px;font-size:.9rem}.mg-hole .mg-letter{padding:4px 6px;font-size:.875rem}.mg-collect{gap:12px;display:grid}.mg-scatter{flex-wrap:wrap;justify-content:center;gap:10px;min-height:70px;display:flex}.mg-item{transform:rotate(var(--tilt,0deg))}.mg-item.dragging{transform:none}.mg-tray{color:#1b2433;background:#8aa0b8;border-radius:6px;width:90px;height:54px}.mg-mug{color:#1b2433;background:#f5f1e6;border-radius:8px 8px 14px 14px;width:60px;height:60px}.mg-target{border:3px dashed var(--accent);background:#11182a;justify-content:space-between;align-items:center;min-height:90px;padding:0 16px;font-weight:700;display:flex}.mg-flask{border:3px solid #dfe6f3;border-radius:50%;width:90px;height:90px}figure{text-align:center;margin:0}.mg-slider{grid-template-columns:70px 1fr;align-items:center;gap:10px;margin:6px 0;display:grid}.mg-meter{align-items:center;gap:10px;margin-top:8px;display:flex}.mg-meter meter{flex:1;height:16px}.mg-shelf{border-bottom:10px solid #6b4a2b;justify-content:center;align-items:flex-end;gap:6px;padding:10px;display:flex}.mg-book{color:#fff;writing-mode:vertical-rl;border-radius:4px;width:64px;height:140px;padding:6px;font-weight:700}.mg-pump{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;margin-top:12px;padding:18px;font-size:1.1rem;display:block}.task-body progress{width:100%;height:22px}.mg-monitor{background:#11182a;border:4px solid #5a6a88;width:80px;height:64px;font-size:1.4rem;font-weight:800}.mg-monitor.lit{color:#1b2433;background:#7cc4ff}.mg-monitor.done{color:#1b2433;background:#6fcf6f}.mg-paints{gap:40px}.mg-paint{align-items:center;gap:10px;min-width:160px;display:flex}.mg-paint-chip{border:2px solid #fff;border-radius:50%;flex:none;width:28px;height:28px}.mg-paint.matched{opacity:.55}.mg-litter-area{background:#3a6b35;border-radius:10px;height:240px;position:relative}.mg-litter{color:#1b2433;background:#d9d4c7;padding:6px 8px;font-size:.875rem;position:absolute}.mg-litter-0{background:#f0c24a}.mg-litter-1{background:#c9ccd3;border-radius:14px}.mg-litter-2{background:#e58f8f}.mg-litter-4{background:#9fd3e6;border-radius:12px 12px 4px 4px}.role-reveal.prankster .card{border-color:#ffb347}.results-list{gap:6px;margin:12px 0;padding:0;list-style:none;display:grid}.results-list li{background:#1b2433;border-radius:6px;justify-content:space-between;gap:10px;padding:6px 10px;display:flex}.tag.prankster{color:#1b2433;background:#ffb347}.tag.student{color:#1b2433;background:#7cc4ff}.result-self{font-weight:700}.chat{flex-direction:column;gap:8px;min-height:0;display:flex}.chat h2{margin:0;font-size:1rem}.chat-log{background:#11182a;border-radius:8px;flex-direction:column;flex:1;gap:4px;min-height:120px;max-height:240px;margin:0;padding:6px 8px;list-style:none;display:flex;overflow-y:auto}.chat-log li{overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.chat-name{font-weight:700}.chat-quick{font-size:.875rem}.chat-form{flex-wrap:wrap;gap:6px;display:flex}.chat-form input{flex:100%;min-width:0}.quick-menu{background:#11182a;border-radius:8px;flex-wrap:wrap;gap:6px;max-height:220px;padding:6px;display:flex;overflow-y:auto}.quick-pick{gap:8px;width:100%;display:grid}.quick-pick p{margin:0}.side-panel .chat{margin-top:12px}.ghost-chat{border-radius:var(--radius);z-index:3;background:#1b2433eb;border:1px solid #8fa3c7;width:min(340px,100% - 24px);padding:10px 12px;position:absolute;bottom:12px;left:12px}.ghost-chat .chat-log{min-height:80px;max-height:150px}.assembly-overlay{z-index:6;background:#05080fbf;place-items:center;padding:8px;display:grid;position:absolute;inset:0}.assembly{grid-template-columns:1fr minmax(260px,340px);gap:14px;width:min(1340px,100%);max-height:100%;padding:14px;display:grid;overflow-y:auto}.assembly-head{justify-content:space-between;align-items:center;display:flex}.assembly-head h2{margin:0}.assembly-main>p{margin:4px 0}.assembly-timer{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:800}.assembly-stage{color:var(--accent);font-weight:700}.assembly-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:8px 0;display:grid}.assembly-tile{text-align:left;border:2px solid var(--card-border);background:#1b2433;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;min-height:64px;padding:6px 8px;font-size:.875rem;display:grid}.assembly-tile .swatch{grid-row:span 2}.assembly-tile .tile-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:700;overflow:hidden}.assembly-tile .tag{grid-column:2;justify-self:start}.assembly-tile[aria-pressed=true]{border-color:var(--focus);outline:3px solid var(--focus)}.assembly-tile.me{border-style:dashed}.assembly-tile.detained{opacity:.55}.assembly-tile:disabled{cursor:default;opacity:1}.assembly-tile.detained,.assembly-tile.detained:disabled{opacity:.55}.tag.voted{color:#1b2433;background:#6fcf6f}.tile-voters{flex-wrap:wrap;grid-column:1/-1;gap:2px;margin-top:4px;display:flex}.assembly-controls{justify-content:flex-end;gap:10px;display:flex}.assembly-result{background:#11182a;border-radius:8px;padding:10px 14px}.result-headline{margin:0 0 4px;font-size:1.2rem;font-weight:800}.assembly-chat{flex-direction:column;min-height:0;display:flex}.assembly-chat .chat-log{min-height:260px;max-height:none}@media (width<=1000px){.assembly{grid-template-columns:1fr}.assembly-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.assembly-chat .chat-log{min-height:160px;max-height:260px}}@media (width<=520px){.assembly-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.chat-log .swatch-sm,.tile-voters .swatch-sm{flex:none;width:26px;height:26px}@media (width<=600px){.task-bar{top:92px}.task-panel{top:136px}}.action-prank{color:#1b2433;background:#c79bff;font-weight:700}.action-hatch{color:#1b2433;background:#9fb4cc;font-weight:700}.prank-banner{border-radius:var(--radius);z-index:1;background:#3c1014eb;border:2px solid #ff8a80;gap:4px;width:min(360px,100% - 24px);padding:10px 14px;font-size:.95rem;display:grid;position:absolute;top:100px;right:12px}.prank-banner strong{color:#ffd0cc;font-size:1.05rem}.prank-banner[data-prank=network]{background:#141e3ceb;border-color:#7cc4ff}.prank-banner[data-prank=network] strong,.network-note{color:#cfe8ff}.prank-list{gap:12px;display:grid}.prank-item{border-top:1px solid var(--card-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.prank-item .help{margin:2px 0 0}.fix-switches{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.fix-switch{white-space:normal;background:#3a2222;border:2px solid #ff8a80;min-height:96px;padding:8px 4px}.fix-switch[aria-pressed=true]{background:#1f4a2a;border-color:#6fcf6f}.fix-note{color:#1b2433;background:#fff176;padding:10px 12px;font-weight:700;transform:rotate(-2deg);box-shadow:0 3px 8px #0006}.fix-display{letter-spacing:.3em;background:#0b0f18;border-radius:6px;padding:6px 12px;font-family:ui-monospace,monospace;font-size:1.6rem}.fix-keypad{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:320px;margin-top:12px;display:grid}.fix-keypad button{padding:12px;font-size:1.2rem}.fix-hold{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:#c62828;border:3px solid #fff;width:100%;min-height:120px;font-size:1.3rem;font-weight:800}.fix-hold[aria-pressed=true]{background:#7a1414}.fix-other{font-weight:600}.corridor-panel{border-radius:var(--radius);z-index:3;background:#1b2433f2;border:1px solid #9fb4cc;width:min(520px,100% - 24px);padding:12px 16px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.corridor-panel h2{margin-bottom:4px}.corridor-moves{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.cameras-overlay{z-index:2;pointer-events:none;position:absolute;inset:0}.cameras-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.cameras-feed{border:2px solid #0b0f18;outline:1px solid #3a4866;align-items:flex-end;padding:8px;display:flex}.game-screen.watching .task-panel,.game-screen.watching .task-bar{display:none}.cameras-feed span{background:#0b0f18d9;border-radius:4px;padding:2px 8px;font-size:.9rem;font-weight:700}.cameras-stop{pointer-events:auto;position:absolute;bottom:24px;right:24px;box-shadow:0 4px 14px #00000080}@media (width<=760px){.prank-banner{width:auto;left:12px;right:12px}.game-screen:has(.prank-banner:not([hidden])) .task-panel{top:190px}}@media (width<=600px){.prank-banner{top:136px}.game-screen:has(.prank-banner:not([hidden])) .task-panel{top:230px}.fix-switches{grid-template-columns:repeat(3,minmax(0,1fr))}}.report-overlay{z-index:20;position:fixed}.report-form{gap:6px;display:grid}.report-form label{margin-top:6px;font-weight:600}.report-form textarea,.report-form select,.report-form input{width:100%;font:inherit}.report-form .code-input{max-width:8em}.report-notice{border:1px solid var(--accent);background:#3a2f16;border-radius:8px;margin:0 0 6px;padding:8px 12px}.hp-field{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.landing-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;display:flex}.link-button{color:var(--focus);font:inherit;cursor:pointer;background:0 0;border:none;padding:4px 0;text-decoration:underline}.menu-actions{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.game-menu h3{margin:16px 0 4px;font-size:1rem}.menu-players li{align-items:center}.chat-muted{color:var(--danger)}.joystick{touch-action:none;z-index:3;background:#1b24338c;border:2px solid #dfe6f399;border-radius:50%;place-items:center;width:136px;height:136px;display:grid;position:absolute;bottom:24px;left:20px}.joystick-knob{pointer-events:none;background:#dfe6f3d9;border-radius:50%;width:60px;height:60px}.touch .action-bar{flex-direction:column-reverse;align-items:stretch;width:min(240px,100% - 180px);left:auto;right:12px;transform:none}.touch .action-bar button{padding:12px 14px;font-size:1rem}.touch .ghost-chat{bottom:176px}.touch .corridor-panel,.touch .cameras-stop{z-index:4}