:root{font-family:'DM Sans',system-ui,sans-serif;color:#f8f5ef;background:#101524;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,a{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{display:block;max-width:100%}a{color:inherit}
[hidden]{display:none!important}
.topbar{height:64px;padding:0 clamp(18px,3vw,48px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0b1020;border-bottom:1px solid #ffffff1c;position:relative;z-index:30}
.brand{font-family:'Manrope',sans-serif;text-decoration:none;font-size:22px;font-weight:700;letter-spacing:-1.3px}.brand-dot{color:#f4a859}.game-mark{font-size:10px;font-weight:800;letter-spacing:.2em;color:#d4c3a6}.game-mark i{font-size:7px;margin:0 8px;color:#f4a859}.top-actions{display:flex;align-items:center;gap:18px}.icon-btn,.quiet-btn{border:1px solid #ffffff32;background:#ffffff0e;color:#eee5d4;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:800}.icon-btn:hover,.quiet-btn:hover{background:#ffffff24}.back-link{font-size:12px;text-decoration:none;color:#d2b899;font-weight:800}.back-link:hover{text-decoration:underline}
.menu-screen{min-height:calc(100dvh - 64px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(410px,.92fr);background:radial-gradient(circle at 68% 30%,#283c4a,#131928 55%,#0c111d)}
.menu-art{position:relative;min-height:700px;overflow:hidden;background:linear-gradient(90deg,#07101911,#0b11254a),url('/assets/false-clue/lounge.webp') center/cover}.menu-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#151e2e 100%),linear-gradient(0deg,#111b2e 2%,transparent 50%,#0c152466)}.menu-glow{position:absolute;inset:30% 10%;background:#e79b6644;filter:blur(75px);animation:glow 5s ease-in-out infinite alternate}.menu-person{position:absolute;bottom:-3%;height:75%;width:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 24px 18px #0009);animation:breath 4s ease-in-out infinite alternate}.person-ren{height:62%;left:-8%;bottom:0;z-index:1;animation-delay:-1s}.person-cleo{height:67%;left:17%;z-index:2;animation-delay:-2s}.person-jules{height:67%;right:2%;z-index:2;animation-delay:-3s}.person-maya{height:84%;left:36%;z-index:3}.menu-seal{position:absolute;z-index:5;bottom:8%;left:8%;border:1px solid #ffe7b080;background:#101727bd;backdrop-filter:blur(12px);border-radius:100px;width:115px;height:115px;display:grid;place-content:center;text-align:center;color:#f5d6a4;font-size:11px;font-weight:800;line-height:1.6;letter-spacing:.12em;transform:rotate(-13deg)}
.menu-copy{padding:clamp(35px,5vw,78px) clamp(28px,5vw,82px);display:flex;flex-direction:column;justify-content:center;max-width:760px}.eyebrow{font-size:10px;color:#f4ad68;font-weight:800;letter-spacing:.19em}.menu-copy h1{font-family:'Manrope',sans-serif;font-size:clamp(56px,7.6vw,112px);line-height:.88;letter-spacing:-.09em;margin:20px 0 26px;font-weight:700}.menu-copy h1 em{font-style:normal;color:#f2ae6f}.menu-copy h1 span{color:#db685a}.lede{font-size:clamp(16px,1.35vw,20px);line-height:1.55;max-width:590px;color:#e7e2d9;margin:0 0 26px}.feature-strip{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.feature-strip span{border:1px solid #dbab654e;background:#f8c3810c;color:#f7d4a5;border-radius:100px;padding:7px 11px;font-size:11px;font-weight:800}.episode-list{display:grid;gap:10px}.episode-card{width:100%;display:grid;grid-template-columns:48px 1fr 25px;align-items:center;gap:16px;text-align:left;border:1px solid #ffffff25;color:#f8f4e8;background:#ffffff0e;border-radius:12px;padding:14px 18px;transition:transform .2s,border-color .2s,background .2s}.episode-card:hover,.episode-card:focus-visible{transform:translateX(5px);border-color:#f2ae6f;background:#f5ac6c1c;outline:none}.episode-number{font-family:'Manrope';font-size:28px;font-weight:700;color:#f2ae6f}.episode-card strong{display:block;font-size:16px}.episode-card small{display:block;color:#bfb9af;font-size:12px;line-height:1.4;margin-top:3px}.episode-arrow{font-size:25px;color:#f2ae6f}.menu-foot{font-size:12px;color:#999eaa;margin:24px 0 0}
.game-screen{min-height:calc(100dvh - 64px);padding:18px clamp(12px,2vw,30px) 30px;background:#101524}.case-bar{display:flex;justify-content:space-between;align-items:center;margin:0 auto 14px;max-width:1660px}.case-bar h2{font-family:'Manrope';font-size:clamp(20px,2vw,28px);margin:4px 0 0;letter-spacing:-.03em}.case-actions{display:flex;align-items:center;gap:12px}.case-clock{font-family:'Manrope';color:#f5ba7f;font-weight:700;letter-spacing:.13em}.game-grid{max-width:1660px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:18px;align-items:start}.world-column{min-width:0}.scene{height:min(63vw,720px);min-height:460px;max-height:calc(100dvh - 204px);position:relative;overflow:hidden;border:1px solid #cca47477;border-radius:16px;background:#1a212f;touch-action:manipulation;isolation:isolate}.scene-backdrop{position:absolute;inset:0;background:center/cover no-repeat;transition:opacity .35s,filter .35s;animation:sceneEnter .6s both}.scene-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0915269e 0,transparent 23%,#08172665 100%);pointer-events:none}.scene-vignette{position:absolute;inset:0;box-shadow:inset 0 0 120px #0509127a;pointer-events:none;z-index:12}.scene-particles{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#ffd9a1ad 1px,transparent 1px),radial-gradient(#ffd9a165 1px,transparent 1px);background-size:97px 89px,163px 141px;animation:drift 16s linear infinite;opacity:.48}.scene-title{position:absolute;z-index:12;top:18px;left:20px;background:#071526b8;backdrop-filter:blur(8px);border:1px solid #f2ce8d5c;border-radius:8px;padding:9px 12px;letter-spacing:.18em;font-size:10px;font-weight:800}.scene-title span{font-size:8px;letter-spacing:.1em;color:#bce9c6;margin-left:10px}.world-actors,.world-hotspots{position:absolute;inset:0;pointer-events:none}.actor{position:absolute;bottom:auto;transform:translate(-50%,-100%);z-index:7;pointer-events:auto;border:0;background:none;padding:0;min-width:74px;height:clamp(120px,19vw,215px);filter:drop-shadow(0 12px 9px #040816a5);}.actor img{animation:actorIdle 3s ease-in-out infinite alternate;height:100%;width:auto;object-fit:contain;margin:auto;pointer-events:none}.actor:after{content:attr(data-name);position:absolute;bottom:0;left:50%;transform:translate(-50%,85%);background:#0a1827e6;border:1px solid #ffd19581;color:#fff4df;padding:4px 8px;border-radius:20px;font-size:10px;font-weight:800;white-space:nowrap}.actor:hover,.actor:focus-visible{filter:drop-shadow(0 0 13px #ffd793);outline:none}.actor:focus-visible:after{outline:2px solid #fff}.player{position:absolute;z-index:10;left:42%;top:86%;height:clamp(125px,20vw,225px);transform:translate(-50%,-100%);pointer-events:none;filter:drop-shadow(0 12px 9px #000b)}.player img{height:100%;max-width:none;width:auto;object-fit:contain;animation:actorIdle 2.2s ease-in-out infinite alternate}.player.walking img{animation:walkBob .25s ease-in-out infinite alternate}.player span{position:absolute;left:50%;bottom:0;transform:translate(-50%,90%);font-size:9px;font-weight:900;letter-spacing:.12em;background:#f8ba77;color:#142031;padding:3px 6px;border-radius:3px}.hotspot{position:absolute;z-index:8;transform:translate(-50%,-50%);pointer-events:auto;border:1px solid #fce1a4c2;color:#fff1d4;background:#11223aba;backdrop-filter:blur(7px);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 8px #ffd88b1a,0 0 18px #ffc77a75;animation:beacon 2.2s ease-in-out infinite}.hotspot:after{content:attr(data-title);position:absolute;left:50%;bottom:-27px;transform:translateX(-50%);background:#0b1625d9;color:#fff4df;border-radius:4px;padding:4px 6px;white-space:nowrap;font-size:10px;font-weight:700;opacity:0;transition:opacity .15s}.hotspot:hover:after,.hotspot:focus-visible:after{opacity:1}.hotspot:hover,.hotspot:focus-visible{background:#e4a761;color:#17202c;outline:2px solid #fff}.hotspot.found{border-color:#a8e5c0;color:#a8e5c0;box-shadow:0 0 0 5px #8fdca516;animation:none}.move-target{position:absolute;z-index:9;width:24px;height:24px;border:2px solid #ffdf9b;border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none}.move-target.show{animation:target .65s both}.scene-controls{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:12px;padding:8px 12px;border:1px solid #ffffff21;border-radius:10px;background:#ffffff0b}.objective{font-size:13px;color:#e7dfd0;line-height:1.4}.objective:before{content:'◈';color:#f4ad68;margin-right:8px}.room-switch{display:flex;gap:6px;flex:none}.room-btn{border:1px solid #f1c59867;border-radius:7px;background:transparent;color:#f1d6b5;padding:8px 11px;font-size:12px;font-weight:800}.room-btn.active,.room-btn:hover{background:#f2b574;color:#172134}.play-hint{color:#a9aeb9;font-size:11px;line-height:1.4;margin:10px 4px}
.journal{border:1px solid #ffffff27;border-radius:13px;background:linear-gradient(155deg,#1a2634,#19202f);padding:18px;box-shadow:0 18px 40px #0509164d}.journal-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;align-items:center}.journal-head strong{font-size:10px;color:#e8d2ac}.incident{border-left:2px solid #eca963;padding:10px 0 10px 12px;color:#e3e0da;font-size:12px;line-height:1.5;margin:16px 0}.journal-section{margin-top:16px}.journal-section h3{display:flex;justify-content:space-between;font-family:'Manrope';font-size:12px;letter-spacing:.14em;margin:0 0 10px;color:#fff3db}.journal-section h3 span{color:#f2b574}.evidence-list,.people-list{display:grid;gap:6px}.journal-item{min-height:34px;display:flex;align-items:center;gap:9px;border:1px solid #ffffff14;border-radius:7px;background:#ffffff0b;padding:6px 8px;font-size:11px;color:#b5b8bd}.journal-item.found{color:#f6eee0;border-color:#f3c88b4d;background:#eaaa5317}.journal-item .item-icon{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:5px;background:#ffffff18;color:#f7bb78}.journal-item.found .item-icon{background:#f0b770;color:#172235}.journal-item button{border:0;background:none;color:inherit;text-align:left;padding:0;cursor:pointer}.journal-item button:hover{text-decoration:underline}.accuse-btn{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:20px;background:#f4b272;color:#172031;border:0;border-radius:9px;padding:14px 15px;font-weight:900;font-size:13px;transition:transform .2s,background .2s}.accuse-btn:not(:disabled):hover{transform:translateY(-2px);background:#ffd29c}.accuse-btn:disabled{opacity:.44}.journal-foot{color:#9ea6b2;font-size:11px;line-height:1.5;margin:10px 0 0}
.overlay{position:fixed;z-index:100;inset:0;background:#06101fd9;backdrop-filter:blur(10px);display:grid;place-items:center;padding:16px;overflow:auto}.overlay-card{width:min(660px,100%);max-height:min(88dvh,850px);overflow:auto;position:relative;background:linear-gradient(150deg,#243347,#182436);border:1px solid #e8bd7b91;border-radius:18px;box-shadow:0 30px 80px #000a;padding:clamp(22px,4vw,38px);animation:panelEnter .3s both}.overlay-card h2{font-family:'Manrope';font-size:clamp(25px,4vw,38px);line-height:1.06;letter-spacing:-.04em;margin:8px 0 15px}.overlay-card p{font-size:15px;line-height:1.55;color:#e4e4e1}.overlay-card .eyebrow{display:block}.close-btn{position:absolute;right:16px;top:16px;background:#ffffff18;border:1px solid #ffffff44;border-radius:50%;width:34px;height:34px;color:white;font-size:20px}.modal-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.primary-btn,.secondary-btn{border-radius:8px;padding:12px 16px;font-size:13px;font-weight:900}.primary-btn{background:#f6b675;color:#182132;border:0}.primary-btn:hover{background:#ffd6a3}.secondary-btn{background:#ffffff13;color:#f6f2ea;border:1px solid #ffffff55}.secondary-btn:hover{background:#ffffff2b}.clue-icon{font-size:42px;color:#f7c489;display:block;margin:8px 0}.dialogue-head{display:flex;align-items:end;gap:20px;min-height:200px;overflow:hidden;border-radius:12px;background:radial-gradient(circle at 28% 50%,#bf926562,transparent 60%),linear-gradient(110deg,#354355,#141e2c);padding:15px 20px 0}.dialogue-head img{height:190px;width:auto;flex:none}.dialogue-head h2{margin-bottom:20px}.question-list{display:grid;gap:8px;margin-top:18px}.question-btn,.option-btn{display:block;width:100%;text-align:left;border:1px solid #f2c18a74;border-radius:8px;background:#ffffff0e;color:#f9ecdc;padding:12px 14px;font-size:13px;line-height:1.4}.question-btn:hover,.option-btn:hover,.option-btn.selected{background:#f2bd7e2b;border-color:#f8cf93}.answer{border-left:3px solid #f6b675;background:#f7bd7718;padding:13px 16px;border-radius:0 8px 8px 0;margin:16px 0}.answer p{margin:0}.puzzle-instruction{color:#bec7d0!important;font-size:13px!important}.pulse-board{width:min(300px,75vw);height:min(300px,75vw);margin:20px auto;position:relative;border-radius:50%;border:14px solid #2e4454;background:repeating-radial-gradient(circle,#2b4354 0 1px,transparent 2px 35px),radial-gradient(circle,#263947,#111a2b);box-shadow:0 0 0 4px #bd7e5b,0 0 45px #efa97743,inset 0 0 40px #000a}.pulse-board:before{content:'';position:absolute;inset:5%;border-radius:50%;background:conic-gradient(#8befc9 0 36deg,transparent 36deg 360deg);opacity:.82}.pulse-needle{position:absolute;inset:11%;border-top:3px solid #fff1b1;border-radius:50%;transform:rotate(var(--angle));transform-origin:center;transition:transform .045s linear}.pulse-needle:after{content:'';position:absolute;left:50%;top:50%;height:46%;width:3px;background:#fbd79b;transform:translate(-50%,-100%)}.pulse-center{position:absolute;inset:42%;border-radius:50%;background:#f8b77b;box-shadow:0 0 23px #ffe29b}.puzzle-meter{text-align:center;letter-spacing:.15em;font-size:12px;color:#f6d4a3;font-weight:900}.scan-board{height:250px;border-radius:11px;margin:20px 0;position:relative;overflow:hidden;background:linear-gradient(120deg,#4e3b38,#a77d5d 40%,#513b41);border:4px solid #cbaa79;box-shadow:inset 0 0 45px #0008}.scan-board:before{content:'GOLDEN DISPLAY · 21:12';position:absolute;top:16px;left:16px;color:#ead7b5;font-size:11px;letter-spacing:.2em}.scan-mark{position:absolute;width:56px;height:56px;border:1px dashed #f9deb0;border-radius:50%;display:grid;place-items:center;color:#ffe2a6;font-size:23px;filter:blur(7px);opacity:.3;transition:filter .25s,opacity .25s,transform .25s}.scan-mark.revealed{filter:none;opacity:1;transform:scale(1.15);background:#f4c06d42}.scan-lens{position:absolute;width:105px;height:105px;border:4px solid #f4d29f;border-radius:50%;box-shadow:0 0 0 1000px #07111c57,0 0 22px #ffda8b;pointer-events:none;transform:translate(-50%,-50%);left:50%;top:50%;z-index:2;transition:left .08s,top .08s}.circuit-board{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0;padding:18px;background:#101e2e;border:3px solid #a98361;border-radius:12px}.socket-col{display:grid;gap:13px}.socket{border:2px solid currentColor;border-radius:9px;padding:13px 9px;background:#ffffff12;color:#eeceab;line-height:1.25;font-size:12px;text-align:center}.socket.source{cursor:pointer}.socket.source.selected{box-shadow:0 0 0 5px currentColor;background:#ffffff24}.socket.done{opacity:.45}.socket[data-wire="amber"]{color:#f7bd79}.socket[data-wire="mint"]{color:#9ae6ba}.socket[data-wire="rose"]{color:#f3a4b8}.socket-col:last-child .socket{cursor:pointer}.deduction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.suspect-choice{border:1px solid #ffffff3d;border-radius:9px;background:#ffffff12;color:#fff;padding:5px 7px 10px;font-weight:800}.suspect-choice img{height:110px;width:100%;object-fit:contain}.suspect-choice.selected{border-color:#f9c080;background:#e8a36133}.claim-list{display:grid;gap:8px}.claim-list .option-btn{font-size:12px}.deduction-tip{color:#a8b5c2!important;font-size:12px!important}.reveal-art{height:230px;margin:-20px -20px 22px;overflow:hidden;position:relative;background:url('/assets/false-clue/lounge.webp') center/cover}.reveal-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#243347,#17253500)}.reveal-art img{position:absolute;height:105%;bottom:-20%;left:50%;transform:translateX(-50%);z-index:1;filter:drop-shadow(0 5px 18px #0009);animation:revealUp .8s both}.result-score{display:inline-block;background:#f4b272;color:#1a2231;border-radius:50px;padding:8px 13px;font-size:12px;font-weight:900}.toast{position:fixed;z-index:130;left:50%;bottom:22px;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#f5bd80;color:#152133;border-radius:8px;padding:11px 18px;font-size:12px;font-weight:900;box-shadow:0 10px 30px #0007;transition:opacity .25s,transform .25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes breath{to{transform:translateY(-8px)}}@keyframes actorIdle{to{transform:translateY(-5px)}}@keyframes walkBob{to{transform:translateY(-5px) rotate(2deg)}}@keyframes glow{to{opacity:.4;transform:scale(1.2)}}@keyframes drift{to{background-position:97px 89px,-163px 141px}}@keyframes beacon{50%{box-shadow:0 0 0 14px #ffd88b08,0 0 22px #ffc77ac0}}@keyframes sceneEnter{from{opacity:.3;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes panelEnter{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes target{30%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.7)}}@keyframes revealUp{from{opacity:0;transform:translate(-50%,20%)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:1050px){.menu-screen{grid-template-columns:1fr 1fr}.menu-art{min-height:620px}.menu-copy{padding:35px}.game-grid{grid-template-columns:minmax(0,1fr) 280px}.scene{min-height:420px}.journal{padding:14px}}
@media(max-width:760px){.topbar{height:56px}.game-mark,.back-link,.icon-btn span{display:none}.menu-screen{display:flex;flex-direction:column}.menu-art{height:44dvh;min-height:280px;max-height:410px}.menu-art:after{background:linear-gradient(0deg,#151e2e,transparent 55%)}.menu-person{bottom:-8%}.menu-seal{width:80px;height:80px;font-size:8px;bottom:8%;left:5%}.menu-copy{padding:26px 21px 46px}.menu-copy h1{font-size:clamp(55px,14vw,86px);margin:12px 0 16px}.lede{font-size:15px}.feature-strip{margin-bottom:22px}.game-screen{padding:12px}.game-grid{display:block}.case-bar{margin-bottom:10px}.case-clock{display:none}.scene{height:60dvh;min-height:380px;max-height:640px}.actor{height:clamp(100px,25vw,170px)}.player{height:clamp(110px,28vw,180px)}.hotspot{width:39px;height:39px}.scene-controls{flex-wrap:wrap}.room-switch{width:100%}.room-btn{flex:1}.journal{margin-top:16px}.overlay-card{max-height:92dvh}.deduction-grid{gap:4px}.suspect-choice img{height:90px}}
@media(max-width:420px){.scene{height:55dvh;min-height:345px}.scene-title{top:10px;left:10px;font-size:9px}.hotspot{width:34px;height:34px;font-size:12px}.actor{height:105px}.player{height:115px}.episode-card{grid-template-columns:38px 1fr 18px;gap:9px;padding:12px}.episode-card strong{font-size:14px}.case-bar h2{font-size:19px}.quiet-btn{font-size:10px;padding:7px}.dialogue-head img{height:145px}.dialogue-head{min-height:160px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.menu-art{background:#0d1b2c url('/assets/false-clue/case-key.svg') center/cover no-repeat}.menu-art:after{background:linear-gradient(90deg,transparent 70%,#151e2e 100%),linear-gradient(0deg,#0716269c,transparent 45%,#06111c59)}.poster-top,.poster-bottom,.poster-copy{position:absolute;z-index:4;color:#f6e4c5}.poster-top{top:28px;left:30px;right:30px;display:flex;justify-content:space-between;gap:20px;font-size:11px;font-weight:900;letter-spacing:.2em}.poster-bottom{bottom:29px;left:30px;right:30px;display:flex;justify-content:space-between;gap:15px;padding-top:15px;border-top:1px solid #efd19b8a;font-size:10px;font-weight:800;letter-spacing:.13em}.poster-copy{left:7%;bottom:18%;display:grid;gap:8px;max-width:72%;text-shadow:0 3px 17px #06111dd1}.poster-copy>span{font-size:11px;letter-spacing:.22em;font-weight:900;color:#ffd59c}.poster-copy strong{font-family:'Manrope',sans-serif;font-weight:900;font-size:clamp(31px,4vw,58px);line-height:.98;letter-spacing:-.055em}.poster-copy i{font-size:11px;font-style:normal;font-weight:900;letter-spacing:.12em;color:#fff3db}.menu-screen .episode-card{grid-template-columns:82px 1fr 25px;padding:8px 15px 8px 8px}.episode-thumb{position:relative;overflow:hidden;display:block;width:82px;height:58px;border:1px solid #f3c68d80;border-radius:7px;background:#172336}.episode-thumb img{width:100%;height:100%;object-fit:cover}.episode-thumb b{position:absolute;bottom:2px;left:5px;background:#101524d9;border-radius:4px;padding:1px 4px;font-size:11px;color:#f9d6a3}
.scene-case-effect,.case-prop{position:absolute;pointer-events:none}.scene-case-effect{inset:0;z-index:3;transition:background .35s}.scene[data-case="key"] .scene-case-effect{background:radial-gradient(circle at 18% 66%,#f8cf6860,transparent 13%)}.scene[data-case="key"] .case-prop{left:18%;top:66%;z-index:6;width:96px;height:96px;border:3px dashed #ffe39e;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 24px #f5bd6b,inset 0 0 22px #f5bd6b80;animation:casePulse 2s ease-in-out infinite}.scene[data-case="playlist"] .scene-backdrop{filter:hue-rotate(10deg) saturate(1.23)}.scene[data-case="playlist"] .scene-case-effect{background:radial-gradient(circle at 76% 24%,#ec74cf8a,transparent 23%),linear-gradient(0deg,#3d164b3a,transparent 60%)}.scene[data-case="playlist"] .case-prop{left:76%;top:34%;z-index:6;width:150px;height:45px;background:repeating-linear-gradient(90deg,#8df4e7 0 6px,transparent 6px 16px);filter:drop-shadow(0 0 10px #9fffee);transform:translate(-50%,-50%);clip-path:polygon(0 45%,6% 45%,6% 5%,12% 5%,12% 85%,18% 85%,18% 20%,24% 20%,24% 95%,30% 95%,30% 30%,36% 30%,36% 75%,42% 75%,42% 10%,48% 10%,48% 90%,54% 90%,54% 35%,60% 35%,60% 60%,66% 60%,66% 15%,72% 15%,72% 85%,78% 85%,78% 40%,84% 40%,84% 75%,90% 75%,90% 25%,96% 25%,96% 55%,100% 55%,100% 100%,0 100%);animation:signalGlow 1.4s ease-in-out infinite alternate}.scene[data-case="finale"] .scene-backdrop{filter:brightness(.56) saturate(.65) hue-rotate(14deg)}.scene[data-case="finale"] .scene-case-effect{background:linear-gradient(105deg,transparent 25%,#badffb40 50%,transparent 77%),radial-gradient(circle at 52% 70%,#efad6770,transparent 13%)}.scene[data-case="finale"] .case-prop{left:49%;top:71%;z-index:6;width:130px;height:80px;border-bottom:8px solid #f8c18c;border-radius:50%;transform:rotate(-22deg);filter:drop-shadow(0 0 7px #ffd0a1);animation:signalGlow 1s ease-in-out infinite alternate}.scene[data-case="finale"] .case-prop:after{content:'✦';position:absolute;right:-8px;bottom:-15px;color:#fff0c0;font-size:38px;animation:signalGlow .55s steps(2) infinite}
.reveal-art{height:240px;background:linear-gradient(120deg,#173443,#101a31)!important;padding:30px 34px;display:flex;flex-direction:column;justify-content:center;gap:7px}.reveal-art:after{background:repeating-linear-gradient(0deg,transparent 0 28px,#ffffff0c 29px 30px),linear-gradient(90deg,transparent,#0b152462)!important}.reveal-art[data-case="playlist"]{background:linear-gradient(120deg,#2d2249,#102d45)!important}.reveal-art[data-case="finale"]{background:linear-gradient(120deg,#14273a,#314052)!important}.reveal-art>*{position:relative;z-index:2}.reveal-art .reveal-eyebrow{font-size:10px;color:#f7c48e;font-weight:900;letter-spacing:.18em}.reveal-art strong{font:900 clamp(30px,5vw,56px)/.93 'Manrope',sans-serif;letter-spacing:-.06em;color:#fff6e6}.reveal-art .reveal-culprit{font-size:11px;letter-spacing:.15em;color:#cde5df;font-weight:900}.reveal-art i{position:absolute;z-index:2;right:5%;top:15%;display:grid;place-items:center;width:132px;height:132px;border:4px solid #f8c68c;border-radius:50%;color:#f8c68c;font-size:60px;font-style:normal;transform:rotate(-17deg);box-shadow:0 0 0 9px #f9c68a21;animation:sealPop .7s both}
@keyframes casePulse{50%{opacity:.55;transform:translate(-50%,-50%) scale(1.08)}}@keyframes signalGlow{to{opacity:.35}}@keyframes sealPop{from{opacity:0;transform:rotate(-40deg) scale(.4)}to{opacity:1;transform:rotate(-17deg) scale(1)}}
@media(max-width:760px){.menu-art{height:44dvh;min-height:280px;max-height:410px;background-position:46% center}.poster-top{left:17px;right:17px;top:17px;font-size:8px}.poster-bottom{left:17px;right:17px;bottom:16px;font-size:8px}.poster-copy{left:5%;bottom:19%;max-width:92%}.poster-copy strong{font-size:37px}.poster-copy i,.poster-copy>span{font-size:8px}.menu-screen .episode-card{grid-template-columns:64px 1fr 18px}.episode-thumb{width:64px;height:54px}.reveal-art i{width:85px;height:85px;font-size:42px;right:5%;top:19%}}
.dialogue-monogram,.suspect-avatar{display:grid;place-items:center;flex:none;font-family:Manrope,sans-serif;font-weight:900;color:#fff7e9;background:radial-gradient(circle at 70% 20%,#ffffff40,transparent 45%),linear-gradient(145deg,#487963,#1b3b3a);border:1px solid #ffffff55;box-shadow:inset 0 0 0 7px #ffffff10,0 18px 32px #07121f88}.dialogue-monogram[data-person="cleo"],.suspect-avatar[data-person="cleo"]{background:radial-gradient(circle at 70% 20%,#ffffff40,transparent 45%),linear-gradient(145deg,#a45676,#492942)}.dialogue-monogram[data-person="jules"],.suspect-avatar[data-person="jules"]{background:radial-gradient(circle at 70% 20%,#ffffff40,transparent 45%),linear-gradient(145deg,#ad815d,#4d342d)}.dialogue-monogram{width:150px;height:165px;border-radius:120px 120px 0 0;font-size:100px;line-height:1}.dialogue-head{align-items:end}.suspect-avatar{height:105px;width:100%;border-radius:7px;margin-bottom:8px;font-size:66px}@media(max-width:420px){.dialogue-monogram{width:105px;height:135px;font-size:76px}.suspect-avatar{height:78px;font-size:49px}}
.after-case-offer{margin-top:24px;padding:20px;border:1px solid #a6d5c080;border-radius:13px;background:linear-gradient(135deg,#234845,#192d39);box-shadow:inset 0 1px #ffffff18}.after-case-offer h3{font:900 clamp(19px,3vw,25px)/1.15 Manrope,sans-serif;margin:8px 0}.after-case-offer p{margin:0 0 15px;color:#e7efeb;font-size:13px}.after-case-offer a{display:inline-block;padding:11px 14px;border-radius:8px;background:#e9f4c1;color:#203531;text-decoration:none;font-size:13px;font-weight:900}.after-case-offer a:hover,.after-case-offer a:focus-visible{background:#fff6d7;outline-offset:3px}
