:root{--navy:#17243a;--navy2:#0e1726;--paper:#f7f0dc;--paper2:#e9d8af;--manila:#cda969;--ink:#25221d;--muted:#6f6759;--red:#9d2b2c;--red2:#66191f;--teal:#176a70;--gold:#c69836;--white:#fffdf7;--shadow:0 18px 45px rgba(8,13,22,.28);--radius:16px}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% -20%,#405370 0,#18243a 44%,#0c1421 100%);color:var(--ink);overscroll-behavior:none}
button,input,select{font:inherit}
button{touch-action:manipulation}
button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #48c7d1;outline-offset:3px}
.app-shell{width:min(1180px,100%);min-height:100dvh;margin:auto;display:flex;flex-direction:column;padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(12px,env(safe-area-inset-left))}
.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;color:#fff;padding:10px 2px}
.brand{display:flex;align-items:center;gap:10px;letter-spacing:.08em}.brand-mark{width:46px;height:46px;border:2px solid #e9cf92;display:grid;place-items:center;border-radius:50%;font-family:Georgia,serif;font-weight:900;color:#e9cf92}.brand strong,.brand small{display:block}.brand strong{font-family:Georgia,serif}.brand small{font-size:.63rem;color:#c8d0dd;margin-top:2px}
.top-actions{display:flex;gap:8px}.icon-btn{width:44px;height:44px;border:1px solid #ffffff42;background:#ffffff10;color:#fff;border-radius:50%;cursor:pointer}.icon-btn:hover{background:#ffffff20}.game-only{display:none}.playing .game-only{display:block}
main{flex:1;display:grid;align-items:center;padding:8px 0 22px}.screen{display:none;animation:fadeIn .24s ease}.screen.active{display:grid}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}}
#menuScreen{grid-template-columns:minmax(0,1fr);align-items:stretch}.hero-folder,.briefing-folder,.result-folder{position:relative;background:linear-gradient(145deg,var(--paper),#fffaf0);border:1px solid #dccb9f;box-shadow:var(--shadow);border-radius:4px 18px 18px 4px;padding:clamp(24px,4vw,54px);overflow:hidden}.hero-folder{width:min(940px,100%);margin:auto}.hero-folder:before,.briefing-folder:before,.result-folder:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 29px,#7d67410d 30px);pointer-events:none}.hero-folder>* ,.briefing-folder>* ,.result-folder>*{position:relative}
.paperclip{position:absolute;right:36px;top:-18px;width:24px;height:88px;border:4px solid #7e8587;border-radius:16px;transform:rotate(8deg);z-index:2}.stamp{display:inline-block;margin:0 0 14px;border:3px solid var(--red);color:var(--red);font-weight:900;letter-spacing:.15em;padding:5px 10px;transform:rotate(-2deg);font-size:.82rem}.stamp.small{font-size:.64rem;border-width:2px}.stamp.large{font-size:1rem}.eyebrow{letter-spacing:.12em;font-weight:800;font-size:.72rem;color:var(--teal);margin:0 0 10px}.hero-folder h1{font:900 clamp(2rem,5vw,4.5rem)/.98 Georgia,serif;margin:.1em 0 .25em;max-width:780px;color:var(--navy)}.hero-copy{font-size:clamp(.98rem,1.8vw,1.15rem);line-height:1.65;max-width:720px;color:#4e493f}
.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:24px 0}.quick-stats span{background:#ffffff88;border:1px solid #d9c9a5;padding:9px;text-align:center}.quick-stats b,.quick-stats small{display:block}.quick-stats b{font:700 1.05rem Georgia,serif;color:var(--navy)}.quick-stats small{font-size:.64rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-top:3px}
.difficulty-picker{display:flex;gap:4px;border:1px solid #c8b787;padding:4px;background:#e4d5ae66;border-radius:12px}.difficulty-picker button{flex:1;border:0;background:transparent;padding:10px 5px;border-radius:8px;cursor:pointer;font-weight:750;color:#625b4d}.difficulty-picker button.selected{color:white;background:var(--teal);box-shadow:0 4px 12px #176a7040}
.menu-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 8px}.btn{border:0;border-radius:12px;min-height:50px;padding:12px 18px;font-weight:850;cursor:pointer;box-shadow:0 6px 16px #0c142125;transition:transform .12s,filter .12s;color:white}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn span,.btn small{display:block}.btn small{font-weight:500;opacity:.82;margin-top:2px}.btn.primary{background:linear-gradient(135deg,var(--teal),#0d5056)}.btn.secondary{background:linear-gradient(135deg,#43526a,var(--navy))}.btn.danger{background:linear-gradient(135deg,var(--red),var(--red2))}.btn.compact{min-height:46px;padding-inline:20px}.btn.wide{width:100%}.text-btn{border:0;background:transparent;color:var(--teal);font-weight:800;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:10px}
.menu-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.challenge-code-dialog h2{font:850 1.7rem Georgia,serif;color:var(--navy);margin:.2em 0}.challenge-code-dialog>p{line-height:1.5}.challenge-code-dialog label{font-size:.78rem;font-weight:850;display:block;margin:20px 0 6px}.code-row{display:flex;gap:7px}.code-row input{min-width:0;flex:1;border:2px solid #846832;border-radius:9px;padding:10px;background:#fffaf0;text-transform:uppercase}.field-error{color:#9a131c;min-height:1.2em;font-size:.8rem;font-weight:750}
.briefing-folder{width:min(850px,100%);margin:auto}.folder-tab{position:absolute;right:28px;top:0;background:var(--manila);padding:8px 18px;border-radius:0 0 8px 8px;font-weight:900;font-size:.72rem}.briefing-folder h2,.result-folder h2{font:900 clamp(1.8rem,4vw,3.2rem) Georgia,serif;color:var(--navy);margin:.15em 0}.incident-copy{font:1.05rem/1.7 Georgia,serif;border-left:4px solid var(--red);padding-left:18px;margin:20px 0}.brief-grid{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:10px;margin:22px 0}.brief-grid div{border:1px solid #d8c69d;background:#fff9e9;padding:12px}.brief-grid small,.brief-grid strong{display:block}.brief-grid small{font-size:.65rem;letter-spacing:.1em;color:var(--red);font-weight:900}.brief-grid strong{margin-top:5px}
#gameScreen{align-self:stretch;grid-template-rows:auto auto minmax(0,1fr) auto;background:var(--paper);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);min-height:min(760px,calc(100dvh - 110px));max-height:900px}.case-hud{display:grid;grid-template-columns:120px 1fr 120px;background:linear-gradient(135deg,#151f32,#23334f);color:#fff;align-items:center}.timer-wrap,.hud-score{text-align:center;padding:11px}.timer-wrap{background:#921f28}.timer-wrap span,.hud-score span{display:block;font:900 1.85rem/1 Georgia,serif}.timer-wrap small,.hud-score small{font-size:.57rem;letter-spacing:.1em}.case-meta{padding:10px 14px}.case-meta span{background:#d7b35c;color:#1b1b16;font-size:.58rem;font-weight:900;padding:3px 7px;border-radius:3px;margin-right:7px}.case-meta strong{font-family:Georgia,serif}.case-meta small{display:block;color:#b9c4d3;font-size:.68rem;margin-top:4px;letter-spacing:.06em}
.case-tabs{display:grid;grid-template-columns:repeat(5,1fr);background:#d7bd84;border-bottom:1px solid #a9884a}.case-tabs button{border:0;border-right:1px solid #a9884a;background:transparent;min-height:48px;font-weight:850;color:#47391f;cursor:pointer}.case-tabs button.active{background:var(--paper);color:var(--red);box-shadow:inset 0 4px var(--red)}.case-tabs span{font-size:.63rem;display:block;font-weight:650}
.case-panel{display:none;overflow:auto;padding:clamp(14px,3vw,30px);min-height:0}.case-panel.active{display:block;animation:fadeIn .18s ease}.report-sheet,.accusation-sheet,.deduction-board{width:min(780px,100%);margin:auto;background:#fffaf0;border:1px solid #d7c6a1;padding:clamp(18px,4vw,36px);box-shadow:0 6px 18px #58472d18}.report-sheet h2,.deduction-board h2,.accusation-sheet h2{font:850 clamp(1.5rem,3vw,2.4rem) Georgia,serif;color:var(--navy);margin:.1em 0}.report-sheet>p{line-height:1.65}.report-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.report-facts div{padding:10px;background:#efe3c5}.report-facts dt{font-size:.6rem;letter-spacing:.1em;color:var(--red);font-weight:900}.report-facts dd{margin:4px 0 0;font-weight:750}.tip-note{border:1px dashed #998152;padding:10px 12px;font-size:.88rem;background:#fff6d9}
.evidence-grid,.suspect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.evidence-card{position:relative;min-height:190px;border:1px solid #cbb88d;background:#fffaf0;padding:18px;text-align:left;cursor:pointer;box-shadow:0 5px 13px #5b4c3022;transform:rotate(var(--tilt,0deg));transition:transform .15s,box-shadow .15s}.evidence-card:hover{transform:rotate(0) translateY(-3px);box-shadow:0 9px 19px #5b4c3033}.evidence-card.viewed:after{content:"LOGGED";position:absolute;right:8px;top:8px;border:2px solid var(--teal);color:var(--teal);font-size:.55rem;padding:2px 4px;transform:rotate(4deg);font-weight:900}.evidence-card .evidence-no{font:900 .7rem Georgia,serif;color:var(--red)}.evidence-card h3{font:850 1.2rem Georgia,serif;color:var(--navy);margin:10px 0}.evidence-card p{font-size:.88rem;line-height:1.48;margin:0}.evidence-card .inspect{position:absolute;bottom:11px;right:12px;color:var(--teal);font-size:.68rem;font-weight:900}
.suspect-grid{grid-template-columns:repeat(2,1fr)}.suspect-card{background:#fffaf0;border:1px solid #cab88f;display:grid;grid-template-columns:74px 1fr;gap:13px;padding:16px;box-shadow:0 5px 13px #5b4c3022;cursor:pointer;text-align:left}.mugshot{width:70px;height:84px;background:linear-gradient(#e3d7bb,#c8b68e);display:grid;place-items:center;border:1px solid #93815c;overflow:hidden}.mugshot svg{width:64px;height:82px}.suspect-card h3{font:850 1.15rem Georgia,serif;color:var(--navy);margin:4px 0}.suspect-card small{color:var(--red);font-weight:850}.suspect-card p{font-size:.82rem;line-height:1.45;margin:7px 0 0}.suspect-card.viewed{box-shadow:inset 4px 0 var(--teal),0 5px 13px #5b4c3022}
.board-heading{display:flex;justify-content:space-between;align-items:start;gap:10px}.deduction-board>p{line-height:1.5}.pin-slots{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;margin:20px 0}.pin-slots button{min-height:90px;border:2px dashed #a33f3b;background:#fff3d5;border-radius:50%;padding:8px;font-weight:850;color:#772323}.red-string{height:4px;background:#b5232b;box-shadow:0 2px 3px #6e111b66;transform:rotate(-3deg)}.pin-choices{display:flex;flex-wrap:wrap;gap:7px}.pin-choices button{border:1px solid #9a855d;background:#efe2c1;border-radius:20px;padding:8px 11px;cursor:pointer;font-size:.78rem}.pin-choices button.selected{background:var(--teal);color:#fff}.board-feedback{font-weight:850;color:var(--teal);min-height:1.4em}
.accusation-sheet label{display:block;font-weight:850;margin:14px 0 5px}.accusation-sheet select{width:100%;min-height:48px;border:1px solid #a99874;border-radius:8px;background:#fff;padding:8px}.accusation-sheet .btn{margin-top:22px}
.game-tools{display:flex;justify-content:space-between;background:#e3d2a9;border-top:1px solid #bda36e;padding:8px 12px}.game-tools button{min-height:42px;border:1px solid #887044;background:#fff8e6;border-radius:8px;font-weight:850;color:#463719;padding:7px 16px;cursor:pointer}
.result-folder{width:min(850px,100%);margin:auto;text-align:center}.result-score{width:180px;height:180px;margin:18px auto;border:7px double var(--teal);border-radius:50%;display:grid;place-content:center;transform:rotate(-2deg)}.result-score span{font:900 2.7rem Georgia,serif;color:var(--navy)}.result-score small,.result-score em{display:block;font-size:.62rem;letter-spacing:.08em}.result-score em{color:var(--red);font-weight:900;margin-top:4px}.score-breakdown{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.score-breakdown span{background:#eadcba;padding:6px 10px;font-size:.75rem;font-weight:800}.solution-box{background:#fff6dc;border-left:4px solid var(--red);text-align:left;padding:12px 18px;margin:18px 0}.solution-box h3{margin:0 0 6px;font:850 1.1rem Georgia,serif}.solution-box p{line-height:1.5;margin:0}.challenge-code-line{font-size:.85rem}.challenge-code-line strong{user-select:all;letter-spacing:.08em}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:620px;margin:auto}.result-actions .text-btn{grid-column:1/-1}
dialog{width:min(510px,calc(100% - 24px));border:1px solid #d1bd91;border-radius:14px;background:var(--paper);color:var(--ink);padding:28px;box-shadow:0 24px 70px #05080dcc}dialog::backdrop{background:#08101acc;backdrop-filter:blur(3px)}dialog[open]{animation:dialogIn .2s ease}@keyframes dialogIn{from{opacity:0;transform:scale(.96)}}.wide-dialog{width:min(820px,calc(100% - 24px));max-height:84dvh;overflow:auto}.dialog-close{position:absolute;top:8px;right:10px;border:0;background:transparent;font-size:2rem;cursor:pointer;color:#6f6250}.toggle-row,.volume-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8c8a5;padding:12px 0;font-weight:750}.toggle-row input{width:24px;height:24px}.volume-row input{width:55%}.progress-mini{display:flex;justify-content:space-between;gap:5px;background:#eadcba;padding:10px;margin:16px 0;font-size:.78rem}.achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.achievement{border:1px solid #cab88f;background:#fff8e8;padding:11px;opacity:.5}.achievement.unlocked{opacity:1;border-left:4px solid var(--teal)}.achievement strong,.achievement small{display:block}.achievement small{color:#6a6255;margin-top:4px}.notebook-section{margin:13px 0;padding:12px;background:#fff9eb;border:1px solid #dac9a4}.notebook-section h3{font-family:Georgia,serif;margin:0 0 8px}.notebook-section ul{padding-left:20px;margin:0}.notebook-section li{margin:7px 0;line-height:1.4}.toast{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));translate:-50% 20px;opacity:0;pointer-events:none;background:#111d2e;color:#fff;border:1px solid #ffffff33;padding:11px 18px;border-radius:99px;box-shadow:0 8px 25px #0007;z-index:20;transition:.2s}.toast.show{opacity:1;translate:-50% 0}
.shake{animation:shake .28s linear}@keyframes shake{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}.flash{animation:flash .35s}@keyframes flash{50%{filter:brightness(1.55)}}
body.high-contrast{--paper:#fff;--paper2:#f1dfaa;--ink:#090909;--muted:#333;--teal:#005b63;--red:#7f0008}.high-contrast .hero-folder,.high-contrast .report-sheet,.high-contrast .evidence-card,.high-contrast .suspect-card{border-color:#111}
body.reduced-motion *{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
@media(max-width:760px){.topbar{min-height:60px}.brand-mark{width:38px;height:38px}.brand strong{font-size:.84rem}.brand small{font-size:.52rem}#menuScreen{grid-template-columns:1fr}.menu-buttons{grid-template-columns:1fr}.quick-stats{grid-template-columns:1fr 1fr}.brief-grid,.report-facts{grid-template-columns:1fr}.case-hud{grid-template-columns:82px 1fr 74px}.case-meta strong{font-size:.8rem}.case-meta small{display:none}.timer-wrap span,.hud-score span{font-size:1.35rem}.case-tabs button{font-size:.69rem;min-height:52px;padding:3px}.evidence-grid{grid-template-columns:repeat(2,1fr)}.suspect-grid{grid-template-columns:1fr}.evidence-card{min-height:175px;padding:14px}.result-actions{grid-template-columns:1fr}.result-actions .text-btn{grid-column:auto}}
@media(max-width:420px){.app-shell{padding-left:7px;padding-right:7px}.top-actions{gap:4px}.icon-btn{width:39px;height:39px}.hero-folder,.briefing-folder,.result-folder{padding:21px 17px}.hero-folder h1{font-size:2rem}.case-tabs button{font-size:.61rem}.evidence-grid{grid-template-columns:1fr}.pin-slots{grid-template-columns:1fr;gap:7px}.red-string{height:45px;width:4px;justify-self:center}.achievement-grid{grid-template-columns:1fr}.progress-mini{flex-direction:column}}
@media(orientation:landscape) and (max-height:590px){.topbar{min-height:50px}.brand-mark{width:34px;height:34px}main{padding-bottom:5px}#gameScreen{min-height:calc(100dvh - 65px)}.case-hud{min-height:48px}.case-tabs button{min-height:40px}.game-tools{padding-block:4px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}