/* The game is a physical room. The catalogue keeps its own visual language. */
body.in-cabinet{overflow:hidden;background:#100f0c}.detective-room{height:100dvh;position:relative;isolation:isolate;overflow:hidden;color:#eee7d6;background:#17150f}.room-backdrop{position:absolute;inset:0;z-index:-3;background:linear-gradient(#0b0e0a55,#0b0a08aa),url('/assets/room.webp') center/cover;filter:saturate(.75)}.room-light{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 17% 58%,#db9c321c,transparent 53%),radial-gradient(ellipse at 50% 50%,transparent 30%,#000a 100%);pointer-events:none}.cabinet-bar{height:68px;display:flex;align-items:center;gap:25px;padding:0 30px;position:relative;z-index:12;background:linear-gradient(#0b0c09e8,#11120ce0);border-bottom:1px solid #ddc9a522;box-shadow:0 8px 30px #0004}.cabinet-brand{font-weight:900;font-size:34px;color:#d39358;letter-spacing:-2px;display:flex;gap:9px;align-items:center}.cabinet-brand>span{color:#e0ddcf;font-size:18px;letter-spacing:-.7px}.cabinet-return{display:flex;align-items:center;gap:7px;background:none;color:#b6b39c;font-size:11px;border-left:1px solid #ffffff16;padding-left:22px}.cabinet-return .icon{width:16px;height:16px}.cabinet-title{margin:auto;line-height:1.4}.cabinet-title>span{display:block;font:8px var(--mono);letter-spacing:1.8px;color:#a49c7c;margin-bottom:4px}.cabinet-title>strong{font-size:12px;font-weight:500;color:#d6ceb8}.cabinet-status{font:9px var(--mono);color:#9da184;display:flex;align-items:center;gap:7px}.cabinet-status>i{width:4px;height:4px;background:#aaa76a;border-radius:50%;box-shadow:0 0 10px #d5c57566}.cabinet-archive{display:flex;align-items:center;gap:8px;background:none;color:#c3bea6;font-size:11px;padding:8px 0 8px 15px;border-left:1px solid #ffffff15}.cabinet-archive .icon{width:17px;height:17px}.stage-content{height:calc(100dvh - 166px);overflow:auto;position:relative;scrollbar-color:#6f6343 #171811;scrollbar-width:thin}.stage-overview{overflow:hidden;height:calc(100dvh - 68px)}.stage-board,.stage-evidence{overflow:hidden}.desk-dock{position:absolute;z-index:15;bottom:0;left:0;right:0;height:101px;display:flex;justify-content:center;align-items:end;gap:26px;padding:12px 30px 10px;background:linear-gradient(0deg,#19140ff5,#32261cea 75%,#1c190e22);box-shadow:0 -2px 0 #a4874d33,0 -13px 60px #0005;perspective:900px}.desk-object{position:relative;display:flex;align-items:center;flex-direction:column;gap:6px;min-width:73px;padding:0 5px;background:none;color:#b4ac90;transition:transform .25s,color .25s;transform:rotate(var(--object-angle)) translateY(3px);transform-style:preserve-3d}.desk-object .dock-art{width:62px;height:50px;display:block;background-size:cover;background-position:center;border:4px solid #c8b995;border-bottom-width:10px;box-shadow:4px 5px 6px #0008,0 0 0 1px #2c241a;filter:saturate(.65) brightness(.78);transform:rotateX(12deg)}.desk-object>span:last-of-type{font-size:10px;text-shadow:0 2px 3px #000;letter-spacing:.2px}.desk-object:hover,.desk-object.selected{color:#e8d4a5;transform:rotate(0deg) translateY(-6px)}.desk-object.selected .dock-art,.desk-object:hover .dock-art{filter:none;border-color:#e0d0ae;box-shadow:4px 8px 12px #0008,0 0 16px #d2a76525}.desk-object.selected:after{content:'';position:absolute;bottom:-7px;width:23px;height:2px;background:#d89356;box-shadow:0 0 12px #e8b45277}.desk-object small{position:absolute;top:-4px;right:4px;min-width:17px;height:17px;border-radius:50%;background:#9c4c35;color:#ead7b5;font:9px/17px var(--mono);box-shadow:1px 2px 4px #000a}.object-notes .dock-art{border:0;border-radius:3px;background:linear-gradient(90deg,#241b14 8%,#554631 10%,#3d3223 13%,#403929 90%,#191910 93%);box-shadow:2px 5px 0 #b2a17d,4px 8px 8px #000a;width:48px;transform:rotateY(-20deg) rotateX(15deg)}.object-notes .dock-art:after{content:'ВЕРСИИ';font:7px var(--mono);letter-spacing:1px;color:#a99768;position:absolute;top:20px;left:7px}.object-final .dock-art{background:linear-gradient(151deg,transparent 48%,#aa9470 49%,#c3b18a 51%,transparent 52%),linear-gradient(29deg,#c4b18b 50%,#aa9876 51%);border:1px solid #8e7957;transform:rotateX(16deg)}.object-final .dock-art:after{content:'';position:absolute;left:24px;top:19px;width:14px;height:14px;background:#863e2b;border-radius:50%;box-shadow:inset 1px 1px 3px #d39772,1px 2px 3px #0007}.hand-label{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:1.8px;color:#bd9c65}.world-heading{margin-bottom:22px}.world-heading h1{font-size:29px;font-weight:500;line-height:1.3;letter-spacing:-1px;margin:7px 0}.world-heading p{font:10px var(--mono);color:#a5a68d;line-height:1.8}.room-stage{height:100%;position:relative;perspective:1400px;transform-style:preserve-3d;--look-x:0deg;--look-y:0deg}.room-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0007,transparent 38%,#0003),linear-gradient(0deg,#0005,transparent 45%);pointer-events:none}.room-hero-copy{position:absolute;top:6%;left:4%;max-width:330px;text-shadow:0 2px 15px #000}.room-hero-copy h1{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:10px 0;color:#e6dbc3}.room-hero-copy p{font:10px var(--mono);color:#b6b096}.object-caption{font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#e9dabd;background:#15170ef0;padding:10px 14px;position:absolute;bottom:-18px;left:10%;right:10%;border:1px solid #b69d5944;box-shadow:0 5px 15px #0009;transition:transform .2s,background .2s;white-space:nowrap}.object-caption .icon{width:15px;height:15px}.room-stage button:hover .object-caption{background:#363023;transform:translateY(-4px)}.room-board-object{position:absolute;left:37%;top:6%;width:35%;height:47%;background:#90754e;box-shadow:0 0 0 10px #382c1d,0 0 0 13px #7b5a35,12px 20px 25px #0009,inset 0 0 50px #33210c66;border:3px solid #b69154;transform:rotateY(calc(-3deg + var(--look-x))) rotateX(var(--look-y));transform-style:preserve-3d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.36' filter='url(%23c)'/%3E%3C/svg%3E")}.tiny-photo{position:absolute;left:10%;top:13%;width:40%;height:56%;background-size:cover;background-position:center;transform:translateZ(8px) rotate(-8deg);border:7px solid #d7c9a8;border-bottom-width:23px;box-shadow:4px 5px 7px #0007}.tiny-photo:before,.tiny-note:before{content:'';position:absolute;top:-8px;left:50%;width:7px;height:7px;background:#8e352a;border-radius:50%;box-shadow:1px 2px 3px #000}.tiny-note{position:absolute;background:#d6cba8;color:#48432a;font:italic 15px/1.6 var(--mono);padding:17px 15px;box-shadow:2px 3px 6px #0006}.note-one{right:7%;top:13%;transform:translateZ(6px) rotate(6deg)}.note-two{right:15%;bottom:8%;transform:translateZ(9px) rotate(-4deg)}.tiny-string{position:absolute;left:29%;top:14%;width:52%;height:37%;border-right:2px solid #a23e2d;border-top:2px solid #a23e2d;transform:translateZ(13px) rotate(16deg);filter:drop-shadow(1px 3px 1px #0009)}.room-map-object{position:absolute;left:7%;top:60%;width:26%;height:26%;background:#c8b58a;padding:8px;box-shadow:7px 12px 20px #000b;transform:rotateX(calc(30deg + var(--look-y))) rotateZ(-9deg) rotateY(var(--look-x));transform-style:preserve-3d}.room-map-object img{width:100%;height:100%;object-fit:cover;filter:sepia(.35) brightness(.85)}.room-map-object:after{content:'';position:absolute;inset:8px;background:linear-gradient(90deg,transparent 48.5%,#0002 49%,#fff2 50%,transparent 51.5%);pointer-events:none}.room-dossier-object{position:absolute;left:43%;top:63%;width:25%;height:24%;padding:26px 25px 20px;background:linear-gradient(115deg,#928369,#b0a080 50%,#8c7d62);border-radius:1px 7px 2px 2px;box-shadow:8px 12px 18px #000b,inset 0 0 0 1px #746447;transform:rotateX(calc(25deg + var(--look-y))) rotateZ(7deg) rotateY(var(--look-x));text-align:left;color:#413b2b}.room-dossier-object:before{content:'';position:absolute;left:0;top:-12px;width:35%;height:14px;background:#a29373;border-radius:4px 5px 0 0}.room-dossier-object:after{content:'';position:absolute;top:7px;right:18px;width:30px;height:51px;border:3px solid #8e8976;border-radius:14px;transform:rotate(-5deg);box-shadow:1px 2px 3px #0005}.folder-stamp{font:11px var(--mono);border:2px solid #814b3766;color:#7f4632;padding:3px 8px;display:inline-block;transform:rotate(-6deg);margin-bottom:12px}.room-dossier-object>strong{font:15px/1.5 var(--mono);display:block;max-width:90%}.room-people-object{position:absolute;right:7%;top:46%;width:16%;height:33%;background:#d9ceb0;padding:7px 7px 28px;box-shadow:7px 12px 15px #000a;transform:rotateZ(9deg) rotateY(calc(-15deg + var(--look-x))) rotateX(var(--look-y));transform-style:preserve-3d}.room-people-object .character-photo{height:100%}.room-people-object .object-caption{left:-8%;right:-8%;bottom:-12px}.room-notebook-object{position:absolute;right:8%;bottom:1%;width:13%;height:16%;background:linear-gradient(90deg,#1f2117,#484831 10%,#353824 13%,#393a27 91%,#202417 94%);box-shadow:0 5px 0 #b4a47d,5px 11px 12px #000b;border-radius:4px;transform:rotateX(32deg) rotateZ(-8deg) rotateY(var(--look-x));text-align:left;padding:14px 23px;color:#bfb083;font:12px/1.5 var(--mono);text-shadow:0 1px #000}.notebook-elastic{position:absolute;right:14%;top:0;height:100%;width:7px;background:#191e10;box-shadow:1px 0 3px #0008}.room-invitation{position:absolute;bottom:18px;left:4%;display:flex;gap:9px;align-items:center;color:#c0b598;font:9px var(--mono);letter-spacing:.2px;text-shadow:0 2px 10px #000;max-width:67%}.room-invitation>span{display:block;width:4px;height:4px;background:#d4a768;border-radius:50%;box-shadow:0 0 12px #f2ac4699}.stage-overview~.desk-dock{opacity:0;transform:translateY(80px);transition:.3s}.stage-overview~.desk-dock:hover,.stage-overview~.desk-dock:focus-within{opacity:1;transform:none}.room-stage button{transition:filter .3s;cursor:pointer}.room-stage button:hover{filter:brightness(1.16)}
/* Cartography and large point-and-click scenes. */
.map-workspace{max-width:1180px;margin:auto;padding:28px 32px 20px}.map-frame{position:relative;isolation:isolate;aspect-ratio:3/2;max-height:calc(100dvh - 290px);margin:auto;box-shadow:0 20px 55px #000c,0 0 0 8px #4b3c29,0 0 0 9px #a18c59;border:3px solid #ad9772;background:#30332b;overflow:hidden;transform:perspective(1600px) rotateX(2deg);transform-origin:50% 80%}.world-map{width:100%;height:100%;object-fit:fill;display:block;filter:saturate(.65) brightness(.85)}.map-frame:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,transparent 45%,#171b0b66),linear-gradient(90deg,transparent 49.7%,#0a0e0b33 50%,transparent 50.3%);pointer-events:none;z-index:1}.map-routes{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.map-routes path{stroke:#d2a66f66;stroke-width:1.3;stroke-dasharray:4 6;fill:none}.map-place{position:absolute;transform:translate(-50%,-50%);z-index:3;border:0;background:none;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(2px 5px 4px #0009);min-width:100px}.map-pin{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#a95535;color:#f1dfbc;border:2px solid #e3ba77;border-radius:50% 50% 50% 0;transform:rotate(-45deg);font:11px var(--mono);box-shadow:inset 1px 2px 3px #ffffff25,0 2px 6px #0009}.map-pin .icon{width:15px;height:15px;transform:rotate(45deg)}.map-place:not(.locked) .map-pin{font-size:0}.map-place:not(.locked) .map-pin:after{content:attr(data-number)}.map-place-label{margin-top:10px;padding:6px 10px;background:#171b11ef;border:1px solid #b19b6a66;color:#e4dac1;text-align:center;line-height:1.4;max-width:210px}.map-place-label strong{display:block;font-size:10px;font-weight:500}.map-place-label small{display:block;font:7px var(--mono);color:#9caa81;margin-top:4px;white-space:nowrap}.map-place.locked{opacity:.66}.map-place.locked .map-pin{background:#353c2b;border-color:#68715a}.map-place:hover .map-place-label,.map-place:focus-visible .map-place-label{border-color:#e3b573;background:#3a3525}.map-place:hover .map-pin{box-shadow:0 0 23px #f8ca5b77}.map-place.complete .map-pin{background:#526140}.map-compass{position:absolute;left:4%;bottom:5%;font:8px var(--mono);text-align:center;color:#dbd1b4;z-index:3;text-shadow:0 2px 3px #000}.map-compass span{display:block;font-size:43px;line-height:1.2;color:#c7a66b}.map-caption{display:flex;justify-content:space-between;font:9px var(--mono);color:#bbb094;margin-top:19px;gap:20px}.location-scene{padding:20px 32px 18px;max-width:1450px;margin:auto}.scene-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:15px}.scene-top h1{font-size:24px;font-weight:500;letter-spacing:-.6px;margin-top:4px}.scene-top>div{text-align:center}.scene-top .hand-label{font-size:8px;letter-spacing:.9px}.field-back,.field-assist{display:flex;align-items:center;gap:9px;border:1px solid #d7bb7c33;background:#15170fe6;color:#c9bd9d;padding:10px 13px;font-size:10px;border-radius:2px;white-space:nowrap}.field-back .icon{transform:rotate(180deg);width:15px;height:15px}.field-assist .icon{width:16px;height:16px}.field-assist.on{color:#f3cf80;border-color:#d0ad55;background:#4a3d1f}.scene-artboard{width:min(100%,calc((100dvh - 345px)*1.5));min-width:480px;aspect-ratio:3/2;position:relative;margin:auto;background:#0c100b;box-shadow:0 17px 60px #000b,0 0 0 5px #2e281c,0 0 0 6px #b99c5b44;overflow:hidden;isolation:isolate}.scene-illustration{width:100%;height:100%;display:block;object-fit:fill;user-select:none}.scene-vignette{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse,transparent 55%,#090d0755);pointer-events:none}.scene-object{position:absolute;background:transparent;border:1px solid transparent;border-radius:16%;z-index:3;cursor:crosshair;touch-action:manipulation;color:#ffdda1;transition:background .3s,border .3s}.scene-object:hover,.scene-object:focus-visible,.assist-on .scene-object{border-color:#e8ce8666;background:#d7b14f0a;box-shadow:0 0 25px #c8b15d16,inset 0 0 25px #b3944622;outline:none}.object-target{position:absolute;inset:20%;border:1px solid transparent;border-radius:50%;transition:.3s;pointer-events:none}.scene-object:hover .object-target,.scene-object:focus-visible .object-target{border-color:#f5dda388;transform:scale(.9)}.scene-object:hover .object-target:after,.scene-object:focus-visible .object-target:after{content:'＋';font:20px var(--mono);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#f5dda3}.scene-object-label{position:absolute;left:50%;bottom:-20px;transform:translate(-50%,5px);white-space:nowrap;opacity:0;background:#0e140de8;color:#e8dab8;font:9px var(--mono);padding:6px 10px;border:1px solid #d0ac5b77;pointer-events:none;box-shadow:0 5px 10px #0008;transition:.2s}.scene-object:hover .scene-object-label,.scene-object:focus-visible .scene-object-label,.assist-on .scene-object-label{opacity:1;transform:translate(-50%,0)}.assist-on .object-target{border-color:#eac47c88;border-style:dashed;inset:29%}.examined-marker{position:absolute;right:3%;top:3%;font:8px/17px var(--mono);width:17px;height:17px;border-radius:50%;background:#c6c092e0;color:#292f1b;border:1px solid #f3e4b0;box-shadow:1px 2px 5px #0008;opacity:.8}.scene-coordinate{position:absolute;left:17px;bottom:15px;z-index:2;font:8px var(--mono);color:#d0c298;letter-spacing:2px;text-shadow:0 1px 4px #000}.scene-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px;max-width:1030px;margin:19px auto 0}.scene-bottom>p{font-size:11px;color:#bbb397;line-height:1.9;max-width:700px}.scene-bottom>div{display:flex;gap:12px;align-items:center;white-space:nowrap;font:8px var(--mono);color:#a6a98b}.scene-count{font:25px var(--mono);color:#d9c99b}.scene-count small{font-size:13px;color:#9c9a7d}.field-instruction{text-align:center;font:8px/1.8 var(--mono);color:#8b9479;max-width:800px;margin:10px auto 0}.finding-art{height:240px;background-size:200%;position:relative;box-shadow:inset 0 0 70px #0009;border-bottom:6px solid #b8a77e}.finding-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c100bae,transparent 65%);pointer-events:none}.finding-art small{position:absolute;bottom:14px;left:25px;z-index:2;font:9px var(--mono);letter-spacing:1.5px;color:#e2d0a2}.finding-reticle{position:absolute;left:50%;top:50%;width:90px;height:90px;transform:translate(-50%,-50%);border:1px solid #edc47b66;border-radius:50%;box-shadow:0 0 0 10px #edc47b0c}.finding-reticle:after{content:'＋';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#ead8ad;font:22px var(--mono)}.find-documents{display:grid;gap:10px;margin:22px 0}.find-documents>button{display:flex;gap:13px;align-items:center;text-align:left;background:#c8c6a010;border:1px solid #c8b88444;padding:15px;color:#d8d5b6;border-radius:2px}.find-documents>button:hover{border-color:#debd73}.find-documents>button>span{flex:1}.find-documents strong{font-size:13px;font-weight:500;display:block}.find-documents small{font:9px var(--mono);color:#8d9b77;display:block;margin-top:5px}.field-save-note{font:9px/1.8 var(--mono)!important;color:#899676!important;margin-top:16px!important}
/* Real cork, loose paper, draggable photos and red thread. */
.investigation-table{height:100%;display:flex;flex-direction:column;padding:20px 25px 16px;max-width:1900px;margin:auto}.board-command{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:25px;flex:none}.board-command h1{font-size:25px;font-weight:500;letter-spacing:-.8px;margin-top:4px}.board-tools{display:flex;align-items:center;gap:1px;background:#12170de0;border:1px solid #b09c6333;border-radius:3px;padding:3px}.board-tools button{background:transparent;padding:5px 9px;font:20px var(--mono);color:#beb999;display:flex;align-items:center;justify-content:center;min-width:30px;height:29px}.board-tools button:hover{background:#d3c58e15}.board-tools button .icon{width:16px;height:16px}.board-tools>span{font:9px var(--mono);color:#a0a98b;min-width:39px;text-align:center}.board-and-tray{flex:1;min-height:0;display:grid;grid-template-columns:1fr 260px;gap:19px}.board-viewport{position:relative;overflow:hidden;background:radial-gradient(ellipse,#6e53312b,#0c110bcc 85%);border:1px solid #e3ca8129;box-shadow:inset 0 0 80px #0009,0 15px 30px #0005;cursor:grab;touch-action:none;border-radius:4px}.board-viewport:active{cursor:grabbing}.board-viewport.drop-ready{box-shadow:inset 0 0 60px #d8b2562a,0 0 0 2px #d6b96477}.board-world{width:1400px;height:900px;position:absolute;left:0;top:0;transform-origin:0 0;transform-style:preserve-3d;background:linear-gradient(135deg,#94734b,#a78353 45%,#8e6c43);border:20px solid #3d2c1a;border-image:linear-gradient(105deg,#211b12,#7e5831 12%,#49311b 35%,#9a7142 51%,#432f1c 70%,#1e190f) 20;box-shadow:0 0 0 2px #ba9c60,0 0 0 5px #221a0f,0 30px 45px #000c,inset 0 0 50px #3b260c88;user-select:none}.cork-grain{position:absolute;inset:0;pointer-events:none;opacity:.74;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.42' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.65' filter='url(%23k)'/%3E%3C/svg%3E"),radial-gradient(#352d1c66 .6px,transparent 1px),radial-gradient(#dec48a66 .8px,transparent 1px);background-size:180px,7px 9px,11px 13px;mix-blend-mode:multiply}.board-case-label{position:absolute;top:24px;left:50%;transform:translateX(-50%) rotate(-1deg);background:#c4b58c;color:#5c4b32;font:12px var(--mono);letter-spacing:2px;padding:8px 30px;box-shadow:1px 2px 4px #0005;z-index:1}.board-case-label:before{content:'';position:absolute;inset:-5px 35% auto;height:11px;background:#b5b08777;transform:rotate(-5deg)}.board-case-label small{display:block;font:9px var(--sans);text-transform:none;letter-spacing:.4px;text-align:center;margin-top:2px}.thread-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:4;pointer-events:none}.thread-shadow{stroke:#20180eb0;stroke-width:5;fill:none;transform:translate(2px,4px)}.thread-cord{stroke:#a63f31;stroke-width:2.5;fill:none;filter:drop-shadow(0 -1px 0 #db765055)}.thread-hit{stroke:transparent;stroke-width:20;fill:none;pointer-events:stroke;cursor:pointer}.thread-label{opacity:.2;transition:opacity .2s;pointer-events:all;cursor:pointer}.thread:hover .thread-label,.thread:focus-visible .thread-label{opacity:1}.thread-label rect{fill:#c9bb91;stroke:#8e7447;stroke-width:.5;filter:drop-shadow(1px 3px 2px #0007)}.thread-label text{font:10px var(--mono);fill:#5b3b2a;pointer-events:none}.thread-draft{stroke:#e7a26b;stroke-width:3;stroke-dasharray:6 4;fill:none;filter:drop-shadow(1px 3px 2px #0008)}.board-material{position:absolute;width:164px;height:208px;z-index:3;touch-action:none;cursor:grab;outline:none;transform:rotate(var(--paper-turn));transform-origin:50% 12px;filter:drop-shadow(3px 7px 3px #0007);transition:filter .18s}.board-material:hover{filter:drop-shadow(4px 10px 6px #0009)}.board-material.being-dragged{z-index:8;cursor:grabbing;filter:drop-shadow(12px 20px 12px #0009);transform:rotate(0) scale(1.025)}.material-face{height:100%;padding:9px 9px 12px;background:#d7c9a7;color:#3c3929;box-shadow:inset 0 0 25px #7f623b1f;overflow:hidden;position:relative;display:flex;flex-direction:column;border:1px solid #b9a780}.material-face:after{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.1' filter='url(%23p)'/%3E%3C/svg%3E");pointer-events:none;mix-blend-mode:multiply}.material-picture{height:87px;background-size:cover;background-position:center;display:block;flex:none;filter:saturate(.55) contrast(.95);border:1px solid #6b624833}.material-face>strong{font:11px/1.45 var(--mono);display:block;margin-top:9px;font-weight:500;letter-spacing:-.2px;position:relative;z-index:1}.material-face>small{font:7px var(--mono);display:block;color:#81765a;margin-top:auto;padding-top:5px;text-transform:uppercase;letter-spacing:.3px}.paper-type{font:7px var(--mono);color:#8a4935;margin-top:9px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #8d7c4c44;padding-bottom:5px}.paper-lines{height:14px;position:absolute;bottom:24px;left:10px;right:10px;background:repeating-linear-gradient(0deg,#766d4a22 0 1px,transparent 1px 5px)}.document-material .material-picture{height:66px;filter:sepia(.4) saturate(.5) contrast(.85)}.document-material .material-face{background:linear-gradient(110deg,#dbcfaf,#c8ba95)}.photo-material .material-face,.person-material .material-face{background:#d9cfb3;padding:9px 9px 14px}.photo-material .material-picture{height:133px}.photo-material .material-face>strong,.person-material .material-face>strong{font:10px/1.3 var(--mono);margin-top:10px;flex:1}.photo-material .material-face>small,.person-material .material-face>small{font-size:7px}.character-photo{display:block;background-size:400% 100%;background-repeat:no-repeat;background-color:#24291f;filter:saturate(.6) contrast(.98);width:100%;height:100%;position:relative}.person-material .character-photo{height:138px;flex:none;border:1px solid #3c3c2a44}.string-pin{position:absolute;top:2px;left:74px;width:17px;height:17px;border:1px solid #5b2119;border-radius:50%;background:radial-gradient(circle at 32% 25%,#edb481 0 8%,#b25039 22%,#7b3024 70%,#4b2119);box-shadow:1px 4px 3px #000a,0 0 0 3px #c49a6233;z-index:7;cursor:crosshair;touch-action:none;padding:0}.string-pin:hover,.string-pin:focus-visible,.thread-active{box-shadow:0 0 0 7px #dc9e5d77,0 0 28px #e2a04a88}.thread-target .material-face{outline:5px solid #d8a45a;box-shadow:0 0 30px #edbd5e88}.remove-pin{position:absolute;right:3px;top:3px;width:17px;height:17px;z-index:6;background:#534331cc;border-radius:50%;color:#d6c59d;font:12px/15px var(--mono);padding:0;opacity:0}.board-material:hover .remove-pin,.remove-pin:focus-visible{opacity:1}.board-empty-note{position:absolute;left:31%;top:37%;transform:rotate(-5deg);padding:30px 38px;background:#c6bd90;color:#51492e;box-shadow:4px 9px 10px #0005;max-width:480px;border:1px solid #9f8c60;z-index:2}.board-empty-note:before{content:'';position:absolute;top:-10px;left:40%;width:90px;height:25px;background:#b4ae7a8c;transform:rotate(7deg)}.board-empty-note>span{font:italic 25px var(--mono)}.board-empty-note>p{font:14px/1.9 var(--mono);margin:20px 0;color:#6a6244}.board-empty-note>i{font:italic 13px var(--mono);color:#8b5738}.is-hidden{display:none}.board-floating-tip{position:absolute;left:20px;right:20px;bottom:15px;display:flex;align-items:center;justify-content:center;gap:9px;background:#10160ae8;border:1px solid #b1a66b33;padding:9px 13px;z-index:9;pointer-events:none;font:8px/1.6 var(--mono);color:#b4ba96;text-align:center}.board-floating-tip .icon{width:15px;height:15px}.board-frame-screw{position:absolute;width:10px;height:10px;border-radius:50%;background:linear-gradient(45deg,#8c7d56 44%,#211e13 45% 57%,#b4a072 58%);box-shadow:inset 0 0 3px #0008}.screw-a{left:-15px;top:-15px}.screw-b{right:-15px;top:-15px}.screw-c{left:-15px;bottom:-15px}.screw-d{right:-15px;bottom:-15px}.evidence-tray{background:linear-gradient(110deg,#2d281b,#211f15 55%,#343022);border:1px solid #9a825033;box-shadow:inset 0 0 0 5px #322a1c,8px 12px 20px #0008;display:flex;flex-direction:column;min-height:0;padding:15px 12px 8px;border-radius:3px}.tray-title{padding:0 4px 10px;flex:none}.tray-title .hand-label{font-size:8px}.tray-title>strong{font-size:13px;font-weight:500;color:#d9caa9;display:block;margin-top:4px}.tray-title>p{font-size:9px;color:#9e9e7f;margin-top:5px}.tray-tabs{display:flex;background:#15190f66;flex:none;margin:0 0 8px;border-bottom:1px solid #bfa26733}.tray-tabs>button{padding:9px 6px;background:transparent;font-size:9px;color:#9b9f7e;flex:1;border-bottom:1px solid transparent}.tray-tabs>button small{font:7px var(--mono);color:#797f61;margin-left:4px}.tray-tabs>button.active{border-bottom-color:#cf9a57;color:#dfc8a2}.tray-search{width:100%;border:0;border-bottom:1px solid #c5a56533;background:#10160d80;font:9px var(--mono);padding:10px;color:#c7cbad;border-radius:1px;margin-bottom:9px;flex:none}.tray-search::placeholder{color:#7e8a68}.tray-scroll{overflow-y:auto;overflow-x:hidden;min-height:0;flex:1;padding:8px 11px 12px;scrollbar-width:thin;scrollbar-color:#7a6a48 transparent;display:grid;grid-template-columns:1fr;gap:15px;align-content:start}.tray-slot{position:relative}.tray-slot[hidden]{display:none}.tray-material{width:100%;height:153px;position:relative;transform:rotate(-2deg);touch-action:none;cursor:grab;filter:drop-shadow(2px 4px 3px #0006);transition:transform .2s}.tray-slot:nth-child(2n) .tray-material{transform:rotate(2deg)}.tray-material:hover{transform:rotate(0) translateY(-2px)!important}.tray-material .material-face{display:grid;grid-template-columns:68px 1fr;grid-template-rows:auto auto 1fr;gap:0 10px;padding:10px}.tray-material .material-picture,.tray-material .character-photo{grid-row:1/4;height:100%;width:68px}.tray-material .paper-type{font-size:6px;margin:2px 0 0;padding-bottom:4px}.tray-material .paper-lines{display:none}.tray-material .material-face>strong{font:10px/1.45 var(--mono);margin-top:8px;align-self:start}.tray-material .material-face>small{font-size:6px;line-height:1.6;align-self:end}.tray-material.person-material .material-face,.tray-material.photo-material .material-face{padding:9px}.tray-material.person-material .material-face>strong,.tray-material.photo-material .material-face>strong{margin-top:3px;grid-row:1/3;grid-column:2}.tray-material.person-material .material-face>small,.tray-material.photo-material .material-face>small{grid-column:2;grid-row:3}.tray-pin{position:absolute;right:-6px;top:-8px;z-index:5;background:#c2b184;color:#564127;width:23px;height:23px;border-radius:50%;box-shadow:1px 3px 5px #0007;font:17px/22px var(--mono);padding:0;border:1px solid #7b6744}.tray-pin:hover{background:#ecd6a6}.on-board-tag{position:absolute;right:6px;bottom:7px;color:#837c57;font:6px var(--mono);text-transform:uppercase}.already-pinned .tray-material{opacity:.58}.tray-empty{font:10px/1.8 var(--mono);color:#a8ad8b;padding:20px 5px}.drag-material-ghost{position:fixed;z-index:100;width:150px;height:190px;pointer-events:none;transform:rotate(-5deg);filter:drop-shadow(15px 20px 10px #0008)}.drag-material-ghost .material-face{padding:10px}.drag-material-ghost .material-picture,.drag-material-ghost .character-photo{height:110px}.drag-material-ghost .tray-pin{display:none}
/* Characters and conversations have faces, not initials. */
.people-album{max-width:1250px;padding:35px 35px 30px;margin:auto}.portrait-spread{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;perspective:1400px;padding:35px 0 20px}.person-polaroid{padding:10px 10px 17px;background:#d2c5a4;color:#3c3d29;box-shadow:8px 17px 20px #000a;transform:rotate(var(--photo-angle)) rotateX(3deg);position:relative;text-align:left;transition:.3s}.person-polaroid:hover{transform:rotate(0) translateY(-9px);box-shadow:10px 22px 30px #000a}.person-polaroid:before{content:'';position:absolute;top:-14px;left:30%;width:40%;height:25px;background:#b9b48a66;z-index:3;transform:rotate(-8deg);border:1px solid #d4d0a21a}.person-polaroid .character-photo{height:300px;border:1px solid #605a3c66}.polaroid-signature{display:block;font:13px var(--mono);margin:16px 2px 8px;letter-spacing:-.3px}.polaroid-role{font:8px var(--mono);color:#83775b;display:block;margin:0 2px;min-height:27px}.polaroid-open{display:block;font:8px var(--mono);color:#84513c;margin:12px 2px 0;border-top:1px solid #8b78484d;padding-top:9px}.album-note{font:9px/1.9 var(--mono);color:#b0aa8a;text-align:center;max-width:700px;margin:16px auto}.interview{display:grid;grid-template-columns:36% 1fr;min-height:580px;background:#1a1c13}.interview-portrait{position:relative;background:#0c120a}.interview-portrait>.character-photo{position:absolute;inset:0;height:100%;width:100%}.interview-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a1009 0%,transparent 60%);pointer-events:none}.interview-name{position:absolute;z-index:2;bottom:30px;left:24px;right:15px;font-size:23px;line-height:1.2;color:#e1d1ad;letter-spacing:-.6px}.interview-name small{display:block;font:9px var(--mono);color:#a0a889;margin-top:9px;line-height:1.8}.interview-content{padding:38px 32px 30px}.interview-content h2{font-size:27px;letter-spacing:-1px;font-weight:500;margin:12px 0 15px}.interview-description{font-size:11px;color:#989e82;line-height:1.9;margin-bottom:20px}.spoken-question{font-size:12px;color:#c7b48c;line-height:1.7;margin-bottom:14px}.spoken-answer{font:13px/1.95 var(--sans);color:#dfdcc8;margin:0 0 25px;padding:0 0 0 15px;border-left:1px solid #b6934f88}.question-notepad{background:#ccbfa0;padding:19px 20px;margin:20px 0 24px;transform:rotate(-1deg);box-shadow:2px 5px 12px #0005;color:#46452f}.question-notepad>.hand-label{font-size:8px;color:#8c6546}.interview-question{display:flex;align-items:start;gap:8px;text-align:left;width:100%;background:transparent;color:#4d4d34;border-bottom:1px solid #82774744;padding:12px 0;font:10px/1.6 var(--mono)}.interview-question:last-child{border-bottom:0}.interview-question .icon{width:13px;height:13px;margin-top:1px;color:#9b6a48}.interview-question.asked{color:#838065}.interview-question:hover{color:#9a442f}.interview-warning{font:8px/1.8 var(--mono);color:#7e8b6c;margin-top:15px}.document-illustration{position:relative;height:170px;margin:-42px -42px 30px;background:#282a1d;border-bottom:8px solid #b9ab83;overflow:hidden}.document-illustration img{width:100%;height:100%;object-fit:cover;filter:sepia(.15) saturate(.6)}.document-illustration:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#091006bd,transparent 70%)}.document-illustration>span{position:absolute;left:28px;bottom:13px;z-index:1;color:#d8c69e;font:8px var(--mono);letter-spacing:1.5px}.puzzle-illustration{height:150px;background-position:center;background-size:cover;position:relative;border-bottom:5px solid #a28e62}.puzzle-illustration:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080e0cb3,transparent 80%)}.puzzle-illustration>span{position:absolute;bottom:13px;left:24px;z-index:1;color:#dbc7a0;font:9px var(--mono);letter-spacing:1.5px;text-transform:uppercase}
/* Existing story logic lives on paper on the desk. */
.stage-dossier,.stage-puzzles,.stage-notes,.stage-final{padding:30px max(28px,calc((100vw - 1180px)/2)) 40px}.stage-content .workspace-top{margin-bottom:26px}.stage-content .workspace-top h1{font-size:29px;color:#e3d7bc}.stage-content .workspace-top p{color:#a9aa8e;font-size:11px}.stage-content .section-label{color:#c2995c}.stage-content .tag{border-color:#a1905e44;color:#aeb697;background:#1e2518bb}.stage-content .game-cover{box-shadow:0 12px 25px #0008;border-color:#8e754444}.stage-content .game-panel{background:linear-gradient(115deg,#d4c6a4,#c4b38e);border:1px solid #8e794c;color:#3c422b;box-shadow:3px 7px 15px #0006;border-radius:1px;position:relative}.stage-content .game-panel h2{color:#4c4730;font:15px var(--mono)}.stage-content .game-panel>p,.stage-content .game-panel .timeline p{color:#766d4c;font-size:11px}.stage-content .game-panel .objective{color:#5a5d40;font:11px/1.7 var(--mono)}.stage-content .game-panel .objective .icon{color:#96855c}.stage-content .game-panel .objective.done{color:#727f4d}.stage-content .game-panel .objective.done .icon{color:#8c4e31}.stage-content .game-panel .field,.stage-content .game-panel .evidence-check{background:#e2d8b8;border-color:#8d805744;color:#4f5037;box-shadow:inset 0 1px 3px #826c3822}.stage-content .game-panel .field::placeholder{color:#9c8d63}.stage-content .game-panel .form-label,.stage-content .game-panel .small-header{color:#6c6343}.stage-content .game-panel .btn.ghost{border-color:#76623f66;color:#6c4d2c;background:#bba47733}.stage-content .game-panel .btn.text{color:#8e5937}.stage-content .game-panel .section-label{color:#97603c}.stage-content .game-panel .hint,.stage-content .game-panel .warning-text{color:#8d6345}.stage-content .game-panel .next-note{color:#887849;font-size:9px}.stage-content .game-panel .evidence-check{font:10px/1.6 var(--mono)}.stage-content .game-panel .puzzle-feedback{color:#8f4c32}.stage-content .decision-card{background:linear-gradient(135deg,#4c3d27eb,#302b1ce8);border:1px solid #b48c4f77;box-shadow:4px 8px 16px #0007}.stage-content .decision-card h3{font-size:18px;color:#e0c9a2}.stage-content .decision-card>p{color:#b9b08e;font-size:11px}.stage-content .decision-choice{background:#0c140a55;border-color:#c5ac6e44;box-shadow:1px 3px 5px #0003}.stage-content .decision-choice:hover{background:#9b774c33;border-color:#dfb46b}.stage-content .puzzle{background:linear-gradient(110deg,#d8ccad,#c7b692);border:1px solid #97804e;box-shadow:4px 10px 25px #0007;color:#4d4a31;border-radius:2px}.stage-content .puzzle-head{border-color:#907e4b4d}.stage-content .puzzle-head h2{font:17px var(--mono);color:#4d4731}.stage-content .puzzle .section-label{color:#8c5533}.stage-content .puzzle-body>p{color:#6a6547;font:12px/1.9 var(--mono)}.stage-content .puzzle .ref-btn{color:#7a653e;background:#aa936428;border-color:#8d794a55;font-size:8px}.stage-content .puzzle .ref-btn.missing{color:#a0936b;background:none}.stage-content .puzzle .field{background:#e1d5b4;color:#555337;border-color:#a38d5c99;font:12px var(--mono)}.stage-content .puzzle .field::placeholder{color:#a89a70}.stage-content .puzzle .puzzle-feedback{color:#9b4d30}.stage-content .puzzle .hints{border-color:#a38e5c55}.stage-content .puzzle .hint-btn{color:#8d623e;font:10px var(--mono)}.stage-content .puzzle .hint{color:#7b714d;background:#b69c6833;border-color:#a17d45;font:10px/1.9 var(--mono)}.stage-content .puzzle .solved-note{color:#617044}.stage-content .notes-area{background:repeating-linear-gradient(0deg,transparent 0 29px,#937e4733 29px 30px),linear-gradient(100deg,#d5c6a5,#cab894);color:#544f34;border:1px solid #9d8450;box-shadow:4px 8px 20px #0008;line-height:30px;font:13px/30px var(--mono);padding:25px;min-height:430px;transform:rotate(-.7deg);border-radius:1px}.stage-content .notes-area::placeholder{color:#9d8e66}.stage-content .note-label{color:#d0bd93;font:11px var(--mono)}.stage-content .result-panel{background:linear-gradient(120deg,#3b4429e8,#212a1be8);border-color:#a3925d77;box-shadow:5px 12px 25px #0007}.stage-content .result-panel h2{color:#e2d3ae}.stage-content .result-panel:before{content:'';display:block;height:160px;background:linear-gradient(0deg,#27301b99,transparent),url('/assets/room.webp') 50% 40%/cover;margin:-35px -35px 30px;border-bottom:4px solid #ad9866}.stage-content .chapter-recap{background:#4a472c88;border-color:#b49f6266;color:#d1c49d}
@media(min-width:1600px){.scene-artboard{width:min(100%,calc((100dvh - 330px)*1.5))}.room-hero-copy h1{font-size:44px}.map-frame{max-height:calc(100dvh - 300px)}}
@media(max-width:1100px){.cabinet-bar{gap:17px;padding:0 22px}.cabinet-title{margin-left:auto;margin-right:auto}.cabinet-brand>span{display:none}.cabinet-status{display:none}.board-and-tray{grid-template-columns:1fr 225px;gap:14px}.investigation-table{padding:19px 18px 14px}.tray-material{height:147px}.tray-material .material-face{grid-template-columns:55px 1fr;gap:0 8px}.tray-material .material-picture,.tray-material .character-photo{width:55px}.portrait-spread{gap:17px}.person-polaroid .character-photo{height:250px}.polaroid-signature{font-size:11px}.map-workspace{padding:25px}.scene-artboard{min-width:430px}.scene-bottom>p{font-size:10px}.scene-top h1{font-size:21px}.room-hero-copy{max-width:260px}.room-hero-copy h1{font-size:29px}.room-dossier-object{padding:17px}.room-dossier-object>strong{font-size:12px}.room-board-object{left:36%;width:38%;height:44%}.room-map-object{left:5%;width:29%}.room-people-object{right:5%;width:17%}.tiny-note{font-size:12px;padding:12px}.object-caption{font-size:10px;padding:9px}.desk-dock{gap:16px}.stage-dossier,.stage-puzzles,.stage-notes,.stage-final{padding:27px}}
@media(max-width:780px){.cabinet-bar{height:59px;padding:0 16px;gap:14px}.cabinet-title>strong{font-size:10px;max-width:175px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cabinet-title>span{font-size:7px;letter-spacing:1px}.cabinet-brand{font-size:29px}.cabinet-return{border:0;padding:0}.cabinet-return>span{display:none}.cabinet-return .icon{width:17px;height:17px}.cabinet-archive{padding-left:12px}.cabinet-archive>span{display:none}.stage-content{height:calc(100dvh - 137px)}.desk-dock{height:79px;gap:0;padding:8px 5px 8px;justify-content:space-around;background:linear-gradient(#2d251aef,#17160ffb);box-shadow:0 -1px 0 #a58a5333,0 -7px 25px #0008}.desk-object{min-width:0;width:14.28%;padding:0 2px;gap:5px;transform:rotate(var(--object-angle))}.desk-object .dock-art{width:38px;height:35px;border-width:3px;border-bottom-width:8px}.desk-object>span:last-of-type{font-size:7px}.desk-object.selected:after{bottom:-5px;width:17px}.desk-object small{font-size:6px;line-height:13px;min-width:13px;height:13px;right:0;top:-3px}.object-notes .dock-art{width:32px;height:35px;border:0}.object-notes .dock-art:after{font-size:5px;top:15px;left:5px;letter-spacing:.4px}.object-final .dock-art{border-width:1px}.object-final .dock-art:after{left:15px;top:12px;width:10px;height:10px}.stage-overview{height:calc(100dvh - 137px)}.stage-overview~.desk-dock{opacity:1;transform:none}.room-stage{perspective:800px}.room-hero-copy{left:6%;top:4%;max-width:90%}.room-hero-copy h1{font-size:29px;max-width:310px;margin:8px 0}.room-hero-copy p{font-size:9px}.room-hero-copy .hand-label{font-size:8px}.room-board-object{left:12%;top:24%;width:75%;height:33%;border-width:2px;box-shadow:0 0 0 7px #382c1d,0 0 0 9px #7b5a35,8px 15px 18px #0009}.tiny-photo{border-width:5px;border-bottom-width:17px}.tiny-note{font-size:10px;padding:10px}.room-map-object{left:6%;top:66%;width:45%;height:23%;padding:5px;transform:rotateX(24deg) rotateZ(-8deg)}.room-dossier-object{left:55%;top:69%;width:35%;height:19%;padding:13px;transform:rotateX(18deg) rotateZ(5deg)}.room-dossier-object>strong{font-size:10px;max-width:90%}.folder-stamp{font-size:7px;padding:2px 5px;border-width:1px;margin-bottom:8px}.room-dossier-object:after{width:17px;height:31px;right:9px;top:2px;border-width:2px}.room-dossier-object .object-caption{font-size:8px;padding:7px 8px;left:-8%;right:-8%;bottom:-13px}.room-people-object{right:5%;top:56%;width:24%;height:17%;padding:4px 4px 17px;transform:rotate(10deg)}.room-people-object .object-caption{display:none}.room-notebook-object{display:none}.object-caption{font-size:9px;padding:7px 10px;bottom:-14px}.object-caption .icon{width:12px;height:12px}.room-invitation{left:6%;right:5%;bottom:8px;font-size:7px;max-width:100%;line-height:1.7}.map-workspace{padding:22px 19px 20px}.world-heading{margin-bottom:17px}.world-heading h1{font-size:24px;letter-spacing:-.7px}.world-heading p{font-size:8px}.hand-label{font-size:8px;letter-spacing:1.3px}.map-frame{aspect-ratio:3/2;max-height:none;margin-top:24px;box-shadow:0 15px 30px #000a,0 0 0 4px #4b3c29,0 0 0 5px #a18c59;border-width:1px;overflow:visible}.map-place{min-width:50px}.map-pin{width:23px;height:23px;border-width:1px}.map-place-label{max-width:100px;padding:4px 5px;margin-top:6px}.map-place-label strong{font-size:7px}.map-place-label small{display:none}.map-compass{left:1%;bottom:2%;font-size:5px}.map-compass span{font-size:25px}.map-caption{margin-top:23px;font-size:8px;line-height:1.8;flex-direction:column;gap:7px}.location-scene{padding:17px 14px 20px}.scene-top{flex-wrap:wrap;gap:12px;margin-bottom:16px}.scene-top>div{order:-1;width:100%;text-align:left}.scene-top h1{font-size:25px;letter-spacing:-.7px}.scene-top .hand-label{font-size:7px;letter-spacing:.6px}.field-back,.field-assist{padding:8px 10px;font-size:8px;gap:6px}.field-assist{margin-left:auto}.field-assist .icon{width:14px;height:14px}.scene-artboard{min-width:0;width:100%;aspect-ratio:3/2;box-shadow:0 12px 30px #000b,0 0 0 3px #2e281c,0 0 0 4px #b99c5b44}.scene-coordinate{font-size:6px;letter-spacing:.7px;bottom:8px;left:9px}.scene-object-label{font-size:6px;bottom:-12px;padding:4px 5px;white-space:normal;min-width:70px;max-width:120px;line-height:1.5}.examined-marker{width:13px;height:13px;font-size:6px;line-height:11px}.scene-bottom{margin-top:18px;gap:17px;align-items:start}.scene-bottom>p{font-size:11px;line-height:1.9}.scene-bottom>div{flex-direction:column;gap:3px;font-size:6px;align-items:center;white-space:normal;text-align:center;max-width:65px;flex:none}.scene-count{font-size:22px;white-space:nowrap}.scene-count small{font-size:10px}.field-instruction{text-align:left;font-size:8px;margin-top:15px}.finding-art{height:180px}.finding-art small{font-size:7px;left:18px}.find-documents strong{font-size:11px}.find-documents small{font-size:7px}.field-find{padding:25px 22px}.field-find h2{font-size:25px}.field-find .modal-actions{gap:9px}.field-find .btn{font-size:10px;padding:11px}.investigation-table{padding:16px 12px 12px}.board-command{gap:10px;margin-bottom:11px;align-items:center}.board-command h1{font-size:21px;letter-spacing:-.7px;margin-top:3px}.board-command .hand-label{display:none}.board-tools{padding:2px}.board-tools button{padding:3px 6px;height:27px;min-width:24px;font-size:18px}.board-tools>span{font-size:7px;min-width:28px}.board-and-tray{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 189px;gap:11px}.board-floating-tip{font-size:6px;left:7px;right:7px;bottom:7px;padding:6px 8px;line-height:1.7;gap:5px}.board-floating-tip .icon{width:12px;height:12px}.evidence-tray{padding:7px 8px 5px;display:grid;grid-template-columns:130px 1fr;grid-template-rows:42px 1fr;gap:3px 8px;box-shadow:inset 0 0 0 2px #322a1c,5px 8px 15px #0007}.tray-title{padding:0 0 3px;grid-column:1;grid-row:1}.tray-title .hand-label{display:none}.tray-title>strong{font-size:10px;margin-top:2px}.tray-title>p{font-size:6px;line-height:1.7;margin-top:3px}.tray-tabs{grid-column:2;grid-row:1;height:33px;margin:0;align-self:start}.tray-tabs>button{font-size:7px;padding:5px 4px}.tray-tabs>button small{font-size:6px;margin-left:2px}.tray-search{display:none}.tray-scroll{grid-column:1/3;grid-row:2;display:flex;overflow-x:auto;overflow-y:hidden;padding:5px 4px 6px;gap:13px;scrollbar-width:thin}.tray-slot{width:125px;flex:none}.tray-material{width:125px;height:120px;transform:rotate(-1deg)}.tray-material .material-face{padding:7px;grid-template-columns:40px 1fr;gap:0 6px}.tray-material .material-picture,.tray-material .character-photo{width:40px}.tray-material .material-face>strong{font-size:7px;line-height:1.55;margin-top:5px}.tray-material .paper-type{font-size:5px;padding-bottom:3px}.tray-material .material-face>small{font-size:5px}.tray-material.person-material .material-face,.tray-material.photo-material .material-face{padding:6px}.tray-pin{width:20px;height:20px;font-size:15px;line-height:18px;top:-4px;right:-5px}.on-board-tag{font-size:5px;right:4px;bottom:4px}.tray-empty{font-size:8px;padding:10px 5px}.drag-material-ghost{width:125px;height:170px}.people-album{padding:24px 22px}.portrait-spread{grid-template-columns:1fr 1fr;gap:33px 22px;padding-top:25px}.person-polaroid{padding:6px 6px 13px}.person-polaroid .character-photo{height:220px}.polaroid-signature{font-size:10px;line-height:1.5;margin:11px 2px 6px}.polaroid-role{font-size:6px;line-height:1.7;min-height:22px}.polaroid-open{font-size:6px;margin-top:9px;padding-top:7px}.album-note{font-size:8px;text-align:left}.interview{display:block}.interview-portrait{height:290px}.interview-portrait>.character-photo{width:100%;background-size:400% 160%;background-position-y:26%!important}.interview-portrait:after{background:linear-gradient(0deg,#0a1009 0%,transparent 75%)}.interview-name{left:23px;bottom:19px;font-size:25px}.interview-name small{font-size:8px;margin-top:6px}.interview-content{padding:20px 24px 25px}.interview-content h2{font-size:25px;margin:9px 0 14px}.spoken-question{font-size:12px}.spoken-answer{font-size:13px}.question-notepad{padding:17px 16px}.interview-question{font-size:10px}.document-illustration{margin:-32px -24px 25px;height:155px}.document-illustration>span{left:20px;font-size:6px;letter-spacing:1px}.puzzle-illustration{height:135px}.puzzle-illustration>span{font-size:7px;left:20px}.stage-dossier,.stage-puzzles,.stage-notes,.stage-final{padding:25px 19px 30px}.stage-content .workspace-top h1{font-size:26px}.stage-content .workspace-top p{font-size:10px}.stage-content .puzzle-body>p{font-size:11px}.stage-content .puzzle-head h2{font-size:15px}.stage-content .puzzle .ref-btn{font-size:7px}.stage-content .puzzle .hint{font-size:9px}.stage-content .game-panel{padding:21px}.stage-content .game-panel h2{font-size:14px}.stage-content .game-panel .objective{font-size:10px}.stage-content .notes-area{min-height:400px;font-size:11px;padding:22px}.stage-content .result-panel:before{margin:-25px -25px 25px;height:140px}.stage-content .game-panel .evidence-check{font-size:9px}.map-workspace .world-heading h1{max-width:340px}}
@media(max-width:380px){.cabinet-title>strong{max-width:150px}.cabinet-brand{font-size:26px}.cabinet-bar{gap:10px}.portrait-spread{gap:28px 17px}.person-polaroid .character-photo{height:190px}.board-command h1{font-size:19px}.board-tools>span{display:none}.room-board-object{height:30%;top:27%}}
@media(prefers-reduced-motion:reduce){.room-stage{--look-x:0deg!important;--look-y:0deg!important}.room-stage button,.desk-object,.person-polaroid,.board-material{transition:none!important}}

.map-place:not(.locked) .map-pin{font-size:11px}.map-place:not(.locked) .map-pin:after{content:none}.map-pin>b{font:11px var(--mono);transform:rotate(45deg);display:block}@media(max-width:780px){.map-pin>b{font-size:8px}}

.character-photo{background-size:400% auto;background-position-y:0%}.thread-layer{width:1400px;height:900px}.person-polaroid .character-photo{height:clamp(220px,calc(100dvh - 450px),330px)}@media(max-width:780px){.interview-portrait>.character-photo{background-size:400% auto;background-position-y:0%!important}.person-polaroid .character-photo{height:220px}}

@media(min-width:781px){.location-scene{height:100%;max-width:none;padding:0;position:relative;min-height:400px;overflow:hidden}.scene-artboard{height:100%;width:auto;min-width:0;max-width:100%;aspect-ratio:3/2;margin:auto;box-shadow:0 0 70px #000b}.scene-top{position:absolute;z-index:8;top:15px;left:25px;right:25px;pointer-events:none;gap:12px}.scene-top>div{margin:0 auto;background:#0d1308b3;padding:7px 17px;border:1px solid #d8bd7d25;text-shadow:0 2px 7px #000}.scene-top h1{font-size:21px}.scene-top .hand-label{font-size:7px}.scene-top button{pointer-events:auto}.scene-bottom{position:absolute;z-index:6;left:25px;right:25px;bottom:20px;max-width:none;margin:0;padding:10px 15px;background:#101509cf;border:1px solid #d8bd7d22;pointer-events:none}.scene-bottom>p{max-width:73%;font-size:10px;color:#d2c9ac}.field-instruction{position:absolute;z-index:6;left:25px;right:25px;bottom:4px;max-width:none;margin:0;color:#b3b49b;font-size:6px;pointer-events:none}.scene-object-label{font-size:10px}.expanded-scene{position:fixed;inset:0;z-index:30;background:#060b07f7}.expanded-scene .scene-artboard{height:100dvh;max-width:100vw;aspect-ratio:3/2}.expanded-scene .scene-bottom{bottom:24px}.expanded-scene .field-instruction{bottom:8px}}
.field-expand{display:flex;align-items:center;gap:7px;border:1px solid #d7bb7c33;background:#15170ff0;color:#c9bd9d;padding:10px 12px;font-size:10px;border-radius:2px;white-space:nowrap}.field-expand .icon{width:15px;height:15px}@media(max-width:780px){.field-expand{font-size:8px;padding:8px;gap:5px}.field-expand .icon{width:13px;height:13px}.scene-top{gap:8px}.scene-top .field-assist{margin-left:0;flex:1;justify-content:center}.expanded-scene{position:fixed;inset:0;z-index:30;background:#080e09f7;padding:18px 14px;overflow:auto}.expanded-scene .scene-artboard{width:760px;max-width:none;min-width:760px}.expanded-scene .scene-top{position:sticky;top:0;background:#080e09f2;padding-bottom:12px;z-index:10}.expanded-scene .scene-bottom{min-width:340px}}

.tray-grip{display:none}@media(max-width:780px){.tray-material{touch-action:pan-x}.tray-grip{display:block;position:absolute;left:-3px;top:-5px;z-index:7;width:25px;height:25px;border-radius:3px;border:1px solid #8c7950;background:#cbbb92;color:#6c5b39;font:21px/22px var(--mono);box-shadow:1px 2px 4px #0007;touch-action:none;padding:0}.tray-title>p{font-size:6px}}

@media(min-width:781px){.person-polaroid .character-photo{height:clamp(210px,calc(100dvh - 470px),330px)}}.board-in-use .board-floating-tip{display:none}