:root{color-scheme:dark;--bg:#102529;--panel:#163136;--line:#355054;--text:#f0eee3;--muted:#9caeaa;--yellow:#f4bf5b;--blue:#6cc7d4;--red:#ee8a71}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}button,input{font:inherit}button{cursor:pointer;border:1px solid transparent;border-radius:5px;padding:10px 18px;background:var(--yellow);color:#222d2b;font-weight:650;transition:filter .15s}button:hover{filter:brightness(1.12)}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}a{color:var(--yellow)}input{background:#0b2025;border:1px solid #496266;border-radius:4px;padding:9px 12px;color:var(--text);min-width:0}header{height:88px;display:flex;align-items:center;padding:0 32px;border-bottom:1px solid var(--line);gap:28px}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-size:22px;line-height:1.3;letter-spacing:2.5px;font-weight:800}.brand small{display:block;font-size:12px;font-weight:400;letter-spacing:3px;color:var(--muted);margin-top:4px}.cross{font-size:42px;color:var(--yellow);font-weight:400}.reference-tag{border-left:1px solid var(--line);padding-left:24px;font-size:12px;letter-spacing:1px;color:var(--muted)}.connection{margin-left:auto;font-size:12px;color:var(--muted)}.quiet{background:transparent;color:var(--muted);font-size:14px;font-weight:400}.outline{background:transparent;border-color:#59716e;color:var(--text)}.micro{font-size:12px;letter-spacing:1.5px;color:var(--muted);font-weight:600}main{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:28px;margin:20px 32px 24px}.arena{min-width:0}.scorebar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 12px 12px}.competitor{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.competitor.red{justify-content:flex-end;text-align:right}.competitor strong{display:block;font-size:16px;line-height:1.4;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.competitor .micro{font-size:10px}.competitor b{font:32px Georgia,serif;margin:0 18px;color:var(--blue)}.competitor.red b{color:var(--red)}.avatar{display:flex;justify-content:center;align-items:center;border:1px solid #76bdc4;background:#2b5961;width:42px;height:42px;border-radius:8px;font:22px Georgia,serif;color:#cce8e5}.red .avatar{background:#69443b;border-color:#ac7260;color:#f1d6bf}.matchtime{text-align:center;min-width:100px;line-height:1.4}.matchtime>span{font-size:10px;letter-spacing:2px;color:var(--muted)}.matchtime strong{display:block;font:25px ui-monospace,monospace;color:#efe5cf;letter-spacing:1px}.matchtime small{font-size:11px;color:var(--muted)}.viewport{height:clamp(440px,calc(100dvh - 304px),900px);position:relative;border:1px solid #537070;overflow:hidden;border-radius:6px;background:#193337}#game{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair;outline:none}.map-label{position:absolute;top:16px;left:16px;font:12px ui-monospace,monospace;letter-spacing:1px;background:#102529df;border:1px solid #62756a66;padding:8px 10px;border-radius:3px;pointer-events:none}.map-label span{display:block;font:11px -apple-system,sans-serif;letter-spacing:2px;color:var(--muted);margin-top:4px}.zoom-controls{position:absolute;left:16px;bottom:43px;display:flex;align-items:center;gap:4px;background:#102529e6;border:1px solid #6e837e88;border-radius:4px;font-size:12px}.zoom-controls button{background:transparent;color:#d5dcd2;padding:4px 10px;font-size:20px;font-weight:400}.zoom-controls span{font:12px monospace;color:#ddd8bd}.bounty-ribbon{position:absolute;top:14px;right:14px;display:flex;gap:8px;pointer-events:none}.bounty-card{width:82px;background:#eddfbc;border:2px solid #ad9d78;color:#25322e;position:relative;box-shadow:0 3px 8px #05100b55}.bounty-card.active{border-color:var(--yellow);box-shadow:0 0 11px #edbf5977}.bounty-card canvas{display:block;width:100%;height:63px}.bounty-card .reward{display:block;text-align:center;font-size:12px;font-weight:800;border-top:1px solid #ae9e7b;line-height:1.6;background:#eee3c8}.bounty-card .stamp{position:absolute;top:31px;left:-5px;right:-5px;background:#326b62;color:#effff2;text-align:center;font-size:11px;line-height:24px;font-weight:800;transform:rotate(-12deg);border:1px solid #bdd6bd;letter-spacing:.4px}.bounty-card .stamp.theirs{background:#ac4f40;border-color:#f2b59c}.scene-foot{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px;background:linear-gradient(transparent,#0e252aea);font-size:12px;pointer-events:none}.scene-foot>span:first-child{color:#f3cd84}.controlbar{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);padding:12px 18px;margin-top:12px;border-radius:5px}.ammo .micro{display:block;font-size:10px}.ammo strong{letter-spacing:3px;color:var(--yellow);font-size:20px;line-height:1.2}.shot-state{font-size:13px;color:var(--muted);margin-right:auto}.controlbar kbd{font:12px sans-serif;border:1px solid #9a7c40;padding:1px 3px;border-radius:2px;margin-left:5px}.outline kbd{border-color:#657b77}.shoot-button{display:none;background:#b9604f;color:#fff0d3}.help-line{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:9px;gap:12px}aside{padding-top:20px}aside h2{font-size:23px;margin:9px 0}.subtle{color:var(--muted);font-size:14px;line-height:1.8;margin:7px 0 24px}.intel{display:grid;gap:12px}.intel-row{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:12px}.intel-row canvas{width:46px;height:61px;border-radius:3px;background:#dfcfaa}.intel-row b{font-size:14px;font-weight:600}.intel-row p{font-size:12px;color:var(--muted);line-height:1.6;margin:3px 0}.intel-row.done{opacity:.5}.rules{margin-top:27px}.rules h3{font-size:14px;font-weight:500}.rules>div{display:flex;gap:13px;margin-top:13px}.rules>div>span{color:#c49f63;font:13px ui-monospace,monospace;padding-top:2px}.rules p{font-size:13px;color:var(--muted);margin:0;line-height:1.8}.source-note{font-size:12px;color:#8ca39e;line-height:1.8;margin-top:30px;padding-top:16px;border-top:1px solid var(--line)}#toast{position:absolute;left:50%;bottom:67px;transform:translateX(-50%);background:#11292deb;border:1px solid #9cab8966;color:#f4e3bc;padding:9px 17px;border-radius:4px;font-size:14px;max-width:80%;text-align:center;pointer-events:none;transition:opacity .2s;opacity:0}.opponent-feed{position:absolute;left:16px;top:85px;background:#142d2ce8;border:1px solid #d5967688;border-left:3px solid var(--red);padding:12px 16px;max-width:270px;border-radius:3px}.opponent-feed strong{display:block;font-size:14px;color:#f2b594}.cover{position:absolute;inset:0;background:#092128b0;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px}.cover[hidden],[hidden]{display:none!important}#loading{background:#173238}.spinner{width:32px;height:32px;border-radius:50%;border:2px solid #516e6a;border-top-color:var(--yellow);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lobby-card,.waiting-card,.result-card{width:370px;max-width:100%;padding:24px 28px;background:#10292df5;border:1px solid #5d776b;border-radius:7px;box-shadow:0 14px 60px #061c1c66}.lobby-card{text-align:left}.lobby-card .micro{color:#d3b577;font-size:10px}.lobby-card h1{font-size:31px;line-height:1.38;letter-spacing:1px;margin:12px 0 15px}.lobby-card p{font-size:13px;color:#b7c7bc;line-height:1.85;margin:0 0 20px}.lobby-card label{font-size:12px;color:var(--muted);display:block;margin-bottom:4px}.lobby-card>input,.lobby-card>button{width:100%;margin-bottom:10px}.lobby-card>button{display:flex;justify-content:space-between}.join-row{display:flex;gap:8px}.join-row input{width:100%;font-size:14px}.join-row button{white-space:nowrap}.lobby-card small{display:block;font-size:11px;color:var(--muted);line-height:1.65;margin-top:14px}.waiting-card h2{font-size:26px;font-weight:400;letter-spacing:1px;margin:12px 0}.waiting-card h2 span{color:var(--yellow);font-family:monospace}.waiting-card p{font-size:14px;color:var(--muted)}.invite-row{display:flex;gap:6px}.invite-row input{font-size:12px;width:100%}.invite-row button{padding:9px;font-size:12px}.text-link{display:block;font-size:13px;margin:13px 0}.waiting-card>button,.result-card>button{width:100%;margin-top:10px}#readyStatus{font-size:14px;color:#b9cebd;margin:18px 0}.countdown{position:absolute;inset:0;background:#10252999;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff2d1}.countdown strong{font:100px Georgia,serif;line-height:1.2}.countdown span{font-size:20px;letter-spacing:6px}.final-score{font:60px Georgia,serif;letter-spacing:8px;color:#f4c46f}.result-card h2{font-size:36px;margin:12px 0 0}.result-card>p{color:var(--muted);font-size:14px}.claim-result{display:flex;justify-content:space-between;gap:10px;font-size:14px;padding:9px 0;border-bottom:1px solid #38534e}.claim-result b{color:var(--blue)}.claim-result b.red{color:var(--red)}dialog{background:var(--panel);color:var(--text);border:1px solid #61776b;border-radius:6px;max-width:660px;width:90%;padding:32px;line-height:1.9}dialog::backdrop{background:#041b20cc}dialog h2{font-size:25px}dialog p{font-size:15px}.close{float:right;font-size:25px;background:transparent;color:var(--text);padding:0 4px}.offline{color:var(--red)!important}@media(min-width:1700px){main{grid-template-columns:minmax(0,1fr) 285px;gap:38px;margin:25px 45px}.viewport{height:calc(100dvh - 305px)}}@media(max-width:1150px){main{grid-template-columns:minmax(0,1fr) 220px;gap:18px;margin:17px 20px}header{padding:0 20px;gap:17px}.reference-tag{display:none}.competitor strong{max-width:110px}.competitor b{margin:0 5px}.scorebar{padding:0 4px 10px}.controlbar{gap:10px}.controlbar button{font-size:14px}.lobby-card{padding:20px 25px}.lobby-card h1{font-size:27px}.lobby-card p{margin-bottom:12px}.viewport{min-height:460px}.bounty-card{width:68px}.bounty-card canvas{height:54px}}@media(max-width:820px){header{height:69px;gap:10px;padding:0 14px}.brand{font-size:17px;letter-spacing:1.3px}.brand small{font-size:10px;letter-spacing:1.5px}.cross{font-size:32px}.connection{font-size:11px}.quiet{padding:5px;font-size:12px}main{display:block;margin:12px}aside{display:none}.scorebar{height:71px}.competitor{gap:7px}.competitor strong{font-size:13px;max-width:100px}.competitor b{font-size:27px;margin:0 3px}.competitor .micro{font-size:9px}.avatar{width:31px;height:34px;font-size:18px}.matchtime{min-width:82px}.matchtime strong{font-size:20px}.viewport{height:calc(100dvh - 270px);min-height:440px}.bounty-card{width:64px}.bounty-card canvas{height:50px}.bounty-ribbon{gap:5px;top:10px;right:10px}.map-label{top:10px;left:10px;font-size:10px;padding:6px}.map-label span{font-size:10px}.controlbar{padding:10px;gap:7px}.controlbar button{padding:9px 12px}.controlbar kbd{display:none}.shoot-button{display:block}.shot-state{font-size:11px}.ammo strong{font-size:16px}.help-line{font-size:10px}.lobby-card,.waiting-card,.result-card{max-width:340px;padding:20px}.lobby-card h1{font-size:25px}.lobby-card p{font-size:12px;margin-bottom:10px}.lobby-card small{font-size:10px}.lobby-card input,.lobby-card button{padding:8px 10px}.lobby-card .micro{font-size:9px}.scene-foot{font-size:10px;padding:9px 10px}.scene-foot #objective{max-width:68%;text-align:right}#toast{font-size:12px;padding:8px;bottom:90px;width:max-content}.zoom-controls{left:10px;bottom:38px}.opponent-feed{left:10px;top:77px;padding:8px;max-width:220px}.opponent-feed strong{font-size:12px}.bounty-card .stamp{font-size:9px;top:27px;line-height:20px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

#motion{width:auto;padding:0 10px;font-size:12px;white-space:nowrap}#motion[aria-pressed="true"]{color:#f3cd84}

/* Street behavior HUD */
.street-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px;padding:8px 12px;border:1px solid #49635b;background:#153435;font-size:13px;border-radius:4px}.street-status{display:flex;align-items:center;gap:9px}.street-status strong{font-size:14px;font-weight:500}.street-status>span:last-child{color:#a9c2b4}.status-light{width:6px;height:6px;border-radius:50%;background:#acc4a0}.sound-window{display:flex;gap:8px;align-items:center;color:#a6bfb4;white-space:nowrap}.sound-window b{font-size:13px;font-weight:400}.sound-window.active{color:#ffe19b}.street-bar.danger{border-color:#bc795c}.boss-warning{position:absolute;top:92px;right:16px;display:flex;flex-direction:column;gap:5px;padding:9px 12px;border-left:2px solid #d5916b;background:#152d2bed;max-width:230px;pointer-events:none}.boss-warning strong{font-size:14px;color:#f3c894}.boss-warning span{font-size:12px;color:#d4c7aa}.inspect{position:absolute;right:16px;bottom:48px;padding:10px 13px;background:#122e2ef2;border:1px solid #879682;min-width:170px;pointer-events:none}.inspect strong{display:block;font-size:14px;color:#f5dcaa}.inspect span{display:block;font-size:13px;color:#b9ccbb;margin-top:3px}.observation-card{border-left:2px solid #a9ab79;background:#203b36;padding:12px;margin-top:20px}.observation-card strong{display:block;font-size:14px;font-weight:500;margin-top:7px}.observation-card p{font-size:13px;line-height:1.65;color:#bbccba;margin:5px 0 0}.street-log{font-size:12px;line-height:1.65;color:#aebfad;margin-top:20px;border-top:1px solid #456054;padding-top:12px}.street-log>span{display:block;margin-bottom:7px}.street-log>span:first-child{color:#f0d9a5}.lobby-card .recon-button{background:#ebcc85;color:#203530}.lobby-card>button span{font-size:12px}.help-line{align-items:center;flex-wrap:wrap}.help-line .quiet{font-size:12px;padding:0 5px}.viewport{height:calc(100dvh - 358px)}aside .subtle{margin-bottom:18px}aside h2{font-size:22px}.rules{margin-top:18px}.rules>div{margin-top:8px}.rules p{font-size:13px;line-height:1.6}#motion{font-size:13px}
@media(max-width:820px){.street-bar{gap:8px;padding:6px 8px;font-size:11px}.street-status{gap:6px}.street-status strong{font-size:12px}.street-status>span:last-child{display:none}.sound-window{font-size:11px;gap:5px}.sound-window b{font-size:12px}.viewport{height:calc(100dvh - 318px);min-height:460px}.boss-warning{right:10px;top:83px;max-width:190px;padding:7px 9px}.boss-warning strong{font-size:12px}.boss-warning span{font-size:11px}.inspect{right:10px;bottom:45px;padding:7px 9px;min-width:130px;max-width:180px}.inspect strong{font-size:12px}.inspect span{font-size:11px}.lobby-card h1{font-size:24px}.lobby-card small{font-size:11px}#motion{padding:0 7px;font-size:12px}}

.cover:not(#loading){justify-content:flex-start;overflow-y:auto}.lobby-card,.waiting-card,.result-card{flex-shrink:0;margin-block:auto}

/* Evidence dossiers: the portrait itself is cropped before it reaches the UI. */
@media(min-width:1151px){main{grid-template-columns:minmax(0,1fr) 302px;gap:24px}}
.bounty-ribbon{pointer-events:auto}.bounty-card{padding:0;border-radius:2px;width:86px;overflow:visible;font-weight:500;transition:border-color .15s}.bounty-card:hover{filter:none;border-color:#fff0c1}.bounty-card .bounty-kind{display:block;font-size:14px;line-height:1.8;text-align:center;background:#e3d1a9}.bounty-card .reward{font-size:13px}.bounty-card .stamp{top:33px;font-size:12px}.evidence-photo{margin:0;position:relative;background:#d6c8a9;overflow:hidden;flex:none;width:92px}.evidence-photo img{display:block;width:100%;height:91px;object-fit:contain}.evidence-photo figcaption{font-size:12px;line-height:1.9;text-align:center;background:#193432;color:#e4ce9b;letter-spacing:.5px}.evidence-photo.compact{width:100%;height:65px}.evidence-photo.compact img{height:100%;object-fit:contain}.evidence-symbol{display:grid;place-items:center;width:52px;min-height:65px;background:#1a3432;color:#e3c283;font:46px Georgia,serif;flex:none}.evidence-symbol.compact{width:100%;height:65px;background:#d6c8a9;color:#344a40;font-size:48px}.dossier-heading{display:flex;align-items:center;gap:9px;font-size:13px;color:#d9bb80;margin-bottom:12px;line-height:1.7}.dossier-heading b{margin-left:auto;font:15px Georgia,serif;color:#f3d594}.dossier-number{font:14px ui-monospace,monospace;color:#a9bab0}.intel{gap:15px}.intel-row{display:block;border:1px solid #426058;border-left:3px solid #b59f67;padding:14px;background:#19332f;min-width:0}.intel-row.done{opacity:.63;border-left-color:#76bfb3}.intel-row.locked{border-left-color:#596d5d;background:#152e2d}.dossier-title{display:flex;align-items:center;gap:12px;margin-bottom:10px}.dossier-title h3{font-size:16px;font-weight:600;line-height:1.5;margin:0 0 5px}.dossier-title small{font-size:12px;line-height:1.5;color:#adbdb1;display:block}.clue-list{margin:8px 0 10px;padding:0 0 0 18px;list-style:square}.clue-list li{font-size:14px;line-height:1.75;margin:1px 0;color:#efe7d5}.clue-list li::marker{color:#c5a778}.intel-row .habit-clue{font-size:14px;color:#d4ddcf;line-height:1.65;margin:10px 0}.habit-clue>span{color:#b8a77e;font-size:12px;margin-right:8px}.intel-row .clue-note{font-size:12px;line-height:1.7;color:#a1b2a5;margin:10px 0 0}.location-clue{display:block;text-align:left;width:100%;padding:9px 11px;background:#244139;color:#e8d7ae;border:1px solid #617658;margin-top:12px;white-space:normal}.location-clue span{display:block;font-size:12px;font-weight:400;color:#bacbb7}.location-clue strong{display:block;font-size:14px;font-weight:500;line-height:1.7}.location-clue small{font-size:12px;color:#c1b582;font-weight:400}.dossier-open{display:block;margin:8px 0 -5px auto;font-size:12px;padding:5px 0}.boss-warning{top:150px}.bounty-card.active:focus-visible{outline-offset:4px}#dossierDialog{width:min(460px,94vw);padding:20px;max-height:90dvh;overflow:auto}#dossierDialog>.close{position:relative;z-index:1;margin-top:-8px}#dossierDialog .intel-row{border:0;padding:7px;background:transparent}#dossierDialog .dossier-title{gap:20px;margin:16px 0}#dossierDialog .dossier-title h3{font-size:21px}#dossierDialog .evidence-photo{width:135px}#dossierDialog .evidence-photo img{height:135px}#dossierDialog .clue-list li,#dossierDialog .habit-clue{font-size:16px}#dossierDialog .clue-note{font-size:14px}#dossierDialog .dossier-heading{padding-right:26px;font-size:14px}#dossierDialog .evidence-symbol{width:85px;height:100px;font-size:64px}
@media(max-width:1150px){.bounty-card{width:74px}.bounty-card .bounty-kind{font-size:13px}.intel-row{padding:11px}.dossier-title{gap:8px}.dossier-title h3{font-size:15px}.evidence-photo{width:72px}.dossier-heading{gap:6px}}
@media(max-width:820px){.bounty-card{width:66px}.bounty-card .bounty-kind{font-size:13px}.bounty-card .reward{font-size:12px}.evidence-photo.compact,.evidence-symbol.compact{height:54px}.bounty-card .stamp{font-size:10px;top:25px}.boss-warning{top:130px}.map-label{max-width:110px}.map-label span{display:none}#dossierDialog .dossier-title h3{font-size:19px}#dossierDialog .evidence-photo{width:110px}#dossierDialog .evidence-photo img{height:110px}}

.lan-help{margin:12px 0;color:#bfcec0;font-size:14px;line-height:1.7;border-top:1px solid #3b554f;padding-top:12px}.lan-help summary{cursor:pointer;color:#efd39a}.lan-help p{margin:8px 0}.lan-help a{font-family:ui-monospace,monospace;overflow-wrap:anywhere}.waiting-card .lan-instructions{font-size:14px;line-height:1.7;color:#bdcbbc}.daily-card{margin:15px 0;padding:12px 0;border-top:1px solid #3c584f;font-size:14px;line-height:1.7;color:#bccdbd}.daily-card p{margin:8px 0}.daily-card b{display:block;color:#e9d49b;font-size:13px;font-weight:500}.inspect{max-width:265px}.inspect small{display:block;margin-top:5px;color:#dac392;font-size:12px}.inspect progress{display:block;width:100%;height:4px;accent-color:#dfbd72;margin-top:8px}.inspect progress[hidden],.inspect small[hidden]{display:none}