:root{--night:#100b1b;--ink:#f2e3bf;--lime:#b9fb68;--amber:#e8b45c;--plum:#6d477f;--tile:#21162e;--red:#fa7560;font-family:Consolas,"Courier New",monospace;color:var(--ink);background:var(--night)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 78% 8%,#352143 0,transparent 30%),linear-gradient(180deg,#171027,var(--night) 56%);min-width:0}
button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}
button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
em{font-style:normal;color:var(--lime)}
.shell{max-width:1510px;min-height:100vh;margin:auto;border-inline:6px solid #3a254e;overflow:hidden}
.masthead{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:12px clamp(18px,3vw,45px);border-bottom:5px solid #603971;background:#120d1f}
.brand{display:flex;align-items:center;gap:13px;color:var(--lime);font-size:clamp(1.05rem,2vw,1.4rem);font-weight:900;letter-spacing:.15em;text-decoration:none}
.brand img{width:46px;height:46px;object-fit:cover;image-rendering:pixelated;border:2px solid var(--lime)}
.masthead-status{color:var(--amber);font-size:.8rem;letter-spacing:.07em;font-weight:900}
.masthead-status i{display:inline-block;width:9px;height:9px;background:var(--lime);box-shadow:0 0 0 3px #426129;vertical-align:middle;margin-right:8px}
.hero{display:grid;grid-template-columns:1fr minmax(0,.94fr);min-height:585px;border-bottom:8px solid var(--plum)}
.hero-copy{padding:clamp(38px,6vw,92px) 2vw 45px 5vw;position:relative;z-index:1}
.eyebrow{color:var(--amber);font-size:.77rem;font-weight:900;letter-spacing:.13em;line-height:1.45;margin:0}
.hero h1{margin:17px 0 23px;font-size:clamp(3.3rem,7vw,7.4rem);font-weight:900;line-height:.9;letter-spacing:-.085em}
.hero-copy>p:not(.eyebrow):not(.hero-aside){max-width:37ch;font-size:1.08rem;line-height:1.5}
.pixel-cta{display:inline-block;margin:20px 0;padding:16px 19px;color:var(--night);background:var(--lime);box-shadow:7px 7px 0 var(--plum);font-size:.95rem;font-weight:900;text-decoration:none}
.pixel-cta:hover{background:#f3dd77}
.hero-aside{color:#cfb6d8;font-size:.8rem!important;letter-spacing:.04em}
.hero-art{position:relative;min-height:480px;background:url('/assets/logo.png') center/cover no-repeat;image-rendering:pixelated;mask-image:linear-gradient(90deg,transparent,#000 22%)}
.hero-art-label{position:absolute;right:22px;bottom:20px;padding:8px 10px;background:var(--night);border:2px solid var(--lime);color:var(--lime);font-size:.72rem;font-weight:900;letter-spacing:.1em}
.watch{padding:clamp(28px,4vw,65px) clamp(18px,4vw,60px)}
.watch-intro{display:flex;justify-content:space-between;align-items:end;gap:32px}
.watch-intro h2,.after-title h2{margin:9px 0 0;font-size:clamp(2.2rem,5vw,5.4rem);line-height:.9;letter-spacing:-.07em;color:var(--lime)}
.watch-intro>p{max-width:47ch;margin:0;color:#d9c5dc;line-height:1.45}
.docket{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:30px 0 0}
.docket button{display:grid;gap:5px;text-align:left;padding:16px 15px 15px;border:3px solid #664475;background:#1d132a;color:var(--ink);min-height:97px}
.docket button:hover{border-color:var(--lime)}
.docket button[aria-pressed=true]{background:#354e28;border-color:var(--lime);box-shadow:5px -5px 0 #516b36}
.docket small{color:var(--amber);font-size:.67rem;letter-spacing:.12em;font-weight:900}
.docket strong{font-size:clamp(.88rem,1.55vw,1.13rem)}
.docket span{color:#dbc9de;font-size:.7rem}
.caseboard{border:4px solid #735387;background:#160f23;box-shadow:10px 10px 0 #0a0710}
.caseboard-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 30px;background:repeating-linear-gradient(90deg,#241731,#241731 18px,#21152e 18px,#21152e 36px);border-bottom:4px solid #735387}
.caseboard-head h3{margin:8px 0;font-size:clamp(1.9rem,3.8vw,3.6rem);letter-spacing:-.06em;line-height:1;color:var(--lime)}
.caseboard-head p:last-child{margin:7px 0 0;color:#e3d2e4;line-height:1.45}
.case-progress{flex:none;min-width:145px;text-align:center;padding:12px;border:2px solid var(--lime);background:#151b16}
.case-progress strong{display:block;font-size:2rem;color:var(--lime)}
.case-progress span{font-size:.65rem;letter-spacing:.12em}
.clue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:24px}
.clue{min-width:0;min-height:175px;padding:18px;text-align:left;background:#251932;border:3px solid #6b497c;color:var(--ink);box-shadow:5px 5px 0 #09060e;transition:transform .15s,border-color .15s}
.clue:hover{transform:translateY(-4px);border-color:var(--lime)}
.clue[aria-pressed=true]{background:#304729;border-color:var(--lime)}
.clue-number{display:block;margin-bottom:21px;color:var(--amber);font-size:.72rem;font-weight:900;letter-spacing:.14em}
.clue strong{display:block;font-size:1.15rem;color:var(--lime)}
.clue small{display:block;margin-top:10px;color:#ded0df;font-size:.81rem;line-height:1.35}
.investigation{display:grid;grid-template-columns:1fr 1fr;border-top:4px solid #735387}
.evidence-panel,.interrogation{padding:clamp(20px,3vw,38px);min-width:0}
.evidence-panel{background:#20152d;border-right:4px solid #735387}
.evidence-panel h4,.interrogation h4{margin:10px 0 15px;font-size:clamp(1.6rem,2.8vw,2.7rem);line-height:1;color:var(--lime)}
.evidence-panel>p:not(.eyebrow){line-height:1.5;max-width:55ch}
.evidence-panel ol{margin:23px 0 0;padding:0;list-style:none}
.evidence-panel li{margin-top:8px;padding:10px 12px;background:#33213b;border-left:5px solid var(--amber);font-size:.83rem;line-height:1.4}
.interrogation{background:#281936}
.alibi-options{display:grid;gap:8px;margin:18px 0 22px}
.alibi-options button{padding:11px 12px;border:2px solid #775889;text-align:left;background:#190f25;color:var(--ink);line-height:1.3}
.alibi-options button:hover:not(:disabled){border-color:var(--lime)}
.alibi-options button[aria-pressed=true]{border-color:var(--lime);background:#345024}
.interrogation label{display:block;color:var(--amber);font-size:.8rem;font-weight:900}
.interrogation label span{font-size:.67rem}
.interrogation input{display:block;width:100%;margin:8px 0 12px;padding:12px;color:var(--ink);background:#120c1e;border:2px solid #846494}
.interrogation input::placeholder{color:#c0a8cb}
.file-button{width:100%;min-height:50px;border:0;background:var(--lime);color:var(--night);font-weight:900}
.interrogation-hint{margin:11px 0 0;color:#d2bed6;font-size:.78rem;line-height:1.4}
.report{padding:clamp(22px,4vw,45px);border-top:6px solid var(--lime);background:linear-gradient(145deg,#314a26,#1b2b1d);min-width:0}
.report[hidden]{display:none}
.report h4{margin:12px 0;font-size:clamp(1.7rem,3.6vw,3.6rem);line-height:1;color:var(--lime)}
.report>p:not(.eyebrow){max-width:73ch;line-height:1.5}
.report-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.report-actions button{min-height:46px;padding:10px 14px;border:2px solid var(--lime);background:var(--night);color:var(--lime);font-size:.8rem;font-weight:900}
.report-actions button:first-child{background:var(--lime);color:var(--night)}
#report-status{font-size:.78rem}
.after-hours{padding:35px clamp(18px,4vw,60px) 55px;background:#201329;border-top:7px solid #5b346d}
.after-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:30px}
.after-grid article{padding:20px;border:2px solid #684579;background:#140d21}
.after-grid span{color:var(--amber);font-size:.69rem;font-weight:900}
.after-grid h3{color:var(--lime);font-size:1.4rem;line-height:1.1}
.after-grid p{font-size:.88rem;line-height:1.5}
.official{padding:20px clamp(18px,4vw,60px);border-top:3px dashed #6e4a7c;background:#151020;font-size:.82rem;line-height:1.5}
.official strong{color:var(--amber);letter-spacing:.12em}
.official p{max-width:90ch}
footer{padding:19px clamp(18px,4vw,60px);background:#100b19;color:#d3b883;font-size:.72rem;line-height:1.45}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-art{grid-row:1;min-height:330px;mask-image:linear-gradient(0deg,transparent,#000 29%)}.hero-copy{padding:20px 5vw 45px}.watch-intro{display:block}.watch-intro>p{margin-top:18px}.investigation{grid-template-columns:1fr}.evidence-panel{border-right:0;border-bottom:4px solid #735387}}
@media(max-width:650px){.shell{border-inline:3px solid #3a254e}.masthead{align-items:flex-start;flex-direction:column}.masthead-status{font-size:.7rem}.hero h1{font-size:clamp(3.1rem,12vw,5.5rem)}.hero-art{min-height:270px}.docket{grid-template-columns:1fr}.docket button{min-height:72px}.caseboard-head{display:block;padding:21px}.case-progress{text-align:left;margin-top:18px;display:inline-block}.clue-grid{grid-template-columns:1fr;padding:15px}.clue{min-height:108px}.clue-number{margin-bottom:8px}.after-grid{grid-template-columns:1fr}.report-actions{display:grid}.report-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.clue{transition:none}}