:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--bg: #1a1a24;--panel: #242434;--panel-soft: #2e2e44;--text: #f4f4f4;--muted: rgba(244, 244, 244, .55);--accent: #feca57;--danger: #ff6b6b;--ok: #1dd1a1}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid transparent;padding:.55rem 1.1rem;background:var(--panel);color:var(--text);transition:background .12s ease,transform .12s ease}button:hover:not(:disabled){background:var(--panel-soft)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);color:#221b00;font-weight:700;padding:.75rem 1.5rem}button.primary:hover:not(:disabled){background:#ffd66b}input{font:inherit;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#00000040;color:var(--text);padding:.55rem .8rem;width:100%}input:focus{outline:2px solid var(--accent);outline-offset:1px}.home{max-width:420px;margin:0 auto;padding:4rem 1.5rem;text-align:center;display:flex;flex-direction:column;gap:1.5rem}.home h1{font-size:2.6rem;margin:0}.tag{color:var(--muted);margin:0}.field{display:flex;flex-direction:column;gap:.4rem;text-align:left}.field span{font-size:.85rem;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.actions{display:flex;flex-direction:column;gap:1rem}.actions form{display:contents}.join-form{display:grid!important;grid-template-columns:1fr auto;gap:.5rem}.join-form input{text-align:center;letter-spacing:.3em;text-transform:uppercase}.error{color:var(--danger);margin:0}.muted{color:var(--muted)}button.ghost{background:transparent;border:1px solid rgba(255,255,255,.16);color:var(--muted);padding:.3rem .7rem;font-size:.85rem;border-radius:8px}button.ghost:hover:not(:disabled){color:var(--text);border-color:#ffffff52}.room-browser{text-align:left;display:flex;flex-direction:column;gap:.6rem}.room-browser-head{display:flex;align-items:center;justify-content:space-between}.room-browser-head h2{margin:0;font-size:1.1rem}.room-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.room-row{display:flex;align-items:center;gap:.75rem;background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.6rem .8rem}.room-info{display:flex;flex-direction:column;flex:1;min-width:0}.room-host{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-code{font-size:.8rem;letter-spacing:.15em}.room-count{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.9rem}.room-row button.primary{padding:.4rem 1rem}.lobby{max-width:560px;margin:0 auto;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.lobby-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.leave{background:transparent;border:1px solid rgba(255,255,255,.15)}.code-display{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.code-label{font-size:.75rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.code-value{font-size:1.4rem;letter-spacing:.25em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--panel);padding:.3rem .8rem}.players{background:var(--panel);border-radius:12px;padding:1rem 1.25rem}.players h2{margin:0 0 .75rem;font-size:1rem;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.players ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.4rem}.players li{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;background:var(--panel-soft);border-radius:8px}.players .dot{width:.9rem;height:.9rem;border-radius:50%;background:var(--color, #999);box-shadow:0 0 0 2px #00000040 inset}.players .name{flex:1;font-weight:600}.badge{font-size:.7rem;font-weight:700;letter-spacing:.08em;padding:.15rem .45rem;background:var(--accent);color:#221b00;border-radius:999px}.badge.you{background:#ffffff26;color:var(--text)}.lobby-footer{display:flex;justify-content:center;align-items:center;min-height:3rem}.lobby-footer .status{color:var(--muted);margin:0}.host-controls{display:flex;flex-direction:column;align-items:center;gap:.7rem}.force-toggle{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.force-toggle .muted{color:var(--muted);font-size:.75rem}.force-toggle input[type=checkbox]{width:auto;padding:0;background:transparent;border:none;-moz-appearance:auto;appearance:auto;-webkit-appearance:auto;accent-color:var(--accent)}.game-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.game-canvas{display:block;width:100%;height:100%;background:#14141c}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}.hud>*{pointer-events:auto}.hud-leave{align-self:flex-start;background:#00000073;border:1px solid rgba(255,255,255,.18)}.hud-hint{background:#0000008c;border:1px solid rgba(255,255,255,.12);padding:.45rem 1rem;border-radius:999px;font-size:.95rem;color:var(--text)}.hud-center{align-self:center;display:flex;flex-direction:column;gap:.5rem;align-items:center;pointer-events:none}.prep-banner{text-align:center;padding:.55rem 1.4rem;border-radius:14px;background:#0009;border:1px solid rgba(255,255,255,.16);box-shadow:0 6px 24px #00000059}.prep-banner.mimic{border-color:var(--danger)}.prep-banner-title{font-weight:800;letter-spacing:.02em;font-size:1.05rem}.prep-banner.mimic .prep-banner-title{color:var(--danger)}.prep-banner-sub{margin-top:.15rem;font-size:.85rem;opacity:.85}.hud-held{background:#00000080;border:1px solid rgba(255,255,255,.15);padding:.35rem .85rem;border-radius:8px;font-size:.9rem;color:var(--muted)}.hud-held strong{color:var(--accent);font-weight:700}.hud-controls{align-self:center;background:#00000073;border:1px solid rgba(255,255,255,.08);padding:.3rem .7rem;border-radius:999px;font-size:.78rem;color:var(--muted)}.pointer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0a108c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.pointer-overlay-card{text-align:center;padding:1.5rem 2.5rem;border-radius:12px;background:#0000008c;border:1px solid rgba(255,255,255,.15)}.overlay-title{font-size:1.4rem;font-weight:700;margin-bottom:.3rem;color:var(--accent)}.overlay-sub{color:var(--muted);font-size:.9rem}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;pointer-events:none}.hud-top>*{pointer-events:auto}.timer{background:#00000080;border:1px solid rgba(255,255,255,.12);padding:.35rem .9rem;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.5rem;font-weight:600;letter-spacing:.05em}.timer.warn{color:var(--danger);border-color:#ff6b6b99}.role-badge{padding:.35rem .9rem;border-radius:999px;font-weight:700;letter-spacing:.1em;font-size:.85rem}.role-badge.role-mover{background:#48dbfb2e;color:#48dbfb;border:1px solid rgba(72,219,251,.45)}.role-badge.role-mimic{background:#a29bfe2e;color:#a29bfe;border:1px solid rgba(162,155,254,.45)}.full-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0a10b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;z-index:5}.role-card{text-align:center;padding:2.2rem 3rem;border-radius:16px;background:#000000b3;border:2px solid rgba(255,255,255,.1);min-width:360px}.role-card.role-mover{border-color:#48dbfb99;box-shadow:0 0 30px #48dbfb2e}.role-card.role-mimic{border-color:#a29bfea6;box-shadow:0 0 30px #a29bfe38}.role-card-label{color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-size:.8rem}.role-card-name{font-size:3.5rem;font-weight:900;margin:.4rem 0;letter-spacing:.08em}.role-card.role-mover .role-card-name{color:#48dbfb}.role-card.role-mimic .role-card-name{color:#a29bfe}.role-card-blurb{font-size:1.05rem;color:var(--text);margin-bottom:1rem}.role-card-sub{color:var(--muted);font-size:.9rem}.countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:4}.countdown-number{font-size:12rem;font-weight:900;color:var(--accent);text-shadow:0 6px 24px rgba(0,0,0,.6);animation:pop .4s ease-out}@keyframes pop{0%{transform:scale(.4);opacity:0}50%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.end-card{text-align:center;padding:2.2rem 2.6rem;border-radius:16px;background:#000000bf;border:1px solid rgba(255,255,255,.12);min-width:380px;max-width:520px}.end-result{font-size:2.6rem;font-weight:900;letter-spacing:.06em;margin-bottom:.2rem}.end-result.win{color:var(--ok)}.end-result.lose{color:var(--danger)}.end-winner{font-size:1.2rem;margin-bottom:.4rem}.end-reason{color:var(--muted);margin-bottom:1.3rem;font-size:.95rem}.end-reveal{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.35rem}.end-reveal li{display:flex;align-items:center;gap:.6rem;padding:.4rem .7rem;background:#ffffff0d;border-radius:8px;text-align:left}.end-reveal .dot{width:.8rem;height:.8rem;border-radius:50%;background:var(--color, #999);box-shadow:0 0 0 2px #00000040 inset}.end-reveal .name{flex:1;font-weight:600}.role-tag{font-size:.7rem;font-weight:800;letter-spacing:.1em;padding:.15rem .55rem;border-radius:999px}.role-tag.role-mover{background:#48dbfb2e;color:#48dbfb}.role-tag.role-mimic{background:#a29bfe38;color:#a29bfe}.score-chip{font-size:.72rem;font-weight:800;letter-spacing:.02em;padding:.15rem .5rem;border-radius:999px;background:#feca572e;color:#feca57;white-space:nowrap}.end-sub{color:var(--muted);font-size:.85rem}.end-awards{margin-top:1rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.08)}.end-awards-title{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem;text-align:center}.end-awards ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.end-awards li{background:#ffffff0d;border-radius:8px;padding:.55rem .75rem;text-align:left}.award-title{font-weight:800;letter-spacing:.06em;color:var(--accent);font-size:.92rem}.award-recipient{display:flex;align-items:center;gap:.4rem;margin-top:.15rem;font-weight:700}.award-recipient .dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--color, #999);box-shadow:0 0 0 2px #00000040 inset}.award-desc{font-size:.82rem;color:var(--muted);margin-top:.15rem}.end-actions{margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.settings-button{position:fixed;bottom:1rem;right:1rem;width:2.4rem;height:2.4rem;border-radius:50%;background:#0000008c;border:1px solid rgba(255,255,255,.15);color:var(--text);font-size:1.2rem;padding:0;display:grid;place-items:center;z-index:20}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:30}.settings-modal{background:var(--panel);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:1.4rem 1.6rem;width:100%;max-width:360px;display:flex;flex-direction:column;gap:1rem}.settings-modal header{display:flex;align-items:center;justify-content:space-between}.settings-modal h2{margin:0;font-size:1.2rem}.settings-close{background:transparent;border:none;font-size:1.5rem;color:var(--muted);padding:0 .4rem}.settings-row{display:flex;flex-direction:column;gap:.4rem}.settings-row-head{display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted);letter-spacing:.05em}.settings-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent);font-weight:700}.settings-row input[type=range]{width:100%;background:transparent;border:none;padding:0;accent-color:var(--accent)}.settings-row-toggle{flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer}.settings-row-toggle input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--accent);cursor:pointer}.settings-segment{display:inline-flex;border:1px solid var(--border, #3a3a44);border-radius:.4rem;overflow:hidden}.settings-segment button{background:transparent;border:none;color:var(--muted);padding:.3rem .8rem;font-size:.85rem;cursor:pointer}.settings-segment button.active{background:var(--accent);color:#10101a;font-weight:600}.settings-hint{color:var(--muted);font-size:.78rem;margin:0;text-align:center}.disconnect-overlay,.reconnect-overlay{z-index:25}.checklist{position:absolute;top:4.5rem;right:1rem;width:240px;background:#0000008c;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.75rem .9rem;pointer-events:auto}.checklist header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.4rem;margin-bottom:.5rem}.checklist-label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.checklist-progress{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;color:var(--accent)}.checklist ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.18rem;max-height:14rem;overflow-y:auto}.checklist li{display:flex;gap:.55rem;align-items:center;font-size:.88rem}.checklist li.done{color:var(--ok);text-decoration:line-through;opacity:.7}.checklist .check{width:1rem;text-align:center;font-weight:700;color:var(--muted)}.checklist li.done .check{color:var(--ok)}.scanner-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .7rem;border-radius:8px;font-size:.8rem;font-weight:700;background:#00000080;border:1px solid rgba(72,219,251,.45);color:#48dbfb;letter-spacing:.06em}.scanner-badge.cooling{opacity:.55;border-color:#ffffff2e;color:var(--muted)}.scanner-label{font-size:.65rem;letter-spacing:.15em;opacity:.75}.scanner-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.revealed-badge{padding:.3rem .8rem;border-radius:8px;background:#ff6b6b40;border:1px solid rgba(255,107,107,.6);color:var(--danger);font-weight:800;letter-spacing:.1em;font-size:.85rem;animation:pulse-warn 1s ease-in-out infinite}@keyframes pulse-warn{0%,to{box-shadow:0 0 #ff6b6b80}50%{box-shadow:0 0 12px 4px #ff6b6b66}}.scan-toast{margin-top:.4rem;padding:.5rem 1.2rem;border-radius:8px;font-weight:800;letter-spacing:.12em;font-size:1.1rem;border:1px solid;animation:fade-in .15s ease-out}.scan-toast-clear{background:#48dbfb33;color:#48dbfb;border-color:#48dbfb80}.scan-toast-mimic{background:#ff6b6b40;color:var(--danger);border-color:#ff6b6b99}.trash-toast{margin-top:.4rem;padding:.5rem 1.2rem;border-radius:8px;font-weight:800;letter-spacing:.06em;background:#ff6b6b33;color:var(--danger);border:1px solid rgba(255,107,107,.5);animation:fade-in .15s ease-out}.panic-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .7rem;border-radius:8px;font-size:.8rem;font-weight:700;background:#00000080;border:1px solid;letter-spacing:.06em}.panic-badge.ready{border-color:#fd79a8b3;color:#fd79a8}.panic-badge.idle{border-color:#ffffff2e;color:var(--muted)}.panic-badge.spent{border-color:#ffffff1f;color:var(--muted);opacity:.6;text-decoration:line-through}.extraction-meter{margin-top:.4rem;background:#0009;border:1px solid rgba(255,107,107,.5);border-radius:10px;padding:.4rem .7rem;min-width:260px;pointer-events:none}.extraction-label{font-size:.75rem;letter-spacing:.15em;color:var(--danger);font-weight:800;text-align:center;margin-bottom:.25rem}.extraction-bar{height:.5rem;background:#ffffff14;border-radius:999px;overflow:hidden}.extraction-fill{height:100%;background:linear-gradient(90deg,#fd79a8,#ff6b6b);transition:width .1s linear}@keyframes fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}