:root{--bg:#020508;--bg-soft:rgba(2,10,6,0.96);--panel:rgba(2,14,8,0.94);--panel-strong:rgba(0,18,9,0.98);--line:rgba(10,255,138,0.12);--line-bright:rgba(10,255,138,0.28);--text:#8fffcc;--text-hi:#0aff8a;--muted:#2d6648;--dim:#1a3d2a;--green:#0aff8a;--cyan:#00d4ff;--blue:#0066ff;--danger:#ff2020;--warning:#ff8800;--glow-green:0 0 8px rgba(10,255,138,0.7),0 0 28px rgba(10,255,138,0.2);--glow-sm:0 0 6px rgba(10,255,138,0.45);--glow-cyan:0 0 8px rgba(0,212,255,0.6),0 0 24px rgba(0,212,255,0.15);--shadow:0 8px 50px rgba(0,0,0,0.9)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:var(--bg);font-family:var(--font-body),"Share Tech Mono",monospace;font-size:15px;line-height:1.55;cursor:default}body:before{z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 0,rgba(0,0,0,.06) 4px)}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:after{z-index:9998;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.55) 100%)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}h1,h2,h3{font-family:var(--font-display),monospace;letter-spacing:.1em;text-transform:uppercase}.page-shell{width:min(1260px,calc(100% - 28px));margin:0 auto;position:relative;z-index:1}.admin-shell,.auth-shell,.hero-grid,.lobby-shell{grid-template-columns:minmax(0,1fr)}.glass-panel{background:var(--panel);border:1px solid var(--line-bright);box-shadow:0 0 0 1px rgba(10,255,138,.04) inset,var(--shadow);position:relative}.glass-panel:after,.glass-panel:before{content:"";position:absolute;width:10px;height:10px;border-color:var(--green);border-style:solid;opacity:.5;pointer-events:none}.glass-panel:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.glass-panel:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.scanlines{position:relative;overflow:hidden}.scanlines:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent,rgba(10,255,138,.03) 50%,transparent);transform:translateY(-100%);animation:sweep 9s linear infinite}@keyframes sweep{to{transform:translateY(200%)}}@keyframes termFlicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.84}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}@keyframes blink{50%{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pill{display:inline-flex;align-items:center;gap:7px;border-radius:3px;border:1px solid var(--line-bright);padding:5px 11px;color:var(--green);background:rgba(10,255,138,.06);font-size:.72rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase}.pill:before{content:"▸";font-size:.65rem;opacity:.7}.term-prompt{color:var(--green);font-size:.8rem;letter-spacing:.06em;display:flex;align-items:center;gap:6px}.term-prompt:before{content:"> ";color:var(--muted)}.card-title{margin:0;font-size:clamp(1rem,1.8vw,1.4rem);letter-spacing:.12em;text-shadow:var(--glow-sm)}.card-title,.section-title{font-family:var(--font-display),monospace;text-transform:uppercase;color:var(--text-hi)}.section-title{letter-spacing:.18em}.muted{color:var(--muted)}.grid-layout{display:grid;grid-gap:18px;gap:18px}.button-primary,.button-secondary{border-radius:3px;padding:12px 18px;cursor:pointer;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;font-family:var(--font-body),monospace;transition:all .16s ease;position:relative;min-height:44px}.button-primary{background:rgba(10,255,138,.1);border:1px solid var(--green);color:var(--text-hi);box-shadow:var(--glow-sm),inset 0 0 20px rgba(10,255,138,.04)}.button-primary:hover:not(:disabled){background:rgba(10,255,138,.18);box-shadow:var(--glow-green);color:#fff}.button-primary:disabled{opacity:.38;cursor:not-allowed}.button-secondary{background:rgba(10,255,138,.03);border:1px solid rgba(10,255,138,.22);color:var(--muted)}.button-secondary:hover:not(:disabled){border-color:var(--green);color:var(--text);background:rgba(10,255,138,.07)}.button-secondary:disabled{opacity:.3;cursor:not-allowed}.button-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.field{display:grid;grid-gap:6px;gap:6px}.field label{color:var(--muted);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.field label:before{content:"// ";opacity:.5}.field input,.field select,input:not([type=range]),select{width:100%;border-radius:3px;border:1px solid rgba(10,255,138,.2);padding:11px 14px;background:rgba(0,0,0,.5);color:var(--text-hi);font-family:var(--font-body),monospace;font-size:.88rem;letter-spacing:.04em;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,input:focus,select:focus{border-color:var(--green);box-shadow:var(--glow-sm)}.field input::placeholder{color:var(--dim)}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:5px 10px;border-radius:2px;border:1px solid rgba(10,255,138,.14);color:var(--muted);background:rgba(10,255,138,.04);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot.live{background:var(--green);box-shadow:0 0 6px var(--green);animation:pulse 1.4s ease infinite}.status-dot.waiting{background:var(--warning)}.status-dot.done{background:var(--dim)}.role-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:2px;font-size:.68rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase}.role-badge.agent{background:rgba(255,32,32,.12);border:1px solid rgba(255,32,32,.3);color:var(--danger)}.role-badge.detective{background:rgba(10,255,138,.1);border:1px solid rgba(10,255,138,.3);color:var(--green)}.copy-btn{border:1px solid rgba(10,255,138,.22);border-radius:3px;padding:8px 14px;cursor:pointer;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;background:rgba(10,255,138,.05);color:var(--green);white-space:nowrap;transition:all .15s}.copy-btn:hover{background:rgba(10,255,138,.14);box-shadow:var(--glow-sm)}.input-with-copy{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;align-items:center}.skeleton{background:rgba(10,255,138,.06);border-radius:3px;animation:pulse 1.6s ease infinite}.map-canvas{width:100%;min-height:380px;flex:1 1}.maplibregl-canvas,.maplibregl-canvas-container{width:100%!important;height:100%!important}.maplibregl-ctrl-group{background:rgba(2,8,5,.95)!important;border:1px solid rgba(10,255,138,.22)!important;box-shadow:var(--shadow)!important;border-radius:3px!important}.maplibregl-ctrl button span{filter:invert(1) sepia(1) saturate(5) hue-rotate(100deg)}.maplibregl-popup-content{background:rgba(0,14,7,.97);color:var(--text-hi);border:1px solid var(--line-bright);border-radius:3px;font-family:var(--font-body),monospace;font-size:.82rem}.maplibregl-popup-tip{border-top-color:rgba(0,14,7,.97)!important}.game-shell{position:relative;min-height:100vh;overflow:hidden}.game-map-wrap{position:fixed;inset:0}.game-map-wrap .map-canvas,.game-map-wrap .maplibregl-canvas,.game-map-wrap .maplibregl-canvas-container{min-height:100vh;height:100vh}.hud-top{position:fixed;top:10px;left:10px;right:10px;z-index:30;border-radius:3px;padding:8px 14px;display:flex;align-items:center;gap:10px;min-height:44px;font-size:.78rem;letter-spacing:.06em}.role-chip{border-radius:2px;padding:3px 9px;font-size:.65rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;font-family:var(--font-display),monospace}.role-chip.agent{background:rgba(255,32,32,.15);color:var(--danger);border:1px solid rgba(255,32,32,.3)}.role-chip.detective{background:rgba(10,255,138,.1);color:var(--green);border:1px solid rgba(10,255,138,.3)}.role-chip.spectator{background:rgba(143,166,204,.1);color:#8fa6cc;border:1px solid rgba(143,166,204,.2)}.hud-lobbyname{flex:1 1;font-size:.72rem;letter-spacing:.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);text-transform:uppercase;text-align:center}.hud-center{flex:1 1;justify-content:center}.hud-center,.hud-timer-block{display:flex;align-items:center}.hud-timer-block{flex-direction:column;gap:0;border:1px solid var(--ta,var(--green));border-radius:3px;padding:3px 14px;background:rgba(10,255,138,.04)}.hud-timer-label{font-size:.42rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);line-height:1}.hud-timer-label,.hud-timer-value{font-family:var(--font-display),monospace}.hud-timer-value{font-size:1.35rem;font-weight:700;letter-spacing:.08em;line-height:1.1;text-shadow:0 0 12px currentColor,0 0 28px currentColor}.hud-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.hud-gps{font-size:.6rem;letter-spacing:.12em}.hud-gps,.hud-log-btn{font-family:var(--font-display),monospace}.hud-log-btn{background:none;border:1px solid transparent;cursor:pointer;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;padding:3px 7px;line-height:1;color:var(--muted);border-radius:2px;transition:all .15s}.hud-log-btn:hover{border-color:var(--line-bright);color:var(--text)}.reveal-ring{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reveal-ring-label{position:absolute;font-size:.48rem;font-weight:400;color:var(--muted);letter-spacing:0;font-family:var(--font-body),monospace}.gadget-dock{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);gap:8px;padding:10px 14px;z-index:40;max-width:calc(100vw - 20px)}.gadget-btn,.gadget-dock{display:flex;align-items:center;border-radius:3px}.gadget-btn{position:relative;width:66px;height:66px;flex-direction:column;justify-content:center;gap:2px;cursor:pointer;transition:all .18s;overflow:visible;flex-shrink:0}.gadget-btn:disabled{cursor:not-allowed}.gadget-icon{font-size:1.1rem;font-weight:400;line-height:1}.gadget-label{font-size:.48rem;text-transform:uppercase;letter-spacing:.1em;opacity:.8;font-family:var(--font-display),monospace}.gadget-count{position:absolute;top:-3px;right:-3px;font-size:.56rem;border-radius:2px;width:15px;height:15px;display:flex;align-items:center;justify-content:center;font-weight:700}.gadget-cool{position:absolute;bottom:-14px;font-size:.58rem;color:var(--muted);white-space:nowrap;letter-spacing:.04em}.gadget-lobby-btn{width:66px;height:66px;border-radius:3px;border:1px solid rgba(10,255,138,.18);background:rgba(0,0,0,.6);color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex-shrink:0;text-decoration:none;transition:all .16s;font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-display),monospace}.gadget-lobby-btn:hover{border-color:var(--green);color:var(--text);box-shadow:var(--glow-sm)}.toast-stack{position:fixed;top:62px;right:10px;z-index:50;display:flex;flex-direction:column;gap:5px;pointer-events:none;max-width:220px}.toast{padding:7px 12px;border-radius:3px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;background:rgba(0,10,5,.97);border:1px solid rgba(10,255,138,.12);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-pickup{border-color:rgba(10,255,138,.4);color:var(--green)}.toast-gadget{border-color:rgba(255,32,32,.35);color:var(--danger)}.toast-alert{border-color:rgba(255,136,0,.4);color:var(--warning)}.countdown-overlay{position:fixed;inset:0;z-index:55;background:rgba(0,4,2,.96);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.countdown-inner{text-align:center;display:grid;grid-gap:20px;gap:20px;padding:24px}.countdown-role{font-size:.72rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase}.countdown-number,.countdown-role{font-family:var(--font-display),monospace}.countdown-number{font-size:clamp(100px,28vw,180px);line-height:.88;font-weight:900;letter-spacing:-.04em;text-shadow:0 0 60px currentColor,0 0 120px currentColor}.countdown-hint{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;font-family:var(--font-display),monospace}.countdown-bars{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;max-width:320px;margin:0 auto}.countdown-bar{width:18px;height:4px;border-radius:1px;transition:all .3s ease}.result-screen{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:18px;background:rgba(0,4,2,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .4s ease}.result-card{width:min(100%,540px);border-radius:3px;padding:28px;display:grid;grid-gap:18px;gap:18px;animation:slideUp .4s cubic-bezier(.22,1,.36,1)}.result-title{margin:0;font-family:var(--font-display),monospace;font-size:clamp(2rem,8vw,4rem);line-height:.92;letter-spacing:.1em;text-transform:uppercase;text-shadow:var(--glow-green)}.event-log{position:fixed;top:60px;right:10px;bottom:90px;width:min(280px,calc(100vw - 20px));z-index:45;border-radius:3px;display:flex;flex-direction:column;overflow:hidden}.event-log-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);flex-shrink:0}.log-close-btn{background:none;border:none;cursor:pointer;color:var(--muted);font-size:.8rem;padding:4px 8px;letter-spacing:.1em;transition:color .15s}.log-close-btn:hover{color:var(--danger)}.event-log-body{flex:1 1;overflow-y:auto;padding:10px 14px;display:grid;grid-gap:6px;gap:6px;align-content:start}.event-log-body::-webkit-scrollbar{width:3px}.event-log-body::-webkit-scrollbar-track{background:transparent}.event-log-body::-webkit-scrollbar-thumb{background:rgba(10,255,138,.15)}.log-entry{display:grid;grid-template-columns:auto 1fr;grid-gap:8px;gap:8px;font-size:.72rem;line-height:1.5;border-bottom:1px solid rgba(10,255,138,.04);padding-bottom:5px}.log-time{font-family:monospace;white-space:nowrap;padding-top:1px;font-size:.65rem;color:var(--dim)}.range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;border-radius:1px;background:rgba(10,255,138,.12);border:none!important;padding:0!important;cursor:pointer;outline:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:2px;background:var(--green);box-shadow:var(--glow-sm);cursor:pointer;-webkit-transition:transform .14s;transition:transform .14s}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.range-slider::-moz-range-thumb{width:16px;height:16px;border-radius:2px;background:var(--green);border:none;cursor:pointer}.qr-panel{display:flex;flex-direction:column;align-items:center;padding:20px;margin-top:10px;border-radius:3px;background:rgba(0,0,0,.4);border:1px solid rgba(10,255,138,.14)}.auto-start-banner{margin-top:12px;padding:12px 14px;border-radius:3px;background:rgba(10,255,138,.06);border:1px solid rgba(10,255,138,.28);color:var(--text);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 20px rgba(10,255,138,.08)}.settings-toggle{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%;padding:16px 20px;background:none;border:none;cursor:pointer;color:inherit;font:inherit;text-align:left;letter-spacing:.06em;transition:background .15s}.settings-toggle:hover{background:rgba(10,255,138,.03)}.player-card{padding:11px 13px;border-radius:3px;border:1px solid var(--line);background:rgba(0,0,0,.3);transition:border-color .15s}.player-card:hover{border-color:rgba(10,255,138,.22)}.lobby-card-btn{text-align:left;display:grid;grid-gap:3px;gap:3px}.lobby-card-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.role-picker{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:7px;gap:7px}.role-pick-btn{border:1px solid rgba(10,255,138,.14);border-radius:3px;padding:12px 8px;background:rgba(0,0,0,.4);color:var(--muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;transition:all .16s;font:inherit;letter-spacing:.05em}.role-pick-btn:hover{border-color:rgba(10,255,138,.35);color:var(--text)}.role-pick-btn.active{border-color:var(--green);background:rgba(10,255,138,.08);color:var(--text-hi);box-shadow:var(--glow-sm)}.role-pick-btn[data-role=agent].active{border-color:var(--danger);background:rgba(255,32,32,.08);color:var(--danger)}.role-pick-btn[data-role=spectator].active{border-color:#8fa6cc;background:rgba(143,166,204,.08);color:#8fa6cc}.role-pick-name{font-size:.72rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;font-family:var(--font-display),monospace}.role-pick-desc{font-size:.62rem;text-align:center;opacity:.65;letter-spacing:.04em}.gadget-deck-card{display:flex;gap:10px;align-items:flex-start;padding:11px;border-radius:3px;background:rgba(0,0,0,.3);border:1px solid var(--line);font-size:.78rem}.fs-nav{display:grid;grid-gap:3px;gap:3px;font-family:var(--font-body),monospace}.fs-entry{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:10px 12px;border:1px solid transparent;border-radius:2px;cursor:pointer;transition:all .16s;text-decoration:none;color:var(--muted)}.fs-entry:hover{border-color:var(--line-bright);background:rgba(10,255,138,.05);color:var(--text-hi)}.fs-entry:hover .fs-arrow{opacity:1;transform:translateX(3px)}.fs-entry.active{border-color:var(--green);background:rgba(10,255,138,.08);color:var(--text-hi);box-shadow:var(--glow-sm)}.fs-index{font-size:.65rem;color:var(--dim);font-family:var(--font-display),monospace;letter-spacing:.1em;width:22px}.fs-label{font-size:.82rem;letter-spacing:.1em;text-transform:uppercase}.fs-sublabel{font-size:.7rem;color:var(--muted);letter-spacing:.04em;margin-top:2px}.fs-arrow{font-size:.7rem;opacity:.3;transition:all .2s;color:var(--green)}.boot-line{display:flex;align-items:center;gap:8px;font-size:.72rem;letter-spacing:.08em;color:var(--muted);padding:3px 0}.boot-line:before{content:">";color:var(--dim);flex-shrink:0}.boot-ok{margin-left:auto;color:var(--green);font-size:.65rem;letter-spacing:.14em;text-shadow:var(--glow-sm)}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:.68rem;letter-spacing:.12em;color:var(--dim);text-transform:uppercase;font-family:var(--font-body),monospace;flex-wrap:wrap}.breadcrumb-sep{color:var(--dim);opacity:.5}.breadcrumb-current{color:var(--green)}@media (min-width:901px){.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}.lobby-shell{grid-template-columns:360px minmax(0,1fr)}.admin-shell{grid-template-columns:340px minmax(0,1fr)}.auth-shell{grid-template-columns:minmax(0,1fr) 360px}.hud-top{top:12px;left:12px;right:12px}}@media (max-width:900px){.page-shell{width:calc(100% - 20px)}.button-row>*{flex:1 1 auto}.grid-layout{gap:14px}.card-title{font-size:.95rem}.reveal-ring{display:none}.admin-shell aside,.admin-shell section,.lobby-shell aside,.lobby-shell section{min-width:0}}@media (max-width:480px){.gadget-btn,.gadget-lobby-btn{width:58px;height:58px}.gadget-dock{gap:6px;padding:8px 10px}.countdown-number{font-size:clamp(86px,25vw,130px)}.hud-top{top:6px;left:6px;right:6px;padding:7px 10px}.role-picker{grid-template-columns:1fr}.role-pick-btn{flex-direction:row;justify-content:flex-start;gap:10px;padding:13px}.role-pick-desc{text-align:left}.event-log{top:58px;right:6px;left:6px;width:auto}.button-primary,.button-secondary{min-height:48px}.qr-panel{padding:14px}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:rgba(0,0,0,.3)}::-webkit-scrollbar-thumb{background:rgba(10,255,138,.2);border-radius:1px}::-webkit-scrollbar-thumb:hover{background:rgba(10,255,138,.38)}