@font-face{font-family:Pixel;src:url('./fonts/PressStart2P.ttf') format('truetype');font-display:swap}*{box-sizing:border-box} :root{color-scheme:dark;--bg:#111719;--panel:#182023;--line:#303b3d;--text:#e7ebe3;--muted:#94a3a2;--green:#a8d781;--amber:#e5b667;--correct:#63975a;--present:#b88e45;--absent:#394348}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--green);outline-offset:4px}button{border:0}button:hover{filter:brightness(1.12)}[hidden]{display:none!important}.header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1320px)/2));gap:16px}.brand{display:flex;align-items:center;font-size:21px;font-weight:800;letter-spacing:-.8px}.brand>span:not(.brand-icon):not(.brand-divider){color:var(--muted)}.brand-icon{font-size:30px;color:var(--green);margin-right:10px}.brand-divider{color:#4d5d5f;margin:0 24px;font-weight:400}.brand small{font-family:monospace;letter-spacing:2px;font-size:11px;color:var(--muted)}.header-actions{display:flex;gap:10px}.header-actions button{border:1px solid var(--line);background:transparent;padding:10px 13px;border-radius:5px;color:#c4ccca}.header-actions button span{font-size:12px;margin-left:5px}main{max-width:1260px;margin:0 auto;padding:38px 28px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:24px}.eyebrow{font-size:10px;letter-spacing:2px;font-family:monospace;font-weight:700;color:var(--muted);margin:0 0 14px}.intro .eyebrow{color:var(--green)}.live-dot{display:inline-block;height:6px;width:6px;background:var(--green);box-shadow:0 0 10px #a8d78135;margin-right:7px;vertical-align:middle}h1{font-family:Pixel,monospace;font-size:clamp(19px,2.5vw,31px);font-weight:400;line-height:1.6;letter-spacing:-1px;margin:0 0 12px}h1>span{color:var(--green)}h1 .title-dot{color:var(--amber)}.intro-copy{color:var(--muted);font-size:14px;margin:0}.intro-copy strong{color:#c7d0ca;font-weight:400}.case-stamp{border:1px dashed #44504b;transform:rotate(2deg);padding:16px 21px;display:flex;gap:9px;flex-direction:column;font-family:monospace;color:var(--muted);font-size:9px;letter-spacing:1px;text-align:center;flex-shrink:0}.case-stamp strong{color:var(--amber);font-size:15px}.modes{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:25px}.modes button{position:relative;background:transparent;padding:16px 23px 18px;color:var(--muted);font-size:13px;font-weight:700}.modes button.active{color:var(--green)}.modes button.active:after{content:'';position:absolute;bottom:-1px;height:3px;background:var(--green);left:0;right:0}.mode-icon{font-size:20px;vertical-align:-2px;margin-right:8px}.modes small{font-family:monospace;font-size:9px;border:1px solid #3c4a40;padding:4px 5px;margin-left:9px;letter-spacing:.5px}.game-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:32px;align-items:start}.operation{border:1px solid var(--line);background:var(--panel);border-radius:7px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;font:10px monospace;letter-spacing:1px;color:var(--muted);background:#1c2527}.panel-heading>span:last-child{font-size:9px;color:var(--amber)}.scene-wrap{position:relative;overflow:hidden;background:#11161f;aspect-ratio:384/175}.scene-wrap canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.camera-label{position:absolute;left:14px;bottom:12px;font:9px monospace;color:#7b8d96;letter-spacing:1px}.camera-label b{color:#d6766e;font-weight:400;margin-left:8px}.building-row{display:flex;justify-content:space-between;align-items:center;padding:22px 25px 19px}.building-row .eyebrow{font-size:9px;margin-bottom:8px}.building-row h2{font-size:24px;font-weight:600;margin:0 0 8px;letter-spacing:-.5px}.building-row p:last-child{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.building-row>span{font:25px monospace;color:#758785}.building-row>span span{font-size:11px;color:#697775;margin-left:3px}.alarm-block{padding:0 25px 19px}.alarm-block>div:first-child{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1px}.alarm-block strong{color:var(--amber);font-weight:400}.alarm-meter{display:flex;gap:5px;margin-top:12px}.alarm-meter i{flex:1;height:6px;background:#344043}.alarm-meter i.on{background:var(--amber)}.alarm-meter.high i.on{background:#d6766e}.alarm-block p{color:var(--muted);font-size:11px;margin:10px 0 0}.heist-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 25px;padding:18px 0}.heist-stats div{padding-left:17px;border-left:1px solid var(--line)}.heist-stats div:first-child{padding-left:0;border:0}.heist-stats span{display:block;font:9px monospace;color:var(--muted);letter-spacing:1px;margin-bottom:10px}.heist-stats strong{font:21px monospace;color:var(--green)}.heist-stats small{font-size:10px;color:var(--muted)}.intel{display:flex;align-items:center;gap:13px;padding:18px 25px;color:var(--muted)}.intel>span{font-size:24px;color:var(--amber)}.intel p{font-size:11px;line-height:1.65;margin:0;max-width:420px}.puzzle{padding:4px 9px 0;min-width:0}.puzzle-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;padding:0 12px}.puzzle-heading .eyebrow{display:block;font-size:9px;margin-bottom:8px}.puzzle-heading h2{font-size:18px;font-weight:500;margin:0}.timer{font:12px monospace;color:var(--muted);padding:8px 10px;background:#1a2426;border:1px solid var(--line);border-radius:3px;font-variant-numeric:tabular-nums}.board{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;width:min(100%,305px);margin:0 auto}.tile{aspect-ratio:1;border:1px solid #3b484a;background:#1b2427;display:flex;align-items:center;justify-content:center;font-family:Pixel,monospace;font-size:21px;color:#eaf0e6;transition:background .18s,border-color .18s;position:relative}.tile.filled{border-color:#899c83;background:#25302e}.tile.correct{background:var(--correct);border-color:var(--correct)}.tile.present{background:var(--present);border-color:var(--present)}.tile.absent{background:var(--absent);border-color:var(--absent);color:#bac3c3}.tile.reveal{animation:reveal .4s both;animation-delay:calc(var(--i)*80ms)}.tile.current{border-color:#647764}.tile .sr-only{position:absolute}.feedback{height:38px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:11px;color:var(--green);line-height:1.3;padding:3px 4px}.feedback.error{color:#f19a8a}.legend{display:flex;justify-content:center;gap:16px;font-size:9px;color:var(--muted);padding:0 0 18px}.legend span{display:flex;align-items:center;gap:5px}.legend i{height:8px;width:8px}.correct{background:var(--correct)}.present{background:var(--present)}.absent{background:var(--absent)}.keyboard{display:flex;flex-direction:column;gap:6px;user-select:none;touch-action:manipulation}.key-row{display:flex;justify-content:center;gap:4px}.key{flex:1;max-width:42px;height:43px;background:#2a3539;border:1px solid #3e4b4e;border-bottom:3px solid #0a1114;border-radius:3px;font-weight:700;font-size:13px;padding:0;transition:background .2s}.key.correct{background:var(--correct);border-color:#6e9c60}.key.present{background:var(--present);border-color:#bd9856}.key.absent{background:#1b2326;color:#6e7b7e;border-color:#2d373a}.key.wide{flex:1.8;max-width:72px;font-size:11px;color:var(--green);background:#2e3b32}.keyboard-note{text-align:center;font-size:10px;color:#7d8e8f;margin:15px 0}kbd{font:9px monospace;border:1px solid var(--line);padding:2px 3px;border-radius:2px}.primary,.secondary,.danger{border:1px solid transparent;border-radius:3px;min-height:42px;padding:12px 17px;font-size:12px;font-weight:700}.primary{background:var(--green);color:#18251c}.primary>span{margin-left:16px}.secondary{background:#263135;border-color:#455250;color:var(--text)}.danger{background:#4a292c;border-color:#815156;color:#ffd1cb}.consent-banner{margin-top:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #3b4940;background:#1c2824;border-radius:5px;padding:20px 24px}.consent-banner strong{font-size:13px;font-weight:600}.consent-banner p{font-size:11px;color:var(--muted);line-height:1.7;margin:5px 0 0;max-width:590px}.consent-banner>div:last-child{display:flex;gap:8px;flex-shrink:0}.consent-banner button{font-size:10px;min-height:38px;padding:10px 12px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:34px;padding:23px 0;color:#7f9192;font:10px monospace;letter-spacing:.5px}footer b{color:var(--green);font-size:15px;vertical-align:-1px;margin-right:8px}footer>div{display:flex;gap:20px;align-items:center}footer button{background:none;color:inherit;padding:0;font:inherit}dialog{border:1px solid #586a5c;padding:32px;max-width:480px;width:calc(100% - 30px);background:#1a2426;color:var(--text);border-radius:7px;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#071012ce;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:12px;top:8px;color:var(--muted);font-size:24px;background:none}dialog h2{font-size:22px;line-height:1.4;margin:4px 0 15px}dialog p,dialog li{color:#b4c0bb;line-height:1.7;font-size:13px}dialog ol{padding-left:20px}.dialog-actions{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}.dialog-actions button{flex:1}dialog label{display:block;margin-top:16px;font-size:12px;color:var(--muted)}dialog input{width:100%;background:#111a1d;border:1px solid #465653;border-radius:3px;padding:13px;color:var(--text);font:16px monospace;margin:8px 0}.separator{margin:23px 0 0;border-top:1px solid var(--line);padding-top:18px;font:10px monospace;color:var(--muted)}.result-card{border:1px solid #56744d;background:#213027;padding:16px 18px;margin:14px 0;border-radius:4px;text-align:center}.result-card.lost{border-color:#805755;background:#342729}.result-card h3{font-size:20px;margin:0 0 8px;color:var(--green)}.result-card.lost h3{color:#efb2a0}.result-card p{font-size:12px;line-height:1.6;color:#c1cbc5;margin:7px 0}.result-card .answer{font:17px Pixel,monospace;letter-spacing:4px;color:var(--amber)}.result-card button{margin:8px 4px 0}.room-content{border-top:1px solid var(--line);padding:20px 25px}.room-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.room-code{font:23px monospace;letter-spacing:4px;color:var(--amber)}.room-content h3{font:10px monospace;color:var(--muted);letter-spacing:1px;margin:0 0 9px}.room-player{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #303b3d;font-size:12px;gap:8px}.room-player span:last-child{color:var(--muted);font:11px monospace;white-space:nowrap}.room-player.self{color:var(--green)}.room-content>button{width:100%;margin-top:12px}.room-content p{font-size:11px;color:var(--muted);line-height:1.6}.room-content .secondary{padding:8px 11px;min-height:34px;font-size:11px}#online-start{text-align:center;border:1px dashed var(--line);padding:22px 15px;margin-top:12px}#online-start p{font-size:12px;color:var(--muted);margin:0 0 15px}.skip{position:fixed;top:-60px;left:20px;z-index:10;background:var(--green);color:#14201b;padding:14px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.shake{animation:shake .3s}@keyframes reveal{0%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media(min-width:1400px){main{padding-top:44px}.intro{margin-bottom:36px}.game-layout{gap:46px}.puzzle{padding:6px 14px}.board{width:315px}.key{height:45px}.building-row{padding-top:26px;padding-bottom:24px}.alarm-block{padding-bottom:22px}.heist-stats{padding:21px 0}.intel{padding-top:21px;padding-bottom:21px}}
@media(max-width:900px){.header{padding:0 22px}.brand-divider,.brand small{display:none}main{padding:28px 20px 0}.intro{gap:10px}.case-stamp{padding:12px;font-size:8px}.case-stamp strong{font-size:12px}.modes button{padding:13px 14px;font-size:12px}.modes small{display:none}.game-layout{gap:20px;grid-template-columns:1fr 1fr}.building-row,.intel{padding:18px}.building-row h2{font-size:20px}.alarm-block{padding:0 18px 16px}.heist-stats{margin:0 18px}.heist-stats div{padding-left:10px}.heist-stats span{font-size:8px;letter-spacing:0}.puzzle{padding:3px 0}.consent-banner{flex-direction:column;align-items:flex-start}.consent-banner>div:last-child{align-self:flex-end}.key{height:40px;font-size:12px}.key-row{gap:3px}.legend{gap:10px}}
@media(max-width:650px){.header{height:60px;padding:0 16px}.brand{font-size:18px}.brand-icon{font-size:25px;margin-right:7px}.header-actions{gap:6px}.header-actions button{padding:7px 10px}.header-actions button span{display:none}main{padding:25px 16px 0}.intro{margin-bottom:22px}.intro .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:10px}h1{font-size:clamp(16px,4.2vw,24px);line-height:1.7;letter-spacing:-1px;margin-bottom:9px}.intro-copy{font-size:11px}.case-stamp{display:none}.modes{margin-bottom:18px;gap:0;justify-content:space-between}.modes button{padding:10px 7px 13px;font-size:11px}.mode-icon{font-size:17px;margin-right:3px}.game-layout{display:flex;flex-direction:column;gap:20px}.operation{width:100%}.panel-heading{padding:10px 13px;font-size:9px}.scene-wrap{aspect-ratio:384/155}.scene-wrap canvas{object-fit:cover}.building-row{padding:13px 16px}.building-row .eyebrow{font-size:8px;margin-bottom:5px}.building-row h2{font-size:19px;margin-bottom:4px}.building-row p:last-child{font-size:10px}.building-row>span{font-size:23px}.alarm-block{padding:0 16px 14px}.alarm-block p{display:none}.alarm-meter{margin-top:8px}.alarm-block>div:first-child{font-size:9px}.heist-stats{margin:0 16px;padding:12px 0}.heist-stats span{font-size:8px;margin-bottom:5px;letter-spacing:.5px}.heist-stats strong{font-size:18px}.intel{padding:11px 16px;gap:9px}.intel p{font-size:9px}.intel>span{font-size:20px}.puzzle{width:100%;padding:0 0 3px}.puzzle-heading{padding:0 3px;margin-bottom:16px}.puzzle-heading h2{font-size:17px}.puzzle-heading .eyebrow{font-size:8px;margin-bottom:5px}.board{width:280px;gap:6px}.tile{font-size:20px}.feedback{height:36px}.key{height:46px;font-size:13px;max-width:42px}.key-row{gap:4px}.legend{font-size:9px;padding-bottom:15px}.keyboard-note{margin-bottom:0}.consent-banner{padding:17px;margin-top:20px;gap:13px}.consent-banner>div:last-child{width:100%;align-self:auto}.consent-banner button{flex:1}.consent-banner strong{font-size:12px}footer{margin-top:24px;padding:20px 0 24px;flex-direction:column;gap:17px;font-size:9px}footer>div{gap:22px}dialog{padding:28px 23px}.room-content{padding:17px}.room-code{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}