:root{--paper:#f5eedf;--ink:#161a20;--red:#e53d2f;--blue:#2666d8;--yellow:#f5bc2e;--green:#228b63;--muted:#6f6a60;--line:#1a1c20;--cream:#fffaf0}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,"Segoe UI",sans-serif}.story{overflow:hidden}.scene{position:relative;min-height:100svh;padding:clamp(26px,4vw,64px) clamp(22px,5vw,82px);border-bottom:5px solid var(--ink);isolation:isolate}.scene:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.2;background-image:radial-gradient(#1b1c1e 0.7px,transparent .8px);background-size:7px 7px}.scene:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,rgba(255,255,255,.28),transparent 35%,rgba(255,255,255,.14))}.scene-number{display:inline-flex;padding:8px 12px;border:2px solid var(--ink);background:var(--cream);font:800 12px/1 monospace;letter-spacing:.08em;box-shadow:4px 4px 0 var(--ink)}
.scene-grid{width:min(1400px,100%);margin:34px auto 12px;display:grid;grid-template-columns:minmax(370px,.84fr) minmax(520px,1.25fr);gap:clamp(28px,5vw,74px);align-items:center}.copy-column h1{margin:18px 0 18px;font-size:clamp(58px,7.4vw,112px);line-height:.82;letter-spacing:-.07em;text-transform:uppercase}.copy-column h1 em{color:var(--red);font-style:normal;text-shadow:5px 5px 0 var(--yellow);-webkit-text-stroke:2px var(--ink)}.lead{max-width:650px;margin:0 0 26px;color:#393a3c;font-size:clamp(17px,1.45vw,22px);line-height:1.45}.alarm-badge{display:inline-flex;align-items:center;gap:9px;color:var(--red);font:900 13px monospace;letter-spacing:.08em}.alarm-badge span{width:28px;height:28px;display:grid;place-items:center;color:#fff;background:var(--red);border:2px solid var(--ink);border-radius:50%;box-shadow:3px 3px 0 var(--ink)}.speech-stack{display:grid;gap:11px}.speech{position:relative;margin:0;padding:13px 17px 14px;border:3px solid var(--ink);border-radius:18px;background:#fff;box-shadow:5px 5px 0 var(--ink)}.speech:after{content:"";position:absolute;left:28px;bottom:-12px;width:18px;height:18px;background:inherit;border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:rotate(45deg)}.speech b{display:block;margin-bottom:3px;font:900 11px monospace;letter-spacing:.08em;text-transform:uppercase}.speech span{font-size:16px;font-weight:750}.speech-blue{border-color:var(--blue);box-shadow:5px 5px 0 var(--blue)}.speech-blue b{color:var(--blue)}.speech-red{margin-left:8%;border-color:var(--red);box-shadow:5px 5px 0 var(--red)}.speech-red b{color:var(--red)}.speech-yellow{margin-left:16%;border-color:#d99a00;box-shadow:5px 5px 0 var(--yellow)}.speech-yellow b{color:#9a6500}
.comic-frame{position:relative;margin:0;border:5px solid var(--ink);background:#fff;box-shadow:12px 12px 0 var(--ink);transform:rotate(1deg)}.comic-frame img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.comic-frame figcaption{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:4px solid var(--ink);background:var(--red);color:#fff;font:900 12px monospace;letter-spacing:.06em}.status-light{width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 4px rgba(255,255,255,.16)}.ticker{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-around;gap:40px;padding:10px 18px;background:var(--ink);color:#fff;font:800 11px monospace;letter-spacing:.06em;white-space:nowrap}.ticker span:before{content:"●";margin-right:10px;color:var(--yellow)}
.scene-investigation{background:#e9eef6}.investigation-heading{width:min(1400px,100%);margin:26px auto 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.investigation-heading p,.green-kicker{margin:0 0 8px;color:var(--blue);font:900 12px monospace;letter-spacing:.1em}.investigation-heading h2,.verdict h2{margin:0;font-size:clamp(44px,5vw,76px);line-height:.92;letter-spacing:-.055em}.nerves{width:min(330px,30vw);padding:16px;border:3px solid var(--ink);background:var(--cream);box-shadow:6px 6px 0 var(--ink)}.nerves span{font:800 11px monospace}.nerves strong{float:right;color:var(--red);font:900 24px monospace}.nerves i{display:block;clear:both;height:12px;margin-top:12px;border:2px solid var(--ink);background:#fff}.nerves b{display:block;width:12%;height:100%;background:var(--red)}.investigation-layout{width:min(1400px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.7fr);gap:36px;align-items:center}.comic-wide{transform:rotate(-.7deg)}.evidence-board{position:relative;padding:32px 28px;border:4px solid var(--ink);background:#fff8e7;box-shadow:9px 9px 0 var(--yellow);transform:rotate(1deg)}.pin{position:absolute;top:13px;right:18px;width:17px;height:17px;border:3px solid var(--ink);border-radius:50%;background:var(--red);box-shadow:2px 2px 0 var(--ink)}.note-label{margin:0 0 8px;color:var(--blue);font:900 11px monospace;letter-spacing:.09em}.evidence-board h3{margin:0;font-size:clamp(17px,1.45vw,22px);line-height:1.25}.stamp{display:inline-block;margin:14px 0 0;padding:8px 10px;border:4px solid var(--red);color:var(--red);font:950 20px monospace;transform:rotate(-5deg)}.divider{height:3px;margin:22px 0;background:var(--ink)}.evidence-board ul{margin:14px 0 0;padding:0;list-style:none}.evidence-board li{padding:6px 0;border-bottom:1px dashed #9a9284;font-size:14px;font-weight:700}.evidence-board li:before{content:"□";margin-right:9px;color:var(--red);font-weight:900}
.scene-reveal{background:#f6f0df}.reveal-grid{width:min(1400px,100%);margin:34px auto 26px;display:grid;grid-template-columns:minmax(520px,1.15fr) minmax(390px,.85fr);gap:clamp(35px,5vw,72px);align-items:center}.reveal-frame{transform:rotate(-1deg);box-shadow:12px 12px 0 var(--green)}.passport-speech,.file-speech{position:absolute;padding:12px 15px;border:3px solid var(--ink);border-radius:18px;background:#fff;font-size:15px;font-weight:850;box-shadow:4px 4px 0 var(--ink)}.passport-speech{top:7%;right:5%;color:var(--green)}.file-speech{bottom:6%;left:5%;color:var(--red)}.green-kicker{color:var(--green)}.verdict h2 em{color:var(--red);font-style:normal}.verdict dl{margin:26px 0 0;border-top:3px solid var(--ink)}.verdict dl div{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;padding:11px 0;border-bottom:2px solid var(--ink)}.verdict dt{color:#55514b;font-size:14px}.verdict dd{margin:0;text-align:right;color:var(--green);font:900 12px monospace}.moral{width:min(1120px,92%);margin:20px auto 0;padding:25px 34px;border:4px solid var(--ink);background:var(--yellow);box-shadow:9px 9px 0 var(--ink);text-align:center}.quote-mark{display:block;height:24px;font:900 54px/1 Georgia,serif}.moral p{margin:0;font-size:clamp(22px,2.6vw,38px);line-height:1.15}.moral small{display:block;margin-top:14px;font:750 10px monospace;letter-spacing:.04em}
@media(max-width:960px){.scene{min-height:auto;padding-bottom:55px}.scene-grid,.investigation-layout,.reveal-grid{grid-template-columns:1fr}.copy-column h1{font-size:clamp(58px,14vw,96px)}.comic-frame{max-width:760px;margin:auto}.investigation-heading{align-items:stretch;flex-direction:column}.nerves{width:100%}.evidence-board{max-width:680px;margin:auto}.reveal-grid{display:flex;flex-direction:column}.reveal-frame{order:2}.verdict{order:1;width:100%}.ticker{overflow:hidden;justify-content:flex-start}.scene-reveal{padding-bottom:45px}}
@media(max-width:560px){.scene{padding:22px 16px 50px}.scene-number{font-size:10px}.scene-grid{margin-top:24px}.copy-column h1{font-size:56px}.copy-column h1 em{-webkit-text-stroke:1px var(--ink);text-shadow:3px 3px 0 var(--yellow)}.lead{font-size:16px}.speech-red,.speech-yellow{margin-left:0}.speech span{font-size:14px}.comic-frame{border-width:3px;box-shadow:7px 7px 0 var(--ink)}.investigation-heading h2,.verdict h2{font-size:43px}.investigation-layout{gap:24px}.evidence-board{padding:28px 20px;border-width:3px}.reveal-grid{margin-top:24px}.passport-speech,.file-speech{position:relative;display:inline-block;inset:auto;margin:8px;font-size:12px}.verdict dl div{grid-template-columns:1fr;gap:4px}.verdict dd{text-align:left}.moral{width:100%;padding:20px 16px}.moral p{font-size:21px}}

[hidden]{display:none!important}.interactive-story{min-height:100svh}.active-scene{padding-top:110px;animation:sceneIn .45s ease both}.case-progress{position:fixed;z-index:20;top:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:8px;border:3px solid var(--ink);border-radius:40px;background:rgba(255,250,240,.94);box-shadow:5px 5px 0 var(--ink);backdrop-filter:blur(8px)}.case-progress div{display:flex;align-items:center;gap:7px;padding:5px 11px;color:#8d8a84;font:900 10px/1 monospace;letter-spacing:.06em}.case-progress span{width:24px;height:24px;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%}.case-progress .active{color:var(--blue)}.case-progress .active span{color:#fff;background:var(--blue);border-color:var(--ink)}.case-progress .done{color:var(--green)}.case-progress .done span{color:#fff;background:var(--green);border-color:var(--ink)}
.comic-button{display:inline-flex;align-items:center;justify-content:center;height:auto;min-height:54px;margin-top:18px;padding:14px 20px;border:3px solid var(--ink);border-radius:12px;color:var(--ink);font:950 13px/1.15 monospace;letter-spacing:.04em;cursor:pointer;box-shadow:5px 5px 0 var(--ink);transition:transform .16s ease,box-shadow .16s ease}.comic-button:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}.comic-button:active{transform:translate(5px,5px);box-shadow:0 0 0 var(--ink)}.comic-button span{margin-left:10px;font-size:20px}.red-button{background:var(--red);color:#fff}.blue-button{background:var(--blue);color:#fff}.yellow-button{background:var(--yellow)}.green-button{background:var(--green);color:#fff}.compact{width:100%;min-height:46px;margin-top:14px;padding:11px 14px;font-size:11px}.restart-button{margin:22px auto 0;background:var(--cream)}.revealed{animation:popIn .42s cubic-bezier(.2,.8,.2,1) both}.is-muted img{filter:grayscale(1) contrast(.75);opacity:.68}.is-muted figcaption{background:#747474}.is-alarmed{animation:alarmHit .5s ease both}.next-clue,.checklist-in{animation:paperIn .38s ease both}.stamp-in{animation:stampIn .32s cubic-bezier(.2,1.5,.5,1) both}.tiny-warning{margin-top:13px;padding:10px 12px;border:2px dashed var(--red);background:#fff;color:var(--red);font:850 11px/1.35 monospace}
.closed-passport{width:min(1120px,100%);margin:clamp(40px,8vh,90px) auto 0;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(400px,1fr);align-items:center;gap:clamp(38px,7vw,100px)}.closed-passport h2{margin:8px 0 18px;font-size:clamp(44px,5vw,76px);line-height:.92;letter-spacing:-.055em}.closed-passport>div:last-child>p:not(.green-kicker){max-width:560px;color:#56534e;font-size:20px;line-height:1.5}.document-cover{min-height:460px;padding:36px 30px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border:5px solid var(--ink);background:#f0e1b9;box-shadow:14px 14px 0 var(--ink);transform:rotate(-2deg);text-align:center}.document-cover:before{content:"ДОКУМЕНТ";padding:7px 11px;border:3px solid var(--red);color:var(--red);font:950 16px monospace;transform:rotate(-5deg)}.document-cover span,.document-cover small{font:900 13px/1.4 monospace;letter-spacing:.08em}.document-cover b{font:950 150px/.8 Arial;color:var(--red);text-shadow:6px 6px 0 var(--yellow)}
@keyframes sceneIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes popIn{from{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:none}}@keyframes paperIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes stampIn{from{opacity:0;transform:scale(1.7) rotate(-14deg)}to{opacity:1;transform:scale(1) rotate(-5deg)}}@keyframes alarmHit{0%{transform:rotate(1deg) scale(.98)}45%{transform:rotate(-.7deg) scale(1.02)}100%{transform:rotate(1deg) scale(1)}}
@media(max-width:960px){.active-scene{padding-top:100px}.closed-passport{grid-template-columns:1fr}.document-cover{width:min(460px,90%);min-height:350px;margin:auto}.closed-passport>div:last-child{text-align:center}.closed-passport>div:last-child>p{margin-left:auto;margin-right:auto}}
@media(max-width:620px){.case-progress{top:9px;width:calc(100% - 20px);justify-content:center;gap:0}.case-progress div{padding:4px 7px;font-size:8px}.case-progress span{width:20px;height:20px}.active-scene{padding-top:82px}.comic-button{width:100%;font-size:11px}.document-cover{min-height:300px}.document-cover b{font-size:110px}.closed-passport h2{font-size:43px}.closed-passport>div:last-child>p:not(.green-kicker){font-size:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}