:root{--night: #0f1729;--night-raised: #1c263d;--wood: #3d2619;--wood-dark: #21140f;--paper: #f2e8d4;--paper-shade: #e0d1b5;--manila: #d6b880;--ink: #29241f;--gold: #d1a833;--muted: #a8b0c2;--stamp: #b82924;--serif: ui-serif, "New York", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--type: "American Typewriter", "Courier Prime", "Courier New", Courier, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--tap: 44px;--pad: 16px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:1rem/1.5 var(--sans);color:var(--paper);background:radial-gradient(120% 80% at 50% 0%,var(--wood) 0%,var(--wood-dark) 70%) fixed,var(--wood-dark);-webkit-font-smoothing:antialiased}.app{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px var(--pad);min-height:56px}.brand{font:600 1.15rem var(--serif);color:var(--paper);text-decoration:none}.screen{flex:1;padding:0 var(--pad) 32px}h1,h2,h3{font-family:var(--serif);font-weight:600;margin:0}h1{font-size:2rem;line-height:1.15}.kicker{font:700 .75rem var(--type);letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin:24px 0 8px}.muted{color:var(--muted)}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 18px;border-radius:12px;border:0;cursor:pointer;font:600 1rem var(--sans);text-decoration:none}.primary{background:var(--gold);color:var(--ink)}.secondary{background:transparent;color:var(--paper);border:1.5px solid rgba(242,232,212,.35)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.file-card{position:relative;display:block;width:100%;text-align:left;color:var(--ink);background:var(--manila);border-radius:4px;padding:26px 18px 18px;margin-top:18px;box-shadow:0 14px 28px #00000073;transform:rotate(-.8deg);text-decoration:none}.file-card .tab{position:absolute;top:-14px;left:14px;background:var(--manila);padding:4px 12px;border-radius:4px 4px 0 0;font:700 .7rem var(--type);letter-spacing:.1em}.file-card .paper{background:var(--paper);padding:14px;box-shadow:0 2px 4px #0003}.file-card h2{font-size:1.4rem}.dots{color:var(--stamp);letter-spacing:.2em;font-size:.85rem}.stamp{display:inline-block;border:2.5px solid var(--stamp);color:var(--stamp);padding:2px 8px;font:700 .75rem var(--type);letter-spacing:.15em;text-transform:uppercase;transform:rotate(-6deg)}.path{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}.node{display:flex;align-items:center;gap:12px;min-height:var(--tap);padding:10px 12px;border-radius:12px;background:#0f17298c;color:var(--paper);text-decoration:none}.node .badge{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--night-raised);font-weight:700}.node.solved .badge{background:var(--stamp)}.node.next .badge{background:var(--gold);color:var(--ink)}.node.locked{opacity:.6}.node small{display:block;color:var(--muted)}.footer-cta{position:sticky;bottom:0;padding:12px var(--pad) calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--wood-dark) 30%)}.footer-cta .primary{width:100%;min-height:56px}.error{background:#b8292433;border:1px solid var(--stamp);padding:12px;border-radius:10px}select{min-height:var(--tap);background:var(--night-raised);color:var(--paper);border:1px solid rgba(242,232,212,.25);border-radius:10px;padding:0 10px;font:inherit}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.case-app{max-width:520px}.icon-button{min-width:var(--tap);min-height:var(--tap);padding:0;background:transparent;color:var(--paper);font-size:1.15rem;border-radius:50%}.wide{width:100%;margin-top:10px}.label{font:700 .7rem var(--type);letter-spacing:.15em;text-transform:uppercase}.type{font-family:var(--type)}.muted-ink{color:#29241f8c}.serif-bold{font:700 1.1rem var(--serif)}.serif-italic{font:italic 1rem var(--serif)}.paper-sheet{position:relative;background:var(--paper);color:var(--ink);padding:16px;margin:16px 0;box-shadow:0 8px 18px #00000073}.paper-sheet.manila{background:var(--manila)}.paper-sheet.message{background:#f7f3ea;border-left:3px solid rgba(184,41,36,.5)}.paper-sheet h2{font-size:1.35rem;margin:6px 0}.paper-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.stamp{display:inline-block;border:2.5px solid currentColor;padding:2px 8px;font:700 1em var(--type);letter-spacing:.12em;text-transform:uppercase;opacity:.9;white-space:nowrap}.pushpin{display:inline-block;width:16px;height:16px;border-radius:50%;box-shadow:0 2px 3px #00000080}.pin-top{position:absolute;top:-8px;left:50%;transform:translate(-50%)}.pin-corner{position:absolute;top:-8px;right:20px}.polaroid{position:relative;margin:0 auto;background:#f7f3ea;padding:6px 6px 0;box-shadow:0 5px 10px #00000080;color:var(--ink)}.polaroid img,.polaroid-blank{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#2b2b2b}.polaroid figcaption{font:.8rem var(--type);text-align:center;padding:6px 2px 10px}.mugshot{position:relative;background:#f7f3ea;padding:6px;box-shadow:0 5px 10px #00000080;margin:0 auto}.mugshot img{display:block;width:100%;object-fit:cover;object-position:top;background:#1d2433}.mugshot-label{background:#000000d9;color:var(--paper);text-align:center;padding:5px 4px;font:700 .65rem var(--type);display:grid}.mugshot-label strong{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mugshot-stamp{position:absolute;inset:0 0 30%;display:grid;place-items:center;pointer-events:none}.doc-card{position:relative;width:150px;height:192px;margin:0 auto;padding:10px;background:var(--paper);color:var(--ink);text-align:left;overflow:hidden;box-shadow:0 5px 10px #00000080;display:flex;flex-direction:column;gap:4px}.doc-card.message{background:#f7f3ea;border-left:3px solid rgba(184,41,36,.5)}.doc-card small{font:700 .6rem var(--type);opacity:.6;letter-spacing:.1em}.doc-card strong{font:700 .85rem var(--type)}.doc-card p{font:.7rem/1.35 var(--type);opacity:.75;margin:0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.face-down{width:150px;height:192px;margin:0 auto;display:grid;place-items:center;border:1.5px dashed rgba(242,232,212,.35);border-radius:4px;background:#bd9c6633;font:900 3.4rem var(--serif);color:#f2e8d459}.briefing{padding:0 var(--pad) 110px;position:relative}.briefing header{padding-top:56px}.close-top{position:absolute;top:8px;right:4px}.briefing .tagline{font:italic 1.15rem var(--sans);opacity:.7;margin:6px 0 0}.rookie{color:var(--gold);font-weight:600;font-size:.9rem}.victim-row{display:flex;gap:14px;align-items:flex-start}.victim-row .polaroid{margin:0;flex:none}.briefing-text{font-size:1rem;line-height:1.6;white-space:pre-line;min-height:6em}.strip{display:flex;gap:14px;overflow-x:auto;padding:8px 4px 12px}.strip-item{flex:none;width:112px;text-align:center}.strip-item small{display:block;color:#f2e8d4bf;margin-top:6px;font-size:.75rem}.investigation{min-height:100vh;display:flex;flex-direction:column}.surface-night{background:var(--night)}.surface-cork{background:#8a6a45 radial-gradient(rgba(0,0,0,.12) 1px,transparent 1.5px) 0 0 / 7px 7px}.case-bar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:var(--tap) 1fr var(--tap);align-items:center;padding:4px 8px;background:var(--wood-dark)}.case-bar-title{font:600 1.05rem var(--sans);text-align:center}.case-content{flex:1;padding:var(--pad)}.accuse-bar{position:sticky;bottom:64px;z-index:4;display:flex;gap:12px;align-items:center;padding:10px var(--pad);background:var(--wood-dark)}.accuse-bar .primary{flex:1;min-height:52px}.attempts{color:var(--muted);letter-spacing:2px;font-size:1.1rem}.attempts .on{color:var(--gold)}.case-tabs{position:sticky;bottom:0;z-index:4;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#1a100c;border-top:1px solid rgba(242,232,212,.08)}.case-tabs button{flex-direction:column;gap:0;min-height:52px;padding:2px;background:transparent;color:#f2e8d4b3;font:600 .68rem var(--sans);border-radius:12px}.case-tabs button.active{color:var(--gold);background:#d1a8331f}.case-tabs button span{font-size:1.15rem}.wrong-banner{position:sticky;top:52px;z-index:6;margin:6px var(--pad);display:flex;gap:10px;align-items:flex-start;background:var(--paper);color:var(--ink);border-radius:14px;padding:8px 0 8px 12px}.wrong-banner img{border-radius:50%}.wrong-banner p{margin:2px 0 0;font-size:.9rem}.wrong-banner .icon-button{color:var(--ink)}.scene-help{color:#f2e8d4cc;font-size:.95rem;margin:0 0 12px}.scene-canvas{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:6px;overflow:hidden;box-shadow:0 10px 22px #0009;border:1px solid rgba(247,243,234,.15);user-select:none;-webkit-user-select:none;cursor:crosshair}.scene-canvas>img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.flashlight{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;transform:translate(-50%,-50%);width:var(--tap);height:var(--tap);min-height:0;padding:0;border-radius:50%;background:radial-gradient(circle,rgba(209,168,51,.35),transparent 70%)}.hotspot span{width:28px;height:28px;border-radius:50%;border:2px solid var(--gold);display:grid;place-items:center;font-size:.75rem;color:var(--paper)}.hotspot.done span{background:#d1a833d9;color:var(--ink);font-weight:900}.hotspot.pulse span{animation:pulse 1.1s ease-in-out infinite alternate}@keyframes pulse{to{transform:scale(1.3)}}.scene-progress{color:var(--paper);font-weight:600;margin:12px 0 0}.scene-progress span{color:var(--gold)}.found-overlay{position:fixed;inset:0;z-index:30;background:#000000c7;display:grid;place-items:center;padding:var(--pad)}.found-inner{width:100%;max-width:420px;text-align:center}.found-title{font:1.05rem var(--type);color:var(--paper)}.found-cards{position:relative;display:flex;justify-content:center;padding:18px 0 26px}.found-card{margin:0 -24px;animation:drop .55s cubic-bezier(.3,1.4,.5,1) both}@keyframes drop{0%{transform:translateY(-120vh)}}.found-stamp{position:absolute;right:8%;bottom:6px;animation:slam .3s .45s both}@keyframes slam{0%{transform:scale(2.4);opacity:0}to{transform:scale(1);opacity:1}}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px 14px}.plain-card{flex-direction:column;background:transparent;padding:0;color:inherit;font:inherit;min-height:0}.plain-card small{display:block;color:#f2e8d4bf;text-align:center;margin-top:8px;font-size:.78rem}.sheet-backdrop{position:fixed;inset:0;z-index:20;background:#0000008c;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:520px;max-height:70vh;background:var(--wood-dark);border-radius:18px 18px 0 0;display:flex;flex-direction:column;outline:none;box-shadow:0 -10px 30px #00000080}.sheet.tall{max-height:92vh}.sheet-header{display:grid;grid-template-columns:1fr var(--tap);align-items:center;padding:6px 8px 0 16px}.sheet-title{font:600 1rem var(--sans)}.sheet-body{overflow-y:auto;padding:0 var(--pad) calc(24px + env(safe-area-inset-bottom))}.suspect-head{display:flex;gap:16px;align-items:flex-start}.suspect-head .mugshot{margin:0;flex:none}.suspect-head h2{font-size:1.4rem}.statement{font-size:1rem;line-height:1.6}.audio-button{gap:8px;padding:0 8px;background:transparent;color:var(--ink)}.audio-dot{width:30px;height:30px;border-radius:50%;background:var(--stamp);color:var(--paper);display:grid;place-items:center;font-size:.7rem}.wave{display:inline-flex;gap:3px;align-items:center;height:18px}.wave i{width:3px;height:30%;background:var(--stamp);border-radius:2px}.audio-button.playing .wave i{animation:wave .8s ease-in-out infinite alternate}.wave i:nth-child(2){animation-delay:.1s!important}.wave i:nth-child(3){animation-delay:.25s!important}.wave i:nth-child(4){animation-delay:.15s!important}@keyframes wave{to{height:100%}}.mark-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mark-picker button{flex-direction:column;gap:2px;min-height:56px;background:var(--night-raised);font:600 .85rem var(--sans);border-radius:10px}.evidence-progress{display:grid;grid-template-columns:1fr auto;gap:6px;margin-bottom:18px;color:var(--paper)}.evidence-progress progress{grid-column:1 / -1;width:100%;accent-color:var(--gold)}.evidence-detail{padding-top:14px}.suspect-web{position:relative;width:100%;aspect-ratio:1;margin-bottom:20px}.suspect-web{aspect-ratio:1 / 1.08}.suspect-web svg.strings{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.web-node{position:absolute;transform:translate(-50%,-50%);background:transparent;padding:0;min-height:0}.web-node.center{left:50%;top:50%}.board-label{display:inline-block;background:var(--paper);color:var(--ink);font:700 .7rem var(--type);letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;box-shadow:0 3px 6px #00000059;margin:18px 0 14px}.board .muted{color:#f2e8d4d9}.board-row{display:flex;gap:16px;overflow-x:auto;padding:12px 4px 14px}.board-row>*{flex:none}.index-card{position:relative;background:#fffdf6;color:var(--ink);padding:14px;margin:14px 0;border-top:3px solid #d65a52;box-shadow:0 4px 8px #00000059;font:.95rem/1.5 var(--type)}.sticky-note{position:relative;background:#f6e27a;color:var(--ink);padding:18px 14px 12px;box-shadow:0 6px 10px #00000059;transform:rotate(-1deg)}.sticky-note.small{margin-top:18px;font:.95rem var(--type)}.sticky-note textarea{width:100%;background:transparent;border:0;resize:vertical;font:1rem/1.5 var(--type);color:var(--ink)}.sticky-note textarea:focus{outline:2px dashed rgba(41,36,31,.4)}.timeline{display:grid;gap:18px;border-left:3px solid rgba(184,41,36,.7);margin-left:34px;padding-left:0}.timeline-card{position:relative;display:flex;gap:12px;align-items:flex-start;margin-left:-34px}.time-tag{position:relative;flex:none;width:64px;background:var(--manila);color:var(--ink);font:700 .9rem var(--type);text-align:center;padding:8px 4px;box-shadow:0 3px 6px #00000059}.timeline-slip{flex:1;background:var(--paper);color:var(--ink);padding:10px 12px;box-shadow:0 4px 8px #00000059}.timeline-slip p{margin:0;font:.95rem/1.45 var(--type)}.timeline-slip small{display:block;margin-top:6px;opacity:.6;font-size:.75rem}.envelope{width:100%;flex-direction:column;gap:4px;min-height:120px;margin:14px 0;background:var(--manila);color:var(--ink);border-radius:6px;padding:16px;box-shadow:0 6px 12px #0006}.envelope.pro{background:linear-gradient(135deg,#e6c86a,var(--manila))}.envelope span{font:.85rem var(--sans);opacity:.8}.lineup{display:flex;gap:12px;overflow-x:auto;padding:8px 4px 12px}.lineup-card{position:relative;flex:none;flex-direction:column;background:transparent;padding:6px;border-radius:10px;border:2px solid transparent;min-height:0;color:var(--paper)}.lineup-card.selected{border-color:var(--gold);background:#d1a8331f}.lineup-card small{margin-top:6px;font-size:.78rem}.accused-stamp{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);animation:slam .3s both}.index-choices{display:grid;gap:8px}.index-choice{justify-content:flex-start;text-align:left;min-height:48px;background:#fffdf6;color:var(--ink);border-radius:2px;border-top:2px solid #d65a52;font:.95rem var(--type);padding:10px 14px;box-shadow:0 2px 4px #0000004d}.index-choice.selected{outline:3px solid var(--stamp);outline-offset:-3px;border-radius:40px}.confirm{position:sticky;bottom:0;background:var(--wood-dark);padding:14px 0 6px;border-top:1px solid rgba(242,232,212,.15)}.primary:disabled{opacity:.45;cursor:default}.result{padding:12px var(--pad) 200px}.gazette{background:var(--paper);color:var(--ink);padding:18px 16px 22px;box-shadow:0 12px 28px #0000008c}.gazette-mast{font:900 1.25rem var(--serif);text-align:center;letter-spacing:.04em;margin:0;border-bottom:3px double var(--ink);padding-bottom:6px}.gazette-rule{display:flex;justify-content:space-between;font:700 .65rem var(--type);letter-spacing:.1em;border-bottom:1px solid var(--ink);padding:4px 0}.gazette-headline{font:900 2.1rem/1.05 var(--serif);text-align:center;margin:16px 0 6px}.gazette-sub{font:italic 1.1rem var(--serif);text-align:center;margin:0 0 14px}.gazette-score{display:flex;gap:14px;align-items:flex-start;border-top:1px solid var(--ink);padding-top:14px}.culprit{position:relative;margin:0;width:120px;flex:none;text-align:center}.culprit img{width:120px;height:140px;object-fit:cover;object-position:top;filter:grayscale(1);display:block}.culprit-stamp{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.culprit figcaption{font:italic .8rem var(--serif);margin-top:4px}.big-score{font:900 3.4rem/1 var(--serif);margin:0 0 8px;font-variant-numeric:tabular-nums}.stat{display:flex;justify-content:space-between;gap:18px;margin:2px 0;font:.8rem var(--type);text-transform:uppercase}.first-try{display:inline-block;margin-top:6px;background:var(--stamp);color:var(--paper);border-radius:999px;padding:3px 10px;font-weight:700;font-size:.8rem}.gazette-block{border-top:1px solid var(--ink);margin-top:16px;padding-top:12px}.gazette-block h2{font-size:1.2rem}.chain{padding-left:1.2em;font:1rem/1.55 var(--serif)}.chain li{margin:8px 0}.chain small{display:block;font:.75rem var(--type);opacity:.6}.secondary-ink{background:transparent;border:1.5px solid var(--ink);color:var(--ink)}.result-footer{position:fixed;left:0;right:0;bottom:0;max-width:520px;margin:0 auto;padding:12px var(--pad) calc(12px + env(safe-area-inset-bottom));background:var(--wood-dark)}.result-footer .primary.wide{margin-top:0;min-height:56px}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.next-file{margin:0 0 10px;color:var(--muted);font-size:.9rem}.found-overlay .secondary{background:#000000a6}.topbar{position:sticky;top:0;z-index:10;background:transparent}.go-pro{min-height:36px;padding:0 14px;border-radius:999px;background:var(--gold);color:var(--ink);font:600 .9rem var(--sans)}.tab-screen{padding-bottom:110px}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(10px + env(safe-area-inset-bottom));z-index:10;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:min(360px,calc(100% - 32px));padding:6px;border-radius:999px;background:#21140feb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(242,232,212,.1);box-shadow:0 10px 24px #00000073}.tabbar button{flex-direction:column;gap:0;min-height:52px;padding:2px;background:transparent;color:#f2e8d4bf;font:600 .72rem var(--sans);border-radius:999px}.tabbar button span{font-size:1.2rem}.tabbar button.active{color:var(--gold);background:#d1a83324}.streak-line{background:transparent;color:var(--paper);padding:0;font:600 .95rem var(--sans);justify-content:flex-start}.countdown{margin:0;color:var(--paper);font-size:.95rem}.mono{font-variant-numeric:tabular-nums;font-family:var(--type)}.collecting{display:flex;align-items:center;gap:14px;margin-top:18px;color:#f2e8d4cc}.collecting img{border-radius:50%}.folder-button{display:block;width:100%;padding:0;background:transparent;text-align:left}.folder-button .file-card{transform:none;margin-top:18px}.folder-stamp{position:absolute;right:14px;top:8px}.pro-tag{margin:8px 0 0;color:var(--stamp);font-weight:700;font-size:.85rem}.case-path{display:flex;flex-direction:column;align-items:center;gap:18px;padding-bottom:20px}.chapter{display:contents}.chapter-banner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;margin-top:10px}.chapter-banner .rule{height:1px;background:#d1a83366}.chapter-banner div{position:relative;text-align:center}.chapter-banner strong{display:block;color:var(--gold);font:700 .75rem var(--type);letter-spacing:.2em}.chapter-banner small{color:#f2e8d4b3;font-size:.72rem}.chapter-stamp{position:absolute;right:-54px;top:-8px}.path-node{flex-direction:column;gap:6px;background:transparent;padding:0;min-height:0;color:var(--paper)}.node-disc{position:relative;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:var(--manila);border:3px solid rgba(41,36,31,.3);box-shadow:0 5px 10px #00000080;color:var(--ink)}.path-node.solved .node-disc{border-color:var(--stamp)}.path-node.current .node-disc,.path-node.proLocked .node-disc{border-color:var(--gold)}.path-node.failed .node-disc{background:#bd9c66b3}.path-node.orderLocked .node-disc,.path-node.sealed .node-disc{background:var(--night-raised);border:3px dashed rgba(242,232,212,.25);color:#f2e8d499}.path-node.proLocked .node-disc{background:var(--night-raised);color:var(--gold)}.node-ring{position:absolute;inset:-6px;border-radius:50%;border:3px solid rgba(209,168,51,.7);animation:ring 1.6s ease-out infinite}@keyframes ring{to{inset:-16px;opacity:0}}.node-owl{position:absolute;left:-62px;top:15px;border-radius:50%}.node-solved{display:grid;justify-items:center;color:var(--stamp);font-size:1.4rem;line-height:1}.node-solved b,.node-pro b{font-size:.72rem;font-weight:900}.node-failed{font-size:1.8rem;opacity:.55}.node-start{font:900 .78rem var(--type)}.node-open,.node-lock,.node-moon{font-size:1.5rem}.node-pro{display:grid;justify-items:center;line-height:1}.node-caption{display:grid;justify-items:center;max-width:170px;text-align:center}.node-caption small{color:#d1a833e6;font:700 .65rem var(--type)}.node-caption span{font:600 .82rem var(--type)}.path-node.orderLocked .node-caption span,.path-node.sealed .node-caption span,.path-node.proLocked .node-caption span{opacity:.6}.chapter-card{width:min(360px,100%);background:var(--paper);color:var(--ink);padding:22px;text-align:center;box-shadow:0 14px 30px #0009}.chapter-card-head{display:flex;justify-content:center;align-items:center;gap:14px}.chapter-card-head img{border-radius:50%}.segmented{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;margin:16px 0;border-radius:10px;background:#0f17298c}.segmented button{min-height:36px;padding:0 6px;background:transparent;color:var(--paper);font:600 .85rem var(--sans);border-radius:8px}.segmented button.active{background:var(--paper);color:var(--ink)}.standings-paper{padding-bottom:14px}.byline{margin:10px 0 4px;font-family:var(--serif)}.you-rank{font:700 1.05rem var(--serif);margin:4px 0 10px}.podium{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:8px;margin:18px 0 10px;text-align:center}.podium-step strong{display:block;font:700 .8rem var(--serif);margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-step small{display:block;font-size:.72rem;opacity:.7}.podium-step.me strong{color:var(--stamp)}.podium-avatar{position:relative;display:inline-block;border:3px solid;border-radius:50%}.medal{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:var(--ink);font:900 .75rem var(--serif)}.podium-base{margin-top:8px;background:linear-gradient(var(--wood),var(--wood-dark));color:var(--paper);font:900 1.6rem var(--serif);display:grid;place-items:center;border-radius:4px 4px 0 0}.avatar{border-radius:50%;object-fit:cover;display:block}.avatar.initial{display:grid;place-items:center;background:var(--night-raised);color:var(--paper);font-family:var(--serif);font-weight:700}.standings-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--ink)}.standings-list li{display:grid;grid-template-columns:28px 30px 1fr auto auto;gap:10px;align-items:center;padding:8px 2px;border-bottom:1px solid rgba(41,36,31,.2);font-family:var(--serif)}.standings-list li.me{background:#d1a83340}.standings-list b{text-align:right}.standings-list small{font:.75rem var(--type);opacity:.6}.standings-list i{font-style:normal;font-weight:800}.identity{display:flex;flex-direction:column;align-items:center;gap:10px;margin:18px 0}.avatar.big{width:88px;height:88px;font-size:2.4rem;border:3px solid var(--gold)}.name-button{background:transparent;color:var(--paper);font:600 1.4rem var(--serif)}.rank-card h2{font-size:1.6rem}.rank-stats{display:flex;gap:28px;margin:10px 0}.rank-stats b{display:block;font:900 1.6rem var(--serif)}.rank-stats small{font-size:.75rem}.rank-card progress{width:100%;accent-color:var(--stamp)}.streak-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px;border-radius:14px;background:#0f17298c;margin-top:12px}.streak-card .flame{font-size:1.8rem}.streak-card strong{display:block}.streak-card small{display:block;color:#f2e8d4b3;font-size:.85rem}.streak-card .best{text-align:center}.streak-card .best b{display:block;font-size:1.3rem}.small-note{font-size:.85rem;margin:8px 2px}.section-title{color:var(--gold);font:700 .75rem var(--type);letter-spacing:.15em;text-transform:uppercase;margin:26px 0 10px}.badges{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;background:var(--paper);padding:16px;box-shadow:0 8px 18px #00000073}.badge{display:grid;justify-items:center;gap:6px;text-align:center;color:var(--ink)}.badge .seal{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:3px dashed rgba(41,36,31,.25);font-size:1.4rem;opacity:.5}.badge.earned .seal{border:3px solid var(--stamp);opacity:1;color:var(--stamp)}.badge small{font-size:.72rem;font-weight:600}.settings-group{border-radius:12px;background:#0f17298c;overflow:hidden;margin-bottom:10px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:52px;padding:0 16px;background:transparent;color:var(--paper);text-decoration:none;font:1rem var(--sans);border-radius:0;border-bottom:1px solid rgba(242,232,212,.08)}.settings-row:last-child{border-bottom:0}.settings-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--gold)}.settings-row.danger{color:#ff6b61;justify-content:center}.danger-fill{background:#c0392b;color:#fff}.text-input{width:100%;min-height:var(--tap);border-radius:10px;border:1px solid rgba(242,232,212,.3);background:var(--night-raised);color:var(--paper);padding:0 12px;font:1rem var(--sans)}.intro{min-height:100vh;display:flex;flex-direction:column;padding:12px var(--pad) 0}.intro-top{display:flex;justify-content:flex-end}.intro-page{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px;animation:fadein .35s ease-out both}@keyframes fadein{0%{opacity:0;transform:translate(20px)}}.intro-art{display:grid;place-items:center;min-height:300px}.intro-art.desk img{width:min(280px,75vw);border-radius:22%;box-shadow:0 30px 60px #0009,0 0 120px #d1a8332e}.intro-art.scene img{width:min(260px,70vw);aspect-ratio:3/4;object-fit:cover;border-radius:10px;box-shadow:0 20px 40px #0009}.intro-lineup{display:flex;justify-content:center}.intro-lineup img{width:110px;height:140px;object-fit:cover;object-position:top;border:6px solid #f7f3ea;margin:0 -10px;box-shadow:0 8px 16px #00000080}.intro-text{color:#f2e8d4cc;font-size:1.05rem;margin:0}.footer-bar{position:sticky;bottom:0;padding:12px 0 calc(16px + env(safe-area-inset-bottom));display:grid;gap:12px;justify-items:center}.footer-primary{width:100%;height:60px;font-size:1.05rem}.page-dots{display:flex;gap:8px}.page-dots span{width:8px;height:8px;border-radius:50%;background:#f2e8d44d}.page-dots span.on{background:var(--gold);width:22px;border-radius:4px}.topbar{background:none;isolation:isolate}.topbar:before{content:"";position:absolute;inset:0 calc(50% - 50vw) -14px;z-index:-1;background:linear-gradient(#21140ff5 55%,#21140f00);pointer-events:none}html,body{overflow-x:clip}.account-step{justify-content:flex-start;padding-top:40px}.account-owl{align-self:center;margin:24px 0;border-radius:50%;box-shadow:0 0 80px #d1a83333}.google-button{width:100%;display:flex;justify-content:center;min-height:44px}.auth-error{color:#ff6b61;font-size:.9rem;margin:0}.small-center{text-align:center;font-size:.85rem;margin:0}.center{text-align:center}.account-card p{font:.95rem/1.5 var(--type)}.paywall{position:fixed;inset:0;z-index:40;background:var(--wood-dark);overflow-y:auto;outline:none;display:flex;justify-content:center}.paywall-hero{position:absolute;top:0;left:0;right:0;height:min(68vh,620px);overflow:hidden;pointer-events:none}.paywall-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.4s ease-in-out}.paywall-hero img.on{opacity:1}.paywall-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,transparent 16%,transparent 30%,rgba(33,20,15,.7) 50%,rgba(33,20,15,.92) 68%,var(--wood-dark) 85%)}.paywall-close{position:fixed;top:10px;right:max(12px,calc(50vw - 228px));z-index:3;width:var(--tap);height:var(--tap);min-height:var(--tap);padding:0;border-radius:50%;background:#00000059;color:var(--paper);font-size:1.05rem}.paywall-content{position:relative;z-index:1;width:100%;max-width:480px;min-height:100%;display:flex;flex-direction:column;padding:8px var(--pad) 0}.paywall-head{margin-top:auto;padding-top:clamp(80px,26vh,260px)}.paywall-kicker{display:flex;align-items:center;gap:8px;margin:0 0 6px;font:600 .75rem var(--sans);letter-spacing:.15em;color:var(--gold)}.paywall-kicker img{border-radius:50%}.paywall h1{font-size:1.9rem;text-shadow:0 2px 6px rgba(0,0,0,.6)}.paywall-benefits{list-style:none;padding:0;margin:14px 0 18px;display:grid;gap:10px}.paywall-benefits li{display:flex;gap:10px;align-items:flex-start}.benefit-icon{width:24px;text-align:center;color:var(--gold)}.paywall-benefits b{display:block;font:700 .95rem var(--type)}.paywall-benefits small{display:block;font:.82rem var(--type);opacity:.75}.paywall-loading{color:#f2e8d4d9}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:10px}.plan-ticket{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 6px;border-radius:12px;color:var(--paper);background:#1c263d99;border:1px solid rgba(242,232,212,.2);font:inherit;min-height:var(--tap)}.plan-ticket.badged{padding-top:20px}.plan-ticket.selected{background:#1c263df2;border:2.5px solid var(--gold)}.plan-title{font:600 .9rem var(--sans)}.plan-price{font:700 1.15rem var(--sans);font-variant-numeric:tabular-nums}.plan-ticket small{font-size:.7rem;opacity:.7}.plan-note{font:700 .7rem var(--sans);color:var(--gold)}.plan-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);white-space:nowrap;padding:3px 8px;border-radius:999px;background:var(--gold);color:var(--ink);font:800 .68rem var(--sans)}.trial-strip{display:flex;margin-top:18px}.trial-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.trial-line{display:flex;align-items:center;width:100%}.trial-line i{flex:1;height:2px;background:#d1a83380}.trial-line i.clear{background:transparent}.trial-line b{width:10px;height:10px;border-radius:50%;background:var(--gold)}.trial-step strong{font:700 .78rem var(--sans);color:var(--gold)}.trial-step small{font-size:.78rem;color:#f2e8d4d9}.paywall-footer{margin-top:18px;padding-top:10px;background:var(--wood-dark);box-shadow:0 -16px 16px var(--wood-dark)}@media(max-height:860px){.paywall-head{padding-top:clamp(64px,16vh,140px)}.paywall h1{font-size:1.6rem}.paywall-benefits{gap:6px;margin:10px 0 12px}.paywall-benefits small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.trial-strip{margin-top:12px}}.paywall-message{margin:0;text-align:center}.fineprint{margin:0;font-size:.72rem;text-align:center;color:#f2e8d4a6}.fineprint-links{display:flex;gap:18px}.fineprint-links a,.link-button{min-height:var(--tap);display:inline-flex;align-items:center;color:#f2e8d4d9;font:600 .85rem var(--sans);text-decoration:none;background:none;padding:0 6px}.exit-offer{position:fixed;inset:0;z-index:4;background:#21140ffb;display:flex;flex-direction:column;justify-content:center;padding:8px max(var(--pad),calc(50vw - 240px + var(--pad))) 0}.exit-offer>.paper-sheet{margin:auto 0}.exit-sheet h2{font-size:1.8rem}.exit-sheet .label{font:700 .75rem var(--type);letter-spacing:.1em}.typewriter{font-family:var(--type)}.lifetime-price{display:block;font:900 2.2rem var(--serif);font-variant-numeric:tabular-nums}.welcome{background:#0000008c;z-index:50}.stamp-slam{animation:slam .35s cubic-bezier(.2,1.6,.4,1) both}.language-button{min-height:var(--tap);padding:0 14px;border-radius:999px;background:var(--night-raised);color:var(--paper);border:1px solid rgba(242,232,212,.25);font:600 .95rem var(--sans);gap:6px}.language-button .chevron{color:var(--muted)}.settings-row .language-button{background:transparent;border:none;padding:0 4px;color:var(--muted)}.language-dialog{width:min(340px,100%);background:var(--wood-dark);border:1px solid rgba(242,232,212,.15);border-radius:18px;padding:14px;box-shadow:0 20px 50px #000000b3;animation:fadein .2s ease-out both}.language-title{margin:4px 6px 10px;font:700 .75rem var(--type);letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}.language-option{width:100%;justify-content:flex-start;gap:12px;min-height:52px;padding:0 12px;border-radius:12px;background:transparent;color:var(--paper);font:500 1.05rem var(--sans)}.language-option:hover{background:#f2e8d40f}.language-option.on{background:#d1a83324;color:var(--gold)}.language-option .flag{font-size:1.5rem;line-height:1}.language-option .check{margin-left:auto}.sign-in-buttons{display:grid;gap:10px;width:100%;justify-items:center}.apple-button{position:relative;width:min(400px,100%);height:40px;min-height:40px;padding:0 12px;border-radius:4px;background:#000;color:#fff;border:1px solid rgba(255,255,255,.35);font:500 .95rem var(--sans);gap:8px}.apple-button:after{content:"";position:absolute;inset:-2px 0}.google-button{color-scheme:light;width:min(400px,100%);min-height:44px;display:flex;justify-content:center;align-items:center}.google-button iframe{color-scheme:light}.plan-depth{font:600 .68rem var(--sans);color:#f2e8d4d9;border-top:1px solid rgba(242,232,212,.15);margin-top:4px;padding-top:4px;width:100%;text-align:center}.paywall-sub{margin:8px 0 14px;color:#f2e8d4d9}.avatar-button{position:relative;padding:0;min-height:var(--tap);background:none;border-radius:50%}.avatar-button:disabled{opacity:1;cursor:default}.avatar-camera,.avatar-busy{position:absolute;right:-2px;bottom:-2px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--gold);font-size:.9rem}.league-row{width:100%;justify-content:space-between;min-height:var(--tap);padding:8px 0;background:none;color:var(--ink);border-bottom:1px solid rgba(41,36,31,.3);border-radius:0;text-align:left}.league-row strong{display:block;font:700 1.05rem var(--serif)}.league-row small{display:block;font:.75rem var(--type);opacity:.7}.league-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.ink-outline{background:none;color:var(--ink);border:1.5px solid rgba(41,36,31,.6)}.link-button.ink{color:var(--ink);padding:0}.link-button.danger-ink{color:var(--stamp);padding:0;margin-top:12px}.league-detail h2{font-size:1.5rem;margin:6px 0}.mono{font-family:var(--type)}.intro .footer-bar{width:100%;max-width:400px;margin:0 auto}.intro .footer-bar .sign-in-buttons,.intro .footer-bar .apple-button,.intro .footer-bar .google-button{width:100%}