:root{--ink:#071014;--panel:#0b171d;--panel2:#102129;--line:#29404a;--text:#e8eef0;--muted:#8da0a8;--yellow:#f4c430;--yellow-soft:#ffd95a;--danger:#a83d36;--cyan:#9bbbc8}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--text);font-family:"Pretendard","Noto Sans KR",Arial,sans-serif}button{font:inherit;color:inherit}.screen{display:none;width:100vw;height:100vh}.screen.active{display:flex}.eyebrow{margin:0 0 12px;color:var(--yellow);font-size:11px;letter-spacing:.22em;font-weight:800}.opening-screen{position:relative;align-items:center;padding:9vw;background:radial-gradient(circle at 76% 35%,#19323c 0,transparent 30%),linear-gradient(115deg,#071014 50%,#10252c);overflow:hidden}.opening-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(244,196,48,.08) 50%,transparent 50.2%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px);background-size:100% 100%,100% 5px}.scanlines{position:absolute;width:40vw;height:40vw;right:6vw;border:1px solid #29434b;transform:rotate(45deg);opacity:.28}.scanlines:after,.scanlines:before{content:"";position:absolute;inset:12%;border:1px solid #29434b}.scanlines:after{inset:28%}.opening-copy{position:relative;z-index:2;max-width:780px}.opening-copy h1{font-size:clamp(54px,6.2vw,100px);line-height:1.04;letter-spacing:-.055em;margin:0 0 28px;font-weight:850}.opening-copy h1 span{color:#9badb4}.lead{color:#b8c5ca;font-size:17px;line-height:1.85}.assignment{border-left:3px solid var(--yellow);display:flex;flex-direction:column;gap:5px;padding:10px 18px;margin:36px 0}.assignment span{font-size:10px;letter-spacing:.18em;color:var(--muted)}.assignment strong{font-size:15px}.primary-btn{border:0;background:var(--yellow);color:#12150d;padding:16px 22px;font-weight:850;letter-spacing:.02em;cursor:pointer;box-shadow:0 0 30px rgba(244,196,48,.13)}.primary-btn:hover{background:var(--yellow-soft)}.primary-btn:disabled{background:#304047;color:#728087;box-shadow:none;cursor:not-allowed}.primary-btn span{margin-left:26px}.case-number{position:absolute;right:5vw;bottom:-10vh;font-size:45vw;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(147,184,198,.08);font-weight:900}.topbar{height:60px;flex:0 0 60px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#081217}.brand{font-size:13px;font-weight:900;letter-spacing:.12em}.brand span{color:var(--muted);font-weight:500}.status-label{font-size:11px;color:var(--muted);letter-spacing:.08em}.suspects-screen{flex-direction:column;background:linear-gradient(135deg,#081217,#0b171c)}.suspect-main{padding:42px clamp(30px,5vw,84px);height:calc(100vh - 60px);display:flex;flex-direction:column}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-heading h2,.location-heading h2,.board-header h2{font-size:30px;margin:0;letter-spacing:-.04em}.section-heading>p{max-width:470px;color:var(--muted);font-size:13px;line-height:1.7}.suspect-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;min-height:0;flex:1}.suspect-card{position:relative;background:#0d1a20;border:1px solid var(--line);overflow:hidden;cursor:pointer;transition:.2s;text-align:left;padding:0}.suspect-card:hover,.suspect-card.seen{border-color:var(--yellow);transform:translateY(-3px)}.suspect-card img{width:100%;height:58%;object-fit:cover;object-position:top;filter:saturate(.65) contrast(1.08)}.suspect-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 38%,#0b171d 63%);pointer-events:none}.suspect-info{position:absolute;z-index:1;left:18px;right:18px;bottom:18px}.suspect-info small{color:var(--yellow);font-size:10px;letter-spacing:.12em}.suspect-info h3{margin:7px 0 5px;font-size:21px}.suspect-info p{margin:0;color:#aab8bd;font-size:12px;line-height:1.55}.seen-mark{position:absolute;z-index:2;right:12px;top:12px;background:var(--yellow);color:#111;padding:5px 8px;font-size:9px;font-weight:900;display:none}.suspect-card.seen .seen-mark{display:block}.briefing-footer{display:flex;justify-content:flex-end;align-items:center;gap:24px;padding-top:20px}.briefing-footer>span{font-size:12px;color:var(--muted)}.game-screen{flex-direction:column;background:#050b0e}.game-topbar nav{display:flex;gap:8px}.round-status{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.12em;color:var(--muted)}.round-status strong{font-size:18px;color:var(--text)}.round-status strong:last-child{color:var(--yellow)}.round-status i{height:20px;width:1px;background:var(--line);margin:0 10px}.text-btn,.board-nav-btn{border:1px solid var(--line);background:#0d1a20;padding:9px 13px;cursor:pointer;font-size:11px}.text-btn:hover,.board-nav-btn:hover{border-color:var(--yellow)}.board-nav-btn span{display:inline-grid;place-items:center;background:var(--yellow);color:#111;border-radius:20px;min-width:19px;height:19px;margin-left:8px;font-weight:900}.scene-shell{height:calc(100vh - 172px);padding:16px 28px 0}.location-heading{height:58px;display:flex;justify-content:space-between;align-items:center}.location-heading .eyebrow{margin-bottom:3px}.location-heading h2{font-size:22px}.scene-tools{display:flex;align-items:center;gap:24px;font-size:11px;color:var(--muted)}.debug-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.debug-toggle input{display:none}.debug-toggle span{width:30px;height:16px;border-radius:10px;background:#26363d;position:relative}.debug-toggle span:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#8c9aa0;top:3px;left:3px;transition:.2s}.debug-toggle input:checked+span{background:#7c671c}.debug-toggle input:checked+span:after{left:17px;background:var(--yellow)}.scene{height:calc(100% - 58px);position:relative;overflow:hidden;border:1px solid #22363f;background:#0a1115}.scene>img{width:100%;height:100%;display:block;object-fit:contain}.scene-toast{position:absolute;top:16px;left:50%;transform:translateX(-50%);background:rgba(5,12,15,.86);border:1px solid #31434a;color:#b1bec3;padding:8px 14px;font-size:11px;pointer-events:none;transition:.3s}.hotspot{position:absolute;border:1px solid transparent;background:transparent;cursor:crosshair;color:#111}.hotspot span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--yellow);padding:7px 10px;white-space:nowrap;font-size:10px;font-weight:900;opacity:0;box-shadow:0 0 22px rgba(244,196,48,.6)}.hotspot:hover{border-color:var(--yellow);background:rgba(244,196,48,.12)}.hotspot:hover span{opacity:1}.hotspot.done{border-color:rgba(244,196,48,.45);background:rgba(244,196,48,.06)}.hotspot.done span{background:#b7a356}.hotspot.trash{left:20.2%;top:43.7%;width:4.2%;height:15%}.hotspot.drawer{left:65.6%;top:45.6%;width:5.4%;height:16%}.hotspot.body{left:43.2%;top:48%;width:19%;height:15%}.scene.debug .hotspot{border:2px dashed var(--yellow);background:rgba(244,196,48,.16)}.scene.debug .hotspot span{opacity:1}.clue-inventory{height:112px;background:#091419;border-top:1px solid var(--line);display:flex;padding:12px 28px;gap:20px}.inventory-title{width:110px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;font-size:12px;font-weight:800}.inventory-title small{color:var(--yellow);margin-top:7px}.clue-list{display:flex;gap:10px;align-items:stretch;min-width:0}.empty-inventory{color:#61727a;font-size:11px;margin:auto 0}.clue-card{width:190px;border:1px solid #344953;background:#102129;padding:11px;text-align:left;cursor:pointer;position:relative}.clue-card:hover{border-color:var(--yellow)}.clue-card small{display:block;color:var(--yellow);font-size:9px;letter-spacing:.12em}.clue-card strong{display:block;margin-top:7px;font-size:13px}.clue-card i{position:absolute;right:8px;bottom:7px;color:#63757c;font-size:10px;font-style:normal}.modal,.board-overlay{position:fixed;inset:0;z-index:20;display:none}.modal.open,.board-overlay.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(1,5,7,.78);backdrop-filter:blur(7px)}.modal-panel{position:absolute;width:min(620px,calc(100vw - 40px));max-height:calc(100vh - 60px);overflow:auto;left:50%;top:50%;transform:translate(-50%,-50%);background:#0c181e;border:1px solid #3b5059;box-shadow:0 30px 100px #000;padding:30px}.modal-panel:before{content:"";display:block;width:45px;height:3px;background:var(--yellow);margin-bottom:22px}.modal-close{position:absolute;right:18px;top:16px;background:none;border:0;color:#899aa1;font-size:24px;cursor:pointer}.modal-label{color:var(--yellow);font-size:10px;letter-spacing:.16em}.modal-panel h2{font-size:27px;margin:9px 0 8px}.modal-location{color:var(--muted);font-size:12px}.modal-description{border-top:1px solid var(--line);margin-top:20px;padding-top:20px;line-height:1.8;font-size:14px;color:#d3dcdf;white-space:pre-line}.modal-actions{display:flex;justify-content:flex-end;margin-top:24px}.profile-list{display:grid;gap:12px}.profile-row{display:grid;grid-template-columns:85px 1fr;gap:16px;border:1px solid var(--line);padding:10px;background:#0d1b21}.profile-row img{width:85px;height:105px;object-fit:cover;object-position:top;filter:saturate(.6)}.profile-row h3{margin:3px 0;font-size:16px}.profile-row p{margin:5px 0;color:#9cadb4;font-size:11px;line-height:1.5}.board-overlay{background:#071014}.board-header{height:72px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 28px}.board-header .eyebrow{margin-bottom:2px}.board-header h2{font-size:23px}.board-header>div:last-child{display:flex;gap:10px}.close-btn{border:0;background:transparent;font-size:28px;color:#91a1a8;cursor:pointer}.board-layout{height:calc(100vh - 72px);display:grid;grid-template-columns:245px 1fr}.board-layout>aside{padding:24px;border-right:1px solid var(--line);background:#0a151a}.board-layout aside h3{font-size:13px;margin:0}.board-layout aside>p{color:var(--muted);font-size:10px;line-height:1.5}.board-source{display:grid;gap:9px;margin-top:20px}.board-source .clue-card{width:100%;height:72px}.board-canvas{position:relative;overflow:hidden;background-color:#142024;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px}.board-watermark{position:absolute;right:5%;bottom:5%;font-size:110px;line-height:.7;font-weight:900;color:rgba(255,255,255,.025);text-align:right;pointer-events:none}.board-watermark span{font-size:29px;letter-spacing:.2em}.board-item{position:absolute;width:220px;min-height:120px;background:#d4d0bc;color:#192024;padding:18px;box-shadow:0 12px 30px rgba(0,0,0,.35);cursor:grab;transform:rotate(-1deg);user-select:none}.board-item.clue:before{content:"EVIDENCE";font-size:9px;letter-spacing:.15em;color:#716b4b}.board-item h4{margin:8px 0;font-size:16px}.board-item p{margin:0;font-size:11px;line-height:1.55}.board-item .pin{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--yellow);top:7px;left:50%;box-shadow:0 2px 4px #555}.board-item.note{background:#e8d676;min-height:150px;transform:rotate(1deg)}.board-item.note textarea{width:100%;height:100px;resize:none;border:0;background:transparent;color:#282611;font:13px/1.6 inherit;outline:none}.board-empty{color:#65777e;font-size:11px;padding:9px}.board-item.dragging{cursor:grabbing;z-index:3}.complete-banner{border:1px solid var(--yellow);background:rgba(244,196,48,.08);padding:12px;color:var(--yellow);font-size:12px;margin-top:18px}@media(max-width:900px){.suspect-grid{grid-template-columns:repeat(2,1fr);overflow:auto}.section-heading>p{display:none}.scene-shell{padding-left:10px;padding-right:10px}.clue-inventory{padding-left:10px}.game-topbar{padding:0 12px}.game-topbar .brand{display:none}.clue-card{width:150px}}