:root{font-family:Arial,Helvetica,sans-serif;color:#23231f;background:#f6f3e9;--yellow:#f5ce39;--ink:#23231f;--muted:#74736a}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:1.5px solid var(--ink);border-radius:9px;background:#fffdf5;padding:10px 15px;box-shadow:0 2px 0 #23231f18}button:hover{background:#f9e995}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #387f9a;outline-offset:3px}.primary{background:var(--yellow);font-weight:800}.green{background:#368754;color:white;border-color:#286b40}header{height:83px;padding:12px 28px;border-bottom:2px solid var(--ink);display:flex;align-items:center;justify-content:space-between;background:#fffdf5;gap:15px}.wordmark{font-size:29px;font-weight:950;letter-spacing:-1.8px;color:inherit;text-decoration:none;line-height:.9}.wordmark span{font-weight:400}.wordmark small{display:block;font-size:9px;letter-spacing:4px;margin:9px 0 0 2px}nav{display:flex;align-items:center;gap:8px}nav button{padding:7px 10px;min-height:36px}.flag{padding:4px;width:44px}.flag svg{display:block;width:32px;height:22px;border-radius:3px}.flag[aria-pressed=true]{box-shadow:0 0 0 3px var(--yellow)}#connection{font-size:12px;color:var(--muted)}.home{min-height:calc(100dvh - 83px);display:grid;grid-template-columns:1.05fr 1fr}.hero{position:relative;overflow:hidden;border-right:2px solid var(--ink);min-height:620px;background:#fff}.hero img{position:absolute;width:150%;height:100%;object-fit:cover;object-position:42% 40%;opacity:.65;filter:contrast(.9)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#f5ce39 0%,#f5ce39dd 25%,transparent 70%)}.hero-copy{position:absolute;bottom:54px;left:9%;right:9%;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:11px;font-weight:800}.hero h1{font-size:clamp(44px,5.5vw,86px);letter-spacing:-5px;line-height:.95;margin:18px 0}.hero p{font-size:17px;line-height:1.5;max-width:420px}.entry{padding:55px 11%;align-self:center}.entry h2{font-size:36px;letter-spacing:-1.3px;margin-bottom:12px}.entry p{color:var(--muted);line-height:1.6}.entry form{display:grid;gap:12px}.entry input{width:100%;padding:14px;border:1.5px solid var(--ink);border-radius:8px;background:#fffdf8}.entry label{font-size:12px;font-weight:800}.or{text-align:center;margin:8px}.small{font-size:12px;color:var(--muted);line-height:1.6}.lobby{max-width:1120px;margin:40px auto;padding:0 26px}.lobby-top{display:flex;align-items:end;justify-content:space-between;gap:20px}.lobby h1{font-size:44px;letter-spacing:-2px;margin:12px 0}.room-tag{font-family:monospace;background:var(--yellow);padding:9px 15px;border:1.5px solid;border-radius:7px}.people{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.person{padding:9px 14px;border-radius:30px;background:#fff;border:1px solid #d5d2c5}.dot{display:inline-block;width:8px;height:8px;background:#388454;border-radius:100%;margin-right:7px}.offline .dot{background:#b7b4aa}.case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;margin:25px 0}.case{position:relative;min-height:145px;text-align:left;padding:22px;background:#fffdf8;transition:transform .2s}.case:hover{transform:translateY(-3px)}.case.selected{background:#fff4b3;box-shadow:0 0 0 3px var(--yellow)}.case strong{display:block;font-size:20px;line-height:1.2;margin:16px 0 10px}.case small{color:var(--muted)}.city-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.city-tabs .selected{background:var(--yellow)}.lobby-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.desk{height:calc(100dvh - 83px);display:grid;grid-template-columns:340px minmax(0,1fr)}.dossier{overflow:auto;padding:27px 25px;background:#fffdf5;border-right:2px solid var(--ink);position:relative}.dossier h1{font-size:26px;letter-spacing:-.9px;margin:15px 0 8px}.progress{display:flex;gap:3px;margin:22px 0}.progress i{height:5px;flex:1;background:#e6e2d5}.progress .done{background:#23231f}.dossier h2{font-size:25px;line-height:1.22;letter-spacing:-.6px;margin:20px 0}.text{line-height:1.6;font-size:15px}.text p{margin:13px 0}.dossier .primary{width:100%;margin-top:22px}.hint{background:#fff5b9;padding:14px;border-radius:8px;margin:18px 0}.discovery{border-left:3px solid #4f8c60;padding:5px 12px;font-size:14px;margin:15px 0}.team{margin-top:30px;border-top:1px solid #dedacf;padding-top:18px;font-size:12px}.map-wrap{position:relative;overflow:hidden;background:white;touch-action:none}.map-wrap canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.map-wrap canvas:active{cursor:grabbing}.map-top{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:start;gap:10px;pointer-events:none}.map-top>*{pointer-events:auto}.tools{display:flex;gap:4px;background:#fffdf5ee;border:1.5px solid;border-radius:12px;padding:5px;box-shadow:0 5px 20px #0001;flex-wrap:wrap}.tools button{border:0;padding:9px 11px;box-shadow:none;background:transparent;font-size:14px}.tools .selected{background:var(--yellow)}.zoom{display:flex;gap:5px;flex-direction:column}.zoom button{width:42px;padding:9px}.map-bottom{position:absolute;bottom:16px;left:18px;right:18px;display:flex;justify-content:space-between;gap:10px;align-items:end;pointer-events:none}.map-bottom>*{pointer-events:auto}.legend{font-size:11px;background:#fffdf5e8;padding:9px 13px;border-radius:8px;max-width:70%;line-height:1.5}.candidate{position:absolute;z-index:3;display:flex;gap:5px;transform:translate(15px,-50%)}.candidate button{padding:10px 14px;font-size:20px}.alert{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);background:#23231f;color:#fff;padding:12px 18px;border-radius:10px;max-width:90%;box-shadow:0 8px 30px #0002;font-size:13px}.alert button{padding:5px 9px;margin-left:10px;background:var(--yellow)}aside#chat{position:fixed;right:18px;bottom:18px;width:min(360px,calc(100vw - 36px));height:min(480px,75dvh);z-index:8;background:#fffdf5;border:2px solid;border-radius:15px;box-shadow:0 15px 60px #0003;padding:20px;display:flex;flex-direction:column}aside[hidden]{display:none!important}#messages{overflow:auto;flex:1;font-size:14px}#messages p{overflow-wrap:anywhere;line-height:1.5}#chatForm{display:flex;gap:8px;margin-top:12px}#chatInput{min-width:0;flex:1;padding:8px;border:1px solid;border-radius:8px}.close{position:absolute;right:10px;top:10px;padding:5px 10px}dialog{background:#fffdf5;border:2px solid;border-radius:16px;max-width:min(560px,90vw);padding:30px;line-height:1.6}dialog::backdrop{background:#23231f77}dialog label,dialog input[type=range]{display:block;width:100%;margin:12px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#23231f;color:#fff;padding:13px 22px;border-radius:12px;z-index:20;max-width:90vw}.complete-mark{font-size:65px;margin:25px 0 5px}.replay-row{display:flex;gap:6px;margin:10px 0}.replay-row button{flex:1}.hide{display:none!important}@media(max-width:800px){header{height:70px;padding:10px 15px}.wordmark{font-size:24px}.wordmark small{font-size:7px;letter-spacing:3px}nav{gap:5px}nav button{padding:6px 8px}#connection{display:none}.home{grid-template-columns:1fr;min-height:calc(100dvh - 70px)}.hero{min-height:340px;border-right:0;border-bottom:2px solid}.hero h1{font-size:52px;letter-spacing:-3px}.hero-copy{bottom:22px;left:7%}.hero p{font-size:14px;max-width:320px}.entry{padding:30px 7%}.entry h2{font-size:29px}.desk{height:calc(100dvh - 70px);grid-template-columns:1fr;grid-template-rows:minmax(160px,32%) minmax(0,1fr)}.dossier{border-right:0;border-bottom:2px solid;padding:15px 20px}.dossier h1{font-size:18px;display:inline-block;margin:0 10px 0 0}.dossier .eyebrow{font-size:9px}.dossier h2{font-size:20px;margin:12px 0}.progress{margin:12px 0}.team{display:none}.dossier .primary{width:auto;margin-top:10px}.text{font-size:14px}.map-top{top:10px;left:10px;right:10px}.tools{gap:1px;max-width:calc(100% - 55px)}.tools button{padding:8px}.legend{max-width:80%;font-size:10px}.lobby{margin:24px auto;padding:0 18px}.lobby h1{font-size:33px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.case{padding:14px;min-height:140px}.case strong{font-size:17px}.lobby-top{align-items:start}.room-tag{font-size:12px}.zoom button{width:37px;padding:7px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.candidate[hidden]{display:none}.room-list{display:flex;gap:6px;flex-wrap:wrap}.view{padding:2px 7px}.room-list button{font-size:12px}

.case-art{position:absolute;width:85px;height:85px;object-fit:contain;right:8px;top:4px;opacity:.65;pointer-events:none}.case strong{position:relative;z-index:1;max-width:85%}.dossier-art{display:block;width:120px;height:105px;object-fit:contain;margin:8px auto}.case{overflow:hidden}.case .eyebrow{position:relative;z-index:1}.case small{position:relative;z-index:1}@media(max-width:800px){.dossier-art{float:right;width:60px;height:60px;margin:0}.tools span{display:none}.tools button{min-width:34px;min-height:34px}}

.note-removers{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden}.note-removers button{position:absolute;transform:translate(-50%,-50%);width:25px;height:25px;padding:0;border:1px solid #626158;border-radius:50%;background:#fffdf5ed;line-height:20px;font-size:21px;pointer-events:auto;box-shadow:0 1px 4px #0003}.note-removers button:before{content:"";position:absolute;inset:-8px}.note-removers button:hover{background:#ffd9c9}.note-removers button[hidden]{display:none}

body.investigating{overflow:hidden}body.investigating header{position:fixed;z-index:10;top:12px;left:18px;right:18px;height:56px;padding:8px 12px;border:1px solid #23231f45;border-radius:12px;background:#fffdf5ed;box-shadow:0 3px 14px #0001}body.investigating .wordmark{font-size:22px}body.investigating .desk{position:fixed;inset:0;height:100dvh;display:block}body.investigating .map-wrap{position:absolute;inset:0}body.investigating .map-top{top:83px}body.investigating .dossier{position:absolute;z-index:8;left:50%;top:52%;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 164px);height:auto;padding:25px;border:1.5px solid #34332b;border-radius:13px;box-shadow:0 15px 60px #0004;background:#fffdf5;overflow:auto}body.investigating .dossier[hidden]{display:none}body.investigating .dossier .team{display:none}.close-card{position:absolute;top:8px;right:8px;z-index:2;border:0;box-shadow:none;font-size:24px;padding:1px 9px;background:#fffdf5}.case-cards{position:absolute;bottom:20px;left:18px;z-index:5;font-weight:bold;background:#f5ce39}.map-bottom{bottom:76px}.case-pictures{display:flex;align-items:center;gap:12px;padding-right:22px;margin-bottom:18px}.case-title-image{width:55%;max-height:95px;object-fit:contain}.case-photo{width:40%;max-height:155px;object-fit:contain;filter:drop-shadow(2px 4px 3px #0002)}.dossier-art{width:85px;height:75px;margin:0 auto}.dossier .progress{margin:14px 0}.dossier h2{margin:14px 0}.dossier .primary{margin-top:12px}#sound output{display:inline-block;margin:0 8px 12px;font-variant-numeric:tabular-nums}#sound input[type=range]{display:block;width:100%;accent-color:#e8be1f}#soundText{font-size:12px}@media(max-width:800px){body.investigating header{top:8px;left:8px;right:8px;height:52px;padding:7px}body.investigating .wordmark{font-size:18px}body.investigating header nav{gap:4px}body.investigating .map-top{top:72px}body.investigating .dossier{top:52%;max-height:calc(100dvh - 145px);padding:20px}body.investigating .case-pictures{display:flex}body.investigating .case-photo{max-height:115px}.case-title-image{max-height:65px}.map-bottom{bottom:73px}body.investigating .dossier .primary{width:100%}body.investigating #soundText{display:none}.legend{display:none}.case-cards{bottom:18px;left:12px}}

.difficulty-stars{display:inline-flex;gap:3px;align-items:center;background:#fff9e7;border:1px solid #dccb97;border-radius:20px;padding:5px 9px;box-shadow:0 2px 4px #5a401014;letter-spacing:0;line-height:1;margin-bottom:12px}.difficulty-stars svg{width:23px;height:23px;fill:#e7e2d7;stroke:#bcb4a1;stroke-width:1.3}.difficulty-stars svg.lit{fill:#f5c442;stroke:#a2700c;filter:drop-shadow(0 1px 0 #fff5)}.difficulty-stars>span{font-size:12px;font-weight:bold;margin-left:5px;color:#695323}.case .eyebrow{display:block}.case .difficulty-stars{padding:4px 7px}.case .difficulty-stars svg{width:19px;height:19px}.case .difficulty-stars>span{font-size:10px}.case-pictures{margin-top:5px}

.close-card{width:40px;height:40px;line-height:36px;padding:0;touch-action:manipulation}.case-photo{border:7px solid #fff;outline:1px solid #37362c;transform:rotate(-3deg);box-shadow:2px 3px 2px #0002}

.card-history{display:flex;gap:10px;align-items:center;justify-content:center;margin:-2px 0 12px;font-size:12px}.card-history button{padding:3px 10px;background:transparent;box-shadow:none;border-color:#ccc4ad}.card-history button:disabled{opacity:.25}

body.investigating .dossier{left:auto;right:78px;top:145px;transform:none;width:min(400px,36vw);max-height:calc(100dvh - 175px)}body.investigating .dossier .case-pictures{margin-bottom:10px}body.investigating .dossier .case-photo{max-height:100px}body.investigating .dossier .dossier-art{height:55px}body.investigating .dossier .case-title-image{max-height:70px}@media(max-width:800px){body.investigating .dossier{top:auto;bottom:75px;left:12px;right:12px;width:auto;max-height:42dvh;padding:18px}.dossier .case-pictures{display:flex!important;max-height:60px}.dossier .case-pictures img{max-height:55px!important}.dossier .card-history{margin-bottom:8px}.dossier .difficulty-stars{margin-bottom:8px}.dossier .progress{margin:8px 0}.dossier h2{margin:10px 0}.dossier .text{font-size:14px}}