:root{--ink: #000;--paper: #fff;--grey: #bdbdbd;--red: #E3001B;--gold: #F2B705;--violet: #8E4DFF;--head: Impact, "Haettenschweiler", "Arial Narrow Bold", sans-serif;--type: "Courier New", Courier, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ink);color:var(--paper);font-family:var(--type);font-size:16px;line-height:1.45}body{-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#screen{min-height:100%;display:flex;flex-direction:column;transition:filter 2s ease}#screen.drained{filter:grayscale(1) brightness(.22);pointer-events:none}.still #screen{transition:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}h1,h2,h3{font-family:var(--head);font-weight:400;letter-spacing:.03em;margin:.4em 0;line-height:1.1}h2{font-size:1.7rem}p{margin:.5em 0}.small{font-size:.88rem;color:var(--grey)}.narr{font-style:italic}.warn{border-left:5px solid var(--red);padding:.4em .7em;background:#1b1b1b}.red{color:var(--red)}.gold{color:var(--gold)}button,select{font:inherit}button{background:var(--paper);color:var(--ink);border:3px solid var(--paper);padding:.55em 1em;min-height:44px;font-family:var(--head);font-size:1.05rem;letter-spacing:.05em;cursor:pointer;text-transform:uppercase}button:hover{background:var(--ink);color:var(--paper)}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{background:var(--ink);color:var(--paper)}button.ghost:hover{background:var(--paper);color:var(--ink)}button.hot{background:var(--red);border-color:var(--red);color:#fff}button.hot:hover{background:#000;color:#fff}button.wide{width:100%;margin-top:.5em}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.row{display:flex;gap:.6em;align-items:center;margin:.8em 0}.row.wrap{flex-wrap:wrap}.row.end{justify-content:flex-end}.title{max-width:860px;margin:0 auto;padding:16px;text-align:center;width:100%}.title-art{display:flex;justify-content:center;align-items:flex-end;gap:10px}.wordmark{font-size:clamp(3.4rem,15vw,7.5rem);margin:.1em 0 0;letter-spacing:.02em;line-height:1}.tag{font-size:1.1rem;margin:0}.rating{font-size:.85rem;color:var(--grey)}.menu{display:flex;flex-direction:column;gap:.5em;max-width:320px;margin:1em auto}.portrait{background:#fff;border:3px solid #fff;overflow:hidden;flex:none;line-height:0}.portrait canvas,.portrait img{width:100%;height:100%;object-fit:cover;display:block}.portrait.tall{width:min(28vw,200px);aspect-ratio:15/19}.portrait.tall.boss{width:min(22vw,150px)}.portrait.small{width:110px;height:140px}.portrait.mini{width:56px;height:70px}.scrim{position:fixed;inset:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;padding:12px;z-index:20;overflow:auto}.dialogue{background:var(--ink);border:4px solid var(--paper);padding:14px;width:min(760px,100%);display:flex;gap:14px}.dialogue-body{flex:1;min-width:0}.speaker{font-size:1.4rem;margin:0 0 .2em}.modal{background:var(--ink);border:4px solid var(--paper);padding:16px;width:min(560px,100%);margin:auto;max-height:calc(100dvh - 24px);overflow:auto}.choices{display:grid;gap:.6em;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.choice{text-align:left;text-transform:none;font-family:var(--type);display:flex;flex-direction:column;gap:.25em;background:var(--ink);color:var(--paper);padding:.8em}.choice strong{font-family:var(--head);font-weight:400;font-size:1.35rem;letter-spacing:.03em}.choice small{color:var(--gold);text-transform:uppercase}.choice em{color:var(--gold);font-style:normal}.choice[aria-pressed=true]{background:var(--paper);color:var(--ink)}.choice:hover:not(:disabled){background:#222;color:#fff}.slots{list-style:none;margin:0;padding:0}.slot{display:flex;justify-content:space-between;gap:.6em;padding:.5em 0;border-bottom:1px solid #555;flex-wrap:wrap}.set{border:1px solid #666;margin:0 0 .7em;padding:.5em .7em}.set legend{font-family:var(--head);letter-spacing:.04em;padding:0 .3em}.seg{display:flex;flex-wrap:wrap;gap:.3em}.seg button{background:var(--ink);color:var(--paper);font-size:.95rem}.seg button.on{background:var(--paper);color:var(--ink)}.bar{display:flex;align-items:center;gap:.5em;padding:8px 12px;border-bottom:3px solid var(--paper);flex-wrap:wrap}.bar-title{font-size:1.5rem;margin:0;flex:1 1 auto}.bar-right{display:flex;align-items:center;gap:.4em;flex-wrap:wrap}.stat{border:1px solid #666;padding:.2em .5em;font-size:.9rem}.sib{font-size:.9rem;color:#fff}.sib.ality{background:var(--red);border-color:var(--red)}.sib.elia{background:var(--gold);border-color:var(--gold);color:#000}.map-page,.scene-page,.board-page,.accuse-page,.brief,.ladder-page,.reward-page,.rap-page{max-width:1000px;width:100%;margin:0 auto;padding:12px 16px 24px}.case-line{margin-bottom:.4em}.citymap{position:relative;aspect-ratio:25/16;border:3px solid var(--paper);overflow:hidden}.citymap canvas{width:100%;height:100%;display:block}.pin{position:absolute;transform:translate(-50%,-50%);background:var(--ink);color:var(--paper);border:2px solid var(--paper);padding:4px 8px;display:flex;flex-direction:column;align-items:center;text-transform:none;min-height:44px;max-width:150px;line-height:1.1}.pin .dot{display:none}.pin .lbl{font-family:var(--head);font-size:1rem}.pin .sub{font-family:var(--type);font-size:.72rem;color:var(--grey)}.pin.done{border-style:dashed}.pin.hot{background:var(--violet);border-color:var(--violet);color:#fff}.pin.hot .sub{color:#fff}.pin:hover{background:var(--paper);color:var(--ink)}.pin:hover .sub{color:var(--ink)}.stage{position:relative;aspect-ratio:16/9;border:3px solid var(--paper);overflow:hidden;background:#000}.stage>canvas{width:100%;height:100%;display:block}.spot{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;background:var(--gold);border:3px solid #000;color:#000;box-shadow:0 0 0 3px #fff}.spot:hover{background:#fff;color:#000}.spot.got{background:#fff;opacity:.75}.spot-list{list-style:none;padding:0;margin:.7em 0}.spot-list li{padding:.2em 0}.spot-list li.got{color:var(--grey)}.suspects{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.5em;margin-bottom:.6em}.suspect{display:flex;gap:.5em;border:2px solid #666;padding:.4em}.suspect strong{display:block;font-family:var(--head);font-weight:400;font-size:1.1rem}.suspect .small{display:block}.suspect.cleared{opacity:.75}.stamp{display:inline-block;font-style:normal;font-family:var(--head);color:var(--red);border:2px solid var(--red);padding:0 .4em;transform:rotate(-3deg);margin-top:.2em}.wall{position:relative}.strings{position:absolute;inset:0;pointer-events:none;z-index:2}.strings line{stroke:var(--red);stroke-width:3}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.6em}.card{background:var(--paper);color:var(--ink);text-align:left;text-transform:none;font-family:var(--type);font-size:.9rem;display:flex;flex-direction:column;gap:.3em;padding:.6em;border:3px solid var(--paper)}.card strong{font-family:var(--head);font-weight:400;font-size:1.15rem;letter-spacing:.02em}.card:hover{background:#e6e6e6;color:#000}.card.ded{background:#000;color:#fff;border-color:var(--gold)}.card.picked{border-color:var(--red);box-shadow:0 0 0 3px var(--red)}.field{margin:.7em 0}.field label{display:block;font-family:var(--head);font-size:1.1rem}select{width:100%;min-height:44px;background:#000;color:#fff;border:2px solid #fff;padding:.4em}.reconstruction-page{width:min(1120px,100%);margin:0 auto;padding:12px 16px 28px;overflow:hidden}.recon-casehead,.rap-head{display:flex;justify-content:space-between;gap:12px;border-block:2px solid var(--paper);padding:7px 4px;font-size:.78rem;letter-spacing:.08em}.recon-casehead strong,.rap-head strong{color:var(--gold);text-align:right}.recon-title{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin:18px 0}.recon-title h1{font-size:clamp(2.4rem,7vw,5rem);margin:0}.eyebrow{margin:0;font-family:var(--head);font-size:.86rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.recon-seal{display:grid;place-items:center;width:76px;aspect-ratio:1;border:4px double var(--red);border-radius:50%;color:var(--red);font-family:var(--head);font-size:1.7rem;transform:rotate(-7deg)}.recon-board{position:relative;display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.6fr);border:3px solid var(--paper);background:repeating-linear-gradient(0deg,#080808 0 23px,#151515 24px);box-shadow:10px 10px 0 var(--red);margin:0 10px 20px 0}.counter-sketch{position:relative;min-height:430px;border-right:2px solid #555;overflow:hidden;background:linear-gradient(145deg,#202020,#050505 55%,#292929)}.counter-sketch:before,.counter-sketch:after{content:"";position:absolute;left:9%;right:9%;height:30%;border:3px solid #888;transform:skewY(-5deg)}.counter-sketch:before{top:25%;border-bottom-width:12px}.counter-sketch:after{bottom:8%;border-color:#444}.counter-sketch strong{position:absolute;left:12px;bottom:12px;right:12px;color:var(--grey);font-size:.8rem;letter-spacing:.08em}.dent{position:absolute;z-index:2;left:21%;top:32%;width:58px;height:34px;border:4px solid var(--gold);border-radius:50%;transform:rotate(-21deg)}.dent-two{width:92px;height:56px;left:15%;top:28%;border-width:2px;opacity:.55}.force-line{position:absolute;z-index:3;width:60%;height:4px;left:23%;top:36%;background:var(--red);transform:rotate(24deg);transform-origin:left center}.force-line:after{content:"";position:absolute;right:-2px;top:-7px;border-left:14px solid var(--red);border-block:8px solid transparent}.recon-controls{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.recon-control{min-width:0;margin:0;padding:14px;border:0;border-left:1px dashed #555}.recon-control legend{padding:12px 6px 0;font-family:var(--head);font-size:1.45rem;color:var(--paper)}.recon-instrument{display:grid;grid-template-columns:48px minmax(80px,1fr) 48px;gap:6px;align-items:center;margin-top:16px}.recon-nudge{padding:0;min-width:48px;min-height:48px;font-size:1.5rem}.recon-range{width:100%;min-height:48px;accent-color:var(--gold);cursor:grab;touch-action:pan-y}.recon-range:active{cursor:grabbing}.recon-readout{display:flex;flex-direction:column;align-items:center;min-height:74px;margin:8px 0 12px;padding:7px;border:1px solid #666;background:var(--ink);text-align:center}.recon-readout span{color:var(--grey);font-size:.74rem;text-transform:uppercase}.recon-reading{font-family:var(--head);font-size:1.2rem;color:var(--gold)}.recon-exact{display:grid;gap:6px}.recon-exact button{width:100%;min-height:48px;padding:.4em;font-size:.88rem}.recon-exact button.on{background:var(--gold);border-color:var(--gold);color:var(--ink)}.recon-status{border-left:5px solid var(--gold);padding:9px 12px;background:#161616}.recon-missing{border:2px dashed var(--red);padding:12px;margin:12px 0}.recon-missing strong{color:var(--red);font-family:var(--head);font-size:1.25rem}.recon-actions{display:flex;justify-content:flex-end;align-items:stretch;gap:8px;flex-wrap:wrap;margin-top:14px}.recon-actions button{min-height:50px}.result-stamp{padding:24px 16px;margin:18px 0;border:4px double var(--gold);text-align:center;background:#0d0d0d}.result-stamp h1{margin:.1em 0;font-size:clamp(3rem,10vw,6.5rem);color:var(--gold)}.tier-bronze .result-stamp{border-color:#c47c48}.tier-bronze .result-stamp h1{color:#d99562}.tier-silver .result-stamp{border-color:#bdbdbd}.tier-silver .result-stamp h1{color:#e7e7e7}.finding-name{font-family:var(--head);font-size:1.5rem}.result-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:14px}.bar:has(+.recon-result) button{min-height:48px}.fact-verdicts{list-style:none;margin:0;padding:0;display:grid;gap:7px}.fact-verdicts li{display:flex;flex-direction:column;border-left:4px solid var(--grey);padding:7px 10px;background:#111}.fact-verdicts li.established{border-color:var(--gold)}.fact-verdicts li.unproven{color:var(--grey)}.consequence-card{border:3px solid var(--red);padding:12px;background:#100003}.consequence-card h2{color:var(--red)}.rap-sheet{position:relative;margin:10px 0 18px;padding:14px;border:3px solid var(--paper);background:linear-gradient(165deg,#181818,#050505 52%)}.rap-sheet:after{content:"AUTO-EQUIPPED";position:absolute;right:13px;top:48px;border:2px solid var(--red);color:var(--red);padding:2px 7px;font-family:var(--head);transform:rotate(3deg);opacity:.8}.rap-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.rap-slot{min-width:0;border:2px solid #555;padding:12px;background:var(--ink)}.rap-slot.equipped{border-color:var(--gold)}.rap-slot h2{margin:.2em 0;font-size:1.35rem}.rap-slot.empty{border-style:dashed;color:var(--grey)}.payoff{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;animation:fade-in 1.6s ease both}.payoff-face{height:min(52dvh,460px);width:auto;border:4px solid var(--violet);filter:grayscale(0)}.payoff h2{font-size:clamp(3rem,12vw,5.5rem);color:var(--violet);margin:.15em 0 0}@keyframes fade-in{0%{opacity:0}50%{opacity:0}to{opacity:1}}.still .payoff{animation:none}.fight{position:relative;flex:1;display:flex;flex-direction:column;justify-content:space-between;height:100dvh;background:#000;user-select:none;-webkit-user-select:none}.fight>canvas{flex:1;min-height:0;width:100%;display:block}.pause-btn{position:absolute;top:6px;right:6px;font-size:.85rem;padding:.3em .7em}.pad{flex:none;display:flex;justify-content:space-between;align-items:center;padding:10px 16px calc(10px + env(safe-area-inset-bottom));touch-action:none;background:#000}.stick{width:130px;height:130px;border:3px solid #fff;border-radius:50%;position:relative;touch-action:none}.nub{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px;background:#fff;border-radius:50%}.pad-btns{display:grid;grid-template-columns:repeat(2,76px);gap:8px}.pb{height:62px;padding:0;font-size:.95rem;touch-action:none}.pb-attack{background:var(--red);border-color:var(--red);color:#fff}.pb-special{background:var(--gold);border-color:var(--gold)}.pb.on{background:#000;color:#fff}@media (orientation: landscape) and (max-height: 520px){.pad{position:absolute;left:0;right:0;bottom:0;background:none;padding:6px 12px;pointer-events:none}.stick,.pb{pointer-events:auto;opacity:.85}.stick{width:110px;height:110px}.pb{height:50px}}.rung{border-top:3px solid var(--paper);margin-top:.6em}.rung-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.6em}.villain{display:flex;gap:.6em;position:relative}.portrait.rung-face{width:84px;height:101px;border-width:2px}.villain strong{display:block;font-family:var(--head);font-weight:400;font-size:1.3rem}.villain .small{display:block}.at-large{font-style:normal;font-size:.8rem;color:#fff}.villain.out .portrait{filter:grayscale(1)}.villain.out:after{content:"";position:absolute;left:0;top:50px;width:86px;height:6px;background:var(--red);transform:rotate(-48deg)}dl.keys{display:grid;grid-template-columns:auto 1fr;gap:.15em .9em;margin:.6em 0;font-size:.92rem}dl.keys dt{font-weight:700}dl.keys dd{margin:0;color:var(--grey)}.reward-page h1{font-size:3rem;color:var(--violet)}.toast{position:fixed;top:12px;left:50%;transform:translate(-50%);background:var(--paper);color:var(--ink);padding:.5em 1em;z-index:40;border:3px solid #000;box-shadow:0 0 0 3px #fff;max-width:calc(100% - 24px)}@media (max-width: 620px){.dialogue{flex-direction:column;gap:6px}.portrait.small{width:76px;height:96px}.pin{max-width:96px;padding:2px 5px}.pin .lbl{font-size:.8rem}.pin .sub{font-size:.62rem}.citymap{aspect-ratio:1/1.05}.bar-title{font-size:1.2rem}.spot{width:40px;height:40px;min-height:40px}.recon-casehead,.rap-head{flex-direction:column}.recon-casehead strong,.rap-head strong{text-align:left}.recon-title{grid-template-columns:54px 1fr;gap:10px}.recon-seal{width:54px;font-size:1.15rem}.recon-board{grid-template-columns:1fr;box-shadow:6px 6px 0 var(--red);margin-right:6px}.counter-sketch{min-height:190px;border-right:0;border-bottom:2px solid #555}.recon-controls{grid-template-columns:1fr}.recon-control{border-left:0;border-top:1px dashed #555}.recon-control legend{padding-top:10px}.recon-actions{display:grid;grid-template-columns:1fr}.result-grid,.rap-slots{grid-template-columns:1fr}.rap-sheet:after{position:static;display:inline-block;margin-top:8px}}