/* RIEKO redesign: reading flow first, interface second */
:root{--paper:#d8cfb7;--paper-deep:#c4b89c;--ink:#171b19;--night:#080b0b;--rust:#a6322b;--rust-bright:#d45446;--amber:#d2a257;--cyan:#79a8a5}
body{background:var(--night);color:#ece4d2}
.system-bar{height:38px;letter-spacing:.11em}
.system-bar span:first-child{color:#ded4bd}
.redesigned-hero{min-height:100svh;padding-top:100px;padding-bottom:90px}
.redesigned-hero .hero-bg{background:linear-gradient(90deg,#050707f5 0%,#070908d9 45%,#06070770),url("assets/decorative/vhs-wall.png") center/cover}
.redesigned-hero .hero-copy{max-width:720px;z-index:2}
.redesigned-hero h1{margin-bottom:1.1rem}
.redesigned-hero h1 small{letter-spacing:.08em}
.prose-lead{max-width:650px;font-size:clamp(15px,1.35vw,20px);line-height:2.05;color:#e2dac6}
.prose-lead p{margin:.22rem 0}
.prose-lead .lead-question{margin-top:1.1rem;color:#f0d4a4;font-size:1.13em}
.decode-prompt{min-height:25px;color:#bcb39e;font:12px Consolas,monospace;letter-spacing:.08em}
.decode-prompt b{color:var(--rust-bright)}
.locked-title{cursor:default!important;pointer-events:none!important}
.locked-title .mojibake{color:#a4312c;background:transparent}
.locked-title.title-targeted{animation:titlePulse 1.1s ease-in-out infinite;pointer-events:auto!important;cursor:pointer!important;outline:1px solid #d45446;outline-offset:9px}
.locked-title.title-decoded{pointer-events:auto!important;cursor:pointer!important;color:#fff;background:var(--rust);padding:.03em .22em;box-shadow:0 0 0 7px #a6322b33,0 0 28px #d454467a}
.locked-title.title-decoded .mojibake{display:none}
.locked-title.title-decoded .restored{display:inline}
.locked-title .restored{display:none}
.title-route,.continue-button{border:1px solid var(--rust-bright);background:#2b1513;color:#f2ddbe;padding:12px 18px;font:13px Consolas,monospace;cursor:pointer;letter-spacing:.05em}
.title-route{display:block;margin:28px auto 0}
.title-route:hover,.continue-button:hover{background:var(--rust);transform:translateY(-2px)}
.continue-button{display:block;margin-top:16px;box-shadow:4px 4px 0 #541c18}
.tape-counter{bottom:12vh}
.tape-counter b{font-size:42px}
.chapter{scroll-margin-top:45px}
.chapter-head{max-width:1030px}
.chapter-head h2{font-size:clamp(30px,4vw,58px);letter-spacing:.01em}
.chapter-head p{font-size:16px;line-height:1.95}
.chapter-head>span{color:var(--rust)}
.chapter-handoff{border-left:5px solid var(--rust);box-shadow:7px 7px 0 #77231f;background:#1a1d1a}
.chapter-handoff.compact{margin-top:32px}
.chapter-handoff b{font-size:20px;line-height:1.55}
.chapter-handoff p{line-height:1.85}
.intro .fact-stack article{padding:15px 0 15px 18px}
.intro .fact-stack b{font-size:17px;line-height:1.6}
.intro .fact-stack small{display:block;margin-top:5px;color:#706757;line-height:1.65}
.investigator-note{max-width:690px}
.sequence .chapter-head{color:#f0e9d9}
.sequence-console{padding:28px}
.sequence-console .mode-switch button{font-size:14px;min-width:180px}
.time-card{cursor:default}
.time-card-image i{letter-spacing:.03em}
.time-card-copy span{font-size:14px;font-weight:600}
.timeline.date-mode .time-card{transform:translateY(var(--lane));box-shadow:0 10px 28px #0008}
.timeline.date-mode .time-card.private{outline:1px solid #6c98a0}
.timeline.date-mode .time-card.public{outline:1px solid #c7884a}
.timeline.date-mode .time-card.final{outline:1px solid #b34139}
.discovery-card{background:#201d18;border-color:#b08c51;box-shadow:6px 6px 0 #6c231f;transition:.45s}
.discovery-card p{line-height:1.9}
.sequence-lanes{max-width:1100px;margin:24px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.sequence-lanes div{border:1px solid #6f806e;background:#1d2522;padding:18px 18px 16px;color:#ece4d0;min-height:126px}
.sequence-lanes div:nth-child(2){border-color:#b7824a;background:#262018}
.sequence-lanes div:nth-child(3){border-color:#a53b33;background:#251615}
.sequence-lanes b{display:block;color:#ddb36c;font:13px Consolas,monospace;margin-bottom:10px}
.sequence-lanes span{font-size:14px;line-height:1.7}
.split-records .record-column{background:#d0c5aa}
.split-records .record-column h3{font-size:23px}
.split-records .record-column li{line-height:1.8;margin:.35rem 0}
.split-records .versus i{font-size:46px}
.decoder .chapter-head{max-width:1030px}
.audio-split{max-width:1110px;margin:0 auto 34px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.audio-split article{border:1px solid #746b5b;min-height:300px;padding:22px;background:#161a18;position:relative;overflow:hidden}
.audio-split .tag{display:block;color:var(--amber);font:11px Consolas,monospace;letter-spacing:.1em}
.audio-split h3{font-size:23px;margin:18px 0 8px}
.audio-split p{color:#bcb4a2;font-size:14px;line-height:1.85;margin:0}
.noise-evidence{background:radial-gradient(circle at 72% 40%,#6e2423 0,#231615 22%,#101311 70%)!important}
.noise-visual{height:112px;border:1px solid #8e3e37;background:repeating-linear-gradient(0deg,#40201f 0 2px,#100c0d 2px 4px);display:grid;place-content:center;position:relative;overflow:hidden}
.noise-visual:before,.noise-visual:after{content:"";position:absolute;inset:20% -10%;border-top:2px solid #dc6451;border-bottom:1px solid #d2a257;transform:skewY(-9deg);opacity:.8;animation:noiseShift 1.3s steps(3) infinite}
.noise-visual:after{transform:skewY(11deg);opacity:.35;animation-delay:.3s}
.noise-visual span{position:relative;z-index:1;color:#ef9b78;font:bold 21px Consolas,monospace;filter:blur(.5px);text-shadow:0 0 8px #e4543a}
.clear-song{padding:0!important;background:#151916!important}
.clear-song img{width:100%;height:165px;object-fit:cover;display:block;filter:saturate(.42) contrast(1.1)}
.clear-song .tag,.clear-song h3,.clear-song p{margin-left:22px;margin-right:22px}
.clear-song .tag{margin-top:19px}
.clear-song p{padding-bottom:20px}
.subtitle-observation{margin-top:18px}
.decoder-machine{box-shadow:0 0 38px #0d5a4c25,inset 0 0 80px #000}
.decoder-machine input{height:28px}
.verification-route>span{font-size:18px;line-height:1.6}
.verification-route p{line-height:1.7}
.audio-transcript h3{font-size:23px}
.audio-transcript .after-song small{line-height:1.7}
.role-route{max-width:1100px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;background:#111514;color:#e8e0cd;border:1px solid #6e6656;padding:26px}
.role-intro{border-right:1px solid #625b4d;padding:10px 26px 10px 8px}
.role-intro>span{font:11px Consolas,monospace;color:var(--amber);letter-spacing:.14em}
.role-intro h3{font-size:26px;line-height:1.35;margin:22px 0 8px}
.role-intro p{font-size:14px;color:#bdb49f;line-height:1.85}
.role-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.role-cards button{border:1px solid #5f5a4d;background:#1b201d;color:#e8e0cd;text-align:left;padding:17px;cursor:pointer;transition:.2s}
.role-cards button:hover,.role-cards button.selected{border-color:var(--rust-bright);background:#321b18;transform:translateY(-2px)}
.role-cards i{display:block;color:var(--amber);font:11px Consolas,monospace;font-style:normal;margin-bottom:10px}
.role-cards b{display:block;font-size:19px}
.role-cards small{display:block;color:#aaa18d;line-height:1.6;margin-top:7px}
.role-evidence{grid-column:1/-1;border-top:1px solid #625b4d;padding:18px 8px 4px;display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center;min-height:110px}
.role-evidence figure{margin:0;background:#080a0a;padding:7px}.role-evidence img{width:100%;height:88px;object-fit:cover;display:block;filter:saturate(.45)}
.role-evidence span{color:var(--amber);font:12px Consolas,monospace}.role-evidence p{margin:.35rem 0;line-height:1.75;color:#c9c0ad;font-size:14px}
.model-choice{max-width:900px;margin:34px auto 0;padding:25px;border:1px solid #957c57;background:#cfc4aa;color:#151917;box-shadow:6px 6px 0 #70261f}
.model-choice>span{font:11px Consolas,monospace;color:var(--rust)}
.model-choice h3{font-size:27px;margin:.45rem 0}.model-choice>p{font-size:14px;line-height:1.8}
.model-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.model-buttons button{border:1px solid #756d5c;background:#e4d9bd;color:#181b19;text-align:left;padding:14px;cursor:pointer}.model-buttons button:hover,.model-buttons button.selected{background:#351918;color:#f2e4c6;border-color:#b1453a}.model-buttons b,.model-buttons small{display:block}.model-buttons b{font-size:17px}.model-buttons small{margin-top:6px;line-height:1.5}
.model-result{margin-top:17px;padding:14px 16px;border-left:4px solid var(--rust);background:#e9dfc7;font-size:14px;line-height:1.8}.model-result p{margin:.25rem 0}
.models .chapter-head p{max-width:840px}
.erasure-sequence{max-width:1050px;margin:auto}
.erasure-sequence nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.erasure-sequence nav button{border:1px solid #756e5e;background:#131716;color:#cfc6b2;padding:12px 15px;font:12px Consolas,monospace;cursor:pointer}.erasure-sequence nav button.active{background:var(--rust);color:#fff}.erasure-sequence nav button:disabled{opacity:.4;cursor:not-allowed}
.erasure-stage{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid #746b5c;background:#d0c5aa;color:#171a18}.erasure-stage figure{margin:0;padding:12px;background:#111}.erasure-stage figure img{width:100%;height:100%;min-height:280px;object-fit:cover;filter:saturate(.48)}.erasure-stage article{padding:28px}.erasure-stage article>span{color:var(--rust);font:12px Consolas,monospace}.erasure-stage h3{font-size:27px;line-height:1.4;margin:.5rem 0}.erasure-stage p{font-size:15px;line-height:1.9}.erasure-note{background:#bcb092;border-left:4px solid var(--rust);padding:13px 15px;margin-top:22px}.erasure-note b,.erasure-note small{display:block}.erasure-note small{margin-top:4px;line-height:1.65}
.erasure-meter{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;color:#a69d8c;font:11px Consolas,monospace}.erasure-meter span.active{color:var(--amber)}.erasure-meter i{display:block;width:45px;border-top:1px solid #746b5b}
.erasure-result{max-width:880px;margin:28px auto 0;padding:22px 25px;background:#cfc4aa;color:#171a18;border-left:5px solid var(--rust)}.erasure-result span{font:11px Consolas,monospace;color:var(--rust)}.erasure-result strong{display:block;font-size:21px;line-height:1.65;margin:.35rem 0}.erasure-result p{font-size:14px;line-height:1.8}
.official-overwrite{max-width:1050px;margin:35px auto 0;display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid #786e5b;background:#111514;color:#e9e1d0}.official-overwrite figure{margin:0;padding:12px;background:#070909}.official-overwrite img{width:100%;height:100%;min-height:290px;object-fit:cover;filter:saturate(.5)}.official-overwrite figcaption{font:11px Consolas,monospace;padding-top:7px;color:#aaa18f}.official-overwrite>div{padding:28px}.official-overwrite span{color:var(--amber);font:11px Consolas,monospace}.official-overwrite h3{font-size:27px;line-height:1.4;margin:.5rem 0}.official-overwrite p{line-height:1.9;color:#c2b9a8}.official-overwrite b{display:block;color:#e7bc83;line-height:1.7}
.bathroom{min-height:90vh;padding-top:110px;padding-bottom:110px}.bathroom-copy h2{font-size:clamp(31px,4vw,54px);margin:.45rem 0 1rem}.bathroom-copy p{line-height:1.9}.bathroom-copy ul{padding-left:1.2rem;line-height:1.9}.bathroom-meaning{border-left:4px solid var(--rust);padding:14px 16px;background:#1c1514;margin-top:22px}.bathroom-meaning b{color:#e4b66f}.bathroom-meaning p{margin:.3rem 0 0;color:#bcb29f;font-size:13px;line-height:1.75}
.hypothesis .chapter-head p{max-width:900px}
.hypothesis-banner{max-width:1000px;margin:auto;padding:28px 30px;background:#261615;border:1px solid #ad3e35;box-shadow:8px 8px 0 #641f1c}.hypothesis-banner span{font:11px Consolas,monospace;color:#e3aa58}.hypothesis-banner strong{display:block;font-size:clamp(21px,2.5vw,32px);line-height:1.65;margin:.55rem 0}.hypothesis-banner p{margin:0;color:#cabaa6;line-height:1.8}
.story-reconstruction{max-width:1080px;margin:48px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.story-reconstruction article{border:1px solid #766e5d;background:#151917;color:#e8dfcc;display:grid;grid-template-rows:190px auto}.story-reconstruction figure{margin:0;overflow:hidden;background:#080a0a}.story-reconstruction figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.43) contrast(1.12)}.story-reconstruction article>div{padding:20px}.story-reconstruction span{font:11px Consolas,monospace;color:var(--amber)}.story-reconstruction h3{font-size:22px;line-height:1.45;margin:.4rem 0}.story-reconstruction p{font-size:13px;color:#c1b7a5;line-height:1.8}.story-reconstruction small{color:#d65b4d;font:11px Consolas,monospace}
.hypothesis-result{max-width:920px;margin:45px auto 0;padding:28px;background:#d1c6aa;color:#171a18;border-top:6px solid var(--rust);box-shadow:7px 7px 0 #63211d}.hypothesis-result span{font:11px Consolas,monospace;color:var(--rust)}.hypothesis-result strong{display:block;font-size:24px;line-height:1.75;margin:.45rem 0}.hypothesis-result p{font-size:14px;line-height:1.85;margin:0}.low-confidence{max-width:920px;margin:28px auto 0;border:1px solid #746c5c;background:#161917;padding:14px 18px;color:#d3c9b6}.low-confidence summary{cursor:pointer;color:#e1b372}.low-confidence p{font-size:13px;line-height:1.8;color:#bcb3a2}
.conclusion{padding-top:120px}.conclusion .chapter-head h2{font-size:clamp(40px,6vw,82px)}.earned-conclusion{max-width:950px;margin:auto;padding:35px;background:#141715e8;border:1px solid #8d7250;box-shadow:8px 8px 0 #6e251f}.earned-conclusion span{font:11px Consolas,monospace;color:var(--amber)}.earned-conclusion strong{display:block;font-size:clamp(21px,2.7vw,34px);line-height:1.75;margin:.6rem 0}.earned-conclusion p{margin:0;color:#bdb3a1;line-height:1.9}.conclusion-chain{max-width:950px;margin:34px auto 0;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;color:#f0e4cd}.conclusion-chain span{border:1px solid #6d6658;background:#131615;padding:11px 15px;font-size:14px}.conclusion-chain i{color:var(--rust-bright);font-style:normal;font-size:22px}.last-question{max-width:820px;margin:80px auto 55px;box-shadow:8px 8px 0 #74251f}.last-question h3{font-size:28px}.last-question p{line-height:1.9}
.case-nav{gap:5px}.case-nav a{width:34px;height:34px}.case-nav a[href="#bathroom"]{color:#d4a25b}
@keyframes titlePulse{0%,100%{box-shadow:0 0 0 0 #d4544600}50%{box-shadow:0 0 0 9px #d4544638}}
@keyframes noiseShift{0%{transform:translateX(-10%) skewY(-9deg)}100%{transform:translateX(11%) skewY(-9deg)}}
@media(max-width:900px){.sequence-lanes{grid-template-columns:1fr}.role-route{grid-template-columns:1fr}.role-intro{border-right:0;border-bottom:1px solid #625b4d;padding:8px 8px 20px}.audio-split,.story-reconstruction{grid-template-columns:1fr}.erasure-stage,.official-overwrite{grid-template-columns:1fr}.erasure-stage figure img,.official-overwrite img{min-height:230px}.conclusion-chain{gap:7px}.conclusion-chain i{font-size:18px}}
@media(max-width:560px){.redesigned-hero{padding-top:80px}.redesigned-hero h1 small{font-size:24px}.prose-lead{font-size:15px;line-height:1.9}.tape-counter{margin-top:24px}.chapter{padding-left:20px;padding-right:20px}.chapter-head h2{font-size:30px}.sequence-console{padding:16px}.sequence-console .mode-switch{display:grid;grid-template-columns:1fr 1fr}.sequence-console .mode-switch button{min-width:0;padding:10px 5px;font-size:11px}.timeline,.timeline.date-mode{grid-template-columns:1fr 1fr}.time-card{min-height:192px}.time-card-image{height:102px}.time-card-copy{padding:8px 9px}.time-card-copy b{font-size:13px}.time-card-copy span{font-size:11px}.plain-codec{grid-template-columns:1fr;gap:8px}.plain-codec>span{transform:rotate(90deg);height:23px}.subtitle-observation{grid-template-columns:1fr}.subtitle-panel{border-left:0;border-top:1px solid #746e5f}.verification-route{grid-template-columns:1fr}.verification-route>span{grid-column:auto}.audio-split article{min-height:0}.role-cards,.model-buttons{grid-template-columns:1fr}.role-evidence{grid-template-columns:1fr}.role-evidence figure{max-width:190px}.erasure-sequence nav{display:grid;grid-template-columns:1fr}.erasure-stage article{padding:20px}.erasure-stage h3,.official-overwrite h3{font-size:23px}.erasure-meter{font-size:10px;gap:5px}.erasure-meter i{width:18px}.official-overwrite>div{padding:20px}.story-reconstruction article{grid-template-rows:150px auto}.hypothesis-banner,.earned-conclusion{padding:22px 18px}.hypothesis-banner strong,.earned-conclusion strong{font-size:20px}.hypothesis-result strong{font-size:20px}.conclusion-chain{display:grid;grid-template-columns:1fr}.conclusion-chain i{text-align:center;transform:rotate(90deg)}.case-nav{display:none}}