:root{--bg: #141311;--ink: #ece6d8;--muted: #9a9386;--tape: #c9c6a8;--tape-2: #d6c56a;--yes: #3f8f4e;--no: #b33a3a;--stamp: #c42f24;--blue: #8ec4d2;--film: #2a2824}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#050505;color:var(--ink);font-family:Noto Sans SC,sans-serif;-webkit-user-select:none;user-select:none}.phone{position:relative;width:min(430px,100%);height:100%;margin:0 auto;background:radial-gradient(120% 80% at 50% 0%,#2a2722 0%,var(--bg) 55%,#0b0b0a 100%);overflow:hidden;display:flex;flex-direction:column}.grain{pointer-events:none;position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");z-index:0}.phone:before,.phone:after{content:"CH 400  ·  3467214";position:absolute;top:12%;bottom:12%;width:18px;writing-mode:vertical-rl;letter-spacing:.4em;font-size:10px;color:#ffffff1a;z-index:0;pointer-events:none}.phone:before{left:4px}.phone:after{right:4px;transform:rotate(180deg)}.screen{flex:1;display:flex;flex-direction:column;padding:18px 22px calc(18px + env(safe-area-inset-bottom));position:relative;z-index:1}.icon-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:#00000059;color:#fff;font-size:18px;cursor:pointer}.icon-btn.abs{position:absolute;left:12px;top:12px;z-index:3}.gear{position:absolute;left:18px;top:18px}.title-plate{margin:22vh auto 0;display:flex;gap:8px;padding:14px 18px;border:2px solid #ddd;background:#1a1916;transform:rotate(-1deg);box-shadow:0 0 0 6px #111,0 18px 40px #00000073}.title-plate span,.title-plate b{font-family:"Noto Serif SC",serif;font-size:34px;padding:4px 6px}.title-plate b{color:var(--blue)}.tape-btn{margin:auto 18px 0;border:0;min-height:52px;background:repeating-linear-gradient(180deg,#cfd0b6 0 2px,#c4c5ab 2px 4px);color:#1a1a16;font-weight:700;font-size:18px;letter-spacing:.12em;cursor:pointer;clip-path:polygon(1% 8%,99% 0,100% 92%,0 100%)}.tape-btn:disabled{opacity:.45}.tape-btn.yellow{background:repeating-linear-gradient(180deg,#e2d27a 0 2px,#d6c056 2px 4px)}.load-row{margin:22px 8px 8px;display:grid;gap:8px}.load-row i{display:block;height:3px;background:#e7c94a}.load-row span{font-size:13px;color:var(--muted)}.top{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;margin-bottom:10px}.top h1{grid-column:1 / -1;grid-row:1;text-align:center;font-size:14px;font-weight:500;margin:0;pointer-events:none}.energy{grid-column:2;display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px}.plus{width:22px;height:22px;border-radius:50%;border:1px solid #fff;background:transparent;color:#fff;cursor:pointer}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;overflow:auto;padding:6px 2px 10px}.grid.single{grid-template-columns:1fr;justify-items:center;align-content:start;padding-top:18px}.grid.single .polaroid{width:min(280px,100%);padding-bottom:32px}.grid.single .polaroid .cover{height:320px}.opening{padding:0;background:#000}.opening .case-tags{left:56px}.opening-player{position:relative;flex:1;min-height:0;overflow:hidden;background:#000}.opening-player .cover,.opening-player video{width:100%;height:100%;object-fit:cover;display:block}.opening-player .play-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#d6c56a;transform-origin:left center;animation:playbar 5s linear forwards;z-index:2}.opening-copy{margin:0;padding:16px 22px 8px;text-align:center}.opening .hint{padding:0 22px 22px;text-align:center}.polaroid{position:relative;background:#efece4;border:0;padding:8px 8px 28px;text-align:left;cursor:pointer;box-shadow:0 10px 18px #00000059}.polaroid em{position:absolute;z-index:2;top:10px;left:8px;font-style:normal;font-size:10px;background:#6d7f93;color:#fff;padding:2px 6px;transform:rotate(-8deg)}.polaroid .cover{height:118px}.polaroid label{position:absolute;left:8px;right:8px;bottom:6px;font-size:13px;color:#222;text-align:center;font-weight:700}.polaroid .cam{position:absolute;inset:28px 8px 32px;display:grid;place-items:center;background:#00000073}.polaroid .cam:after{content:"";width:28px;height:20px;border:2px solid #fff;border-radius:4px;box-shadow:6px -6px 0 -4px #fff}.stamp{position:absolute;right:10px;top:46px;z-index:2;border:2px solid var(--stamp);color:var(--stamp);padding:4px 6px;transform:rotate(18deg);font-size:13px;background:#fff3}.pager{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:auto}.pager button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;font-size:22px;cursor:pointer}.pager button:disabled{opacity:.25}.ai-note{text-align:center;font-size:11px;color:#777;margin:8px 0 0}.split{padding:0}.hero{position:relative;height:42%;min-height:230px;overflow:hidden}.hero.compact{height:34%;min-height:190px}.hero .cover{width:100%;height:100%}.case-tags{position:absolute;z-index:3;top:14px;left:56px;right:16px;display:flex;align-items:center;gap:0}.case-tags i,.case-tags b{font-style:normal;font-size:13px;padding:6px 10px}.case-tags i{background:#3a3936}.case-tags b{background:#efece4;color:#111;font-family:"Noto Serif SC",serif}.rewatch,.side-tools button{position:absolute;left:12px;bottom:18px;z-index:3;width:54px;border:0;background:transparent;color:#fff;font-size:20px;cursor:pointer}.rewatch small,.side-tools small{display:block;font-size:10px}.side-tools{position:absolute;left:8px;bottom:10px;z-index:3;display:grid;gap:10px}.side-tools button{position:static;width:auto}.film{flex:0 0 14px;height:14px;background:repeating-linear-gradient(90deg,#111 0 10px,#cfc8b0 10px 14px,#111 14px 24px);opacity:.85}.panel{flex:1;padding:18px 28px;display:flex;flex-direction:column;background:linear-gradient(#1b1a17,#12110f);min-height:0}.panel h2,.clue h3{margin:0 0 12px;text-align:center;font-size:16px;font-weight:600;line-height:1.35;background:none}.panel h2:after,.clue h3:after{content:"";display:block;width:72px;height:3px;margin:8px auto 0;background:#d8d4c4}.soup{line-height:1.7;font-size:15px;margin:0 4px 16px}.soup em{color:#7dce7a;font-style:normal;font-weight:700}.panel .tape-btn{margin-top:auto}.panel-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:4px}.panel-head h2{grid-column:2;margin:0}.panel-head .ghost{grid-column:3;justify-self:end;align-self:center}.ghost{border:0;background:transparent;color:var(--ink);cursor:pointer;font-size:13px;white-space:nowrap;padding:4px 0 4px 8px}.hint{margin:8px 0;color:#ddd;font-size:13px}.hint.dim{color:var(--muted);text-align:center;font-size:12px}.kw-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 10px}.kw{min-height:46px;border:1px dashed rgba(255,255,255,.35);background:#1e1d1a;color:#fff;font-size:16px;cursor:pointer}.kw:disabled{color:#888}.mini-log,.log{list-style:none;padding:0;margin:0 0 10px}.mini-log li,.log li{display:flex;justify-content:space-between;gap:8px;border:1px dashed rgba(255,255,255,.25);padding:8px 10px;margin-bottom:6px;font-size:13px}.yes,b.yes{background:var(--yes);color:#fff;padding:2px 6px}.no,b.no{background:var(--no);color:#fff;padding:2px 6px}.kw-banner{align-self:center;background:var(--blue);color:#102027;font-weight:700;padding:6px 16px;clip-path:polygon(4% 0,100% 8%,96% 100%,0 92%)}.subs{list-style:none;padding:0;margin:8px 0 16px;display:grid;gap:10px}.subs button,.opt-grid button{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:46px;padding:0 14px;border:1px dashed rgba(255,255,255,.4);background:transparent;color:#fff;font-size:15px;cursor:pointer}.subs button.on,.opt-grid button.on{background:#ffffff0f}.dot{width:16px;height:16px;border-radius:50%;border:1px solid #fff;display:inline-block}.dot.on{background:#fff;box-shadow:inset 0 0 0 3px #111}.result-card{position:relative;min-height:120px;border:1px solid rgba(255,255,255,.2);padding:18px 14px;margin:10px 0 16px;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(255,255,255,.03) 3px 4px)}.result-card strong{display:block;margin:18px auto 0;width:max-content;background:var(--tape-2);color:#111;padding:8px 18px;font-size:18px}.clue .tape-btn,.ask .tape-btn{margin-top:auto}.opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 16px}.q{text-align:center;font-size:18px;margin:8px 0 14px}.quiz .top{grid-template-rows:auto auto}.hearts{grid-column:1 / -1;grid-row:2;display:flex;justify-content:center;gap:6px;color:#4a201c;font-size:22px;margin-top:4px}.hearts .on{color:#e23b32}.quiz-nav{display:flex;align-items:center;gap:10px}.quiz-nav .tape-btn{flex:1;margin:0}.hint-ad{margin-top:12px;border:1px dashed rgba(255,255,255,.35);background:transparent;color:#ddd;min-height:40px;cursor:pointer}.verdict{justify-content:center;text-align:center;gap:22px}.tiles{display:flex;justify-content:center;gap:8px}.tiles i{font-style:normal;font-family:"Noto Serif SC",serif;font-size:28px;width:52px;height:52px;display:grid;place-items:center;background:#d7c48a;color:#1a1a16;transform:rotate(-2deg)}.tiles i:nth-child(2){transform:rotate(3deg)}.tiles i:nth-child(3){transform:rotate(-4deg)}.tiles.bad i{background:#efece4}.gold{color:#e7c94a}.verdict .tape-btn{width:calc(100% - 36px)}.round-stamp{position:absolute;right:12px;bottom:18px;z-index:3;width:92px;height:92px;border:3px solid var(--stamp);border-radius:50%;color:var(--stamp);display:grid;place-items:center;text-align:center;font-size:13px;transform:rotate(-18deg);background:#00000040}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.two button{min-height:40px;border:1px dashed rgba(255,255,255,.35);background:transparent;color:#fff;cursor:pointer}.modal{position:absolute;inset:0;z-index:20;background:#0000009e;display:grid;place-items:center;padding:24px}.sheet{width:100%;background:#1c1b18;border:1px solid rgba(255,255,255,.2);padding:20px;display:grid;gap:12px;text-align:center}.sheet.tape{padding:14px 14px 16px;background:#0d0c0b}.sheet.tape>p:first-child{margin:0;font-size:13px;letter-spacing:.2em;color:#c9c6a8}.sheet.tape .player{position:relative;width:100%;height:min(52vh,420px);overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.12)}.sheet.tape .player .cover,.sheet.tape .player video{width:100%;height:100%;object-fit:cover;display:block}.sheet.tape .play-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#d6c56a;transform-origin:left center;animation:playbar 5s linear forwards}@keyframes playbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.cover-photo{overflow:hidden;background:#0c0b0a}.cover-photo img{width:100%;height:100%;object-fit:cover;object-position:58% 40%;display:block}.cover-photo.is-playing img{animation:kenburns 5s ease-out forwards}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.14) translate(-1.5%,2.5%)}}.toast{position:absolute;top:52px;left:50%;transform:translate(-50%);z-index:30;background:#111;border:1px solid #666;padding:8px 14px;font-size:13px}.cover{background:#222}.cover-candle{background:radial-gradient(circle at 50% 70%,#f3d27a 0 6%,transparent 8%),radial-gradient(circle at 50% 78%,#7a3b16 0 12%,transparent 13%),linear-gradient(#1b2430,#0b0d10)}.cover-hatch{background:radial-gradient(circle at 50% 48%,#4a5560 0 18%,transparent 19%),conic-gradient(from 0deg,#2c333c,#111,#2c333c)}.cover-station{background:linear-gradient(180deg,#20242c 0 40%,#c9a227 40% 42%,#151820 42%)}.cover-alarm{background:radial-gradient(circle at 50% 48%,#d7c48a 0 4%,transparent 5%),radial-gradient(circle at 50% 52%,transparent 22%,#2a2420 23% 28%,transparent 29%),linear-gradient(#1a1512,#0c0b0a)}.cover-wallet{background:radial-gradient(ellipse at 50% 60%,#1a1a1a 0 22%,transparent 23%),linear-gradient(#5a6570,#2c3338)}.cover-glasses{background:radial-gradient(circle at 38% 48%,#89c 0 7%,transparent 8%),radial-gradient(circle at 62% 48%,#89c 0 7%,transparent 8%),linear-gradient(#2a2a28,#111)}.cover-crowd{background:radial-gradient(circle at 35% 50%,#6b5344 0 16%,transparent 17%),radial-gradient(circle at 68% 52%,#4a3b34 0 16%,transparent 17%),linear-gradient(#1c1a18,#0e0d0c)}