:root{--sand: #E8DCC4;--terracotta: #C75B39;--desert-night: #1A1A2E;--mesa-brown: #5C4033;--neon-yellow: #FFE135;--neon-red: #FF3131;--courtroom-gold: #D4AF37;--prison-grey: #3D3D3D;--fluorescent: #F0F7DA;--shadow: #0D0D0D;--font-display: "Bebas Neue", sans-serif;--font-body: "Crimson Pro", Georgia, serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--desert-night);color:var(--sand);font-family:var(--font-body);overflow-x:hidden;cursor:crosshair}#scene{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1}.scroll-container{position:relative;z-index:10;pointer-events:none}.chapter{min-height:100vh;display:flex;align-items:center;justify-content:flex-start;padding:2rem 4rem;position:relative}.chapter:nth-child(odd){justify-content:flex-start}.chapter:nth-child(2n){justify-content:flex-end}.chapter-content{max-width:480px;padding:3rem;background:linear-gradient(135deg,#1a1a2ed9,#1a1a2ea6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(232,220,196,.15);border-radius:2px;position:relative;pointer-events:auto;transform:translateY(30px);opacity:0;animation:fadeInUp .8s ease forwards;animation-play-state:paused}.chapter.visible .chapter-content{animation-play-state:running}@keyframes fadeInUp{to{transform:translateY(0);opacity:1}}.chapter-number{font-family:var(--font-display);font-size:6rem;color:var(--terracotta);opacity:.3;position:absolute;top:-2rem;left:-1rem;line-height:1;-webkit-user-select:none;user-select:none}.chapter-content h2{font-family:var(--font-display);font-size:2.8rem;letter-spacing:.15em;text-transform:uppercase;color:var(--sand);margin-bottom:1.5rem;position:relative}.chapter-content h2:after{content:"";position:absolute;bottom:-.5rem;left:0;width:60px;height:3px;background:var(--terracotta)}.story-text{font-size:1.15rem;line-height:1.8;margin-bottom:1.25rem;color:#e8dcc4e6}.story-text.accent{font-style:italic;color:var(--neon-yellow);padding-left:1.5rem;border-left:2px solid var(--terracotta);font-size:1.05rem}.story-text.final{color:var(--courtroom-gold);font-size:1.3rem;font-weight:600}.chapter[data-chapter="0"] .chapter-content{border-left:3px solid var(--fluorescent)}.chapter[data-chapter="1"] .chapter-content{background:linear-gradient(135deg,#0d0d0de6,#1a1a2ebf);border-left:3px solid var(--mesa-brown)}.chapter[data-chapter="2"] .chapter-content{border-left:3px solid var(--courtroom-gold)}.chapter[data-chapter="3"] .chapter-content{border-left:3px solid var(--terracotta)}.chapter[data-chapter="4"] .chapter-content{border-left:3px solid var(--neon-yellow);box-shadow:0 0 30px #ffe1351a,inset 0 0 60px #ffe13508}.chapter[data-chapter="4"] .chapter-content h2{color:var(--neon-yellow);text-shadow:0 0 20px rgba(255,225,53,.5)}.chapter[data-chapter="5"] .chapter-content{border-left:3px solid var(--prison-grey);background:linear-gradient(135deg,#3d3d3dd9,#1a1a2ed9)}.progress-bar{position:fixed;top:0;left:0;width:100%;height:4px;background:#e8dcc41a;z-index:100}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--terracotta) 0%,var(--neon-yellow) 50%,var(--courtroom-gold) 100%);transition:width .1s ease-out}.chapter-indicator{position:fixed;bottom:3rem;right:3rem;z-index:100;display:flex;align-items:center;gap:.75rem}.current-chapter{font-family:var(--font-display);font-size:3rem;color:var(--terracotta);text-shadow:0 0 30px rgba(199,91,57,.5);transition:all .3s ease}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--shadow);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeOut 1s ease 2s forwards;pointer-events:none}@keyframes fadeOut{to{opacity:0;visibility:hidden}}.intro-overlay h1{font-family:var(--font-display);font-size:5rem;letter-spacing:.3em;color:var(--neon-yellow);text-shadow:0 0 60px rgba(255,225,53,.8);animation:glitch .3s ease 1s both}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(2px,2px)}}.scroll-hint{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.6;animation:pulse 2s ease-in-out infinite;transition:opacity .5s ease}.scroll-hint.hidden{opacity:0;pointer-events:none}.scroll-hint span{font-family:var(--font-display);font-size:.9rem;letter-spacing:.3em;color:var(--sand)}.scroll-hint .arrow{width:20px;height:20px;border-right:2px solid var(--sand);border-bottom:2px solid var(--sand);transform:rotate(45deg);animation:bounce 1.5s ease infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes bounce{0%,to{transform:rotate(45deg) translate(0)}50%{transform:rotate(45deg) translate(5px,5px)}}@media (max-width: 768px){.chapter{padding:2rem 1.5rem;justify-content:center!important}.chapter-content{max-width:100%;padding:2rem}.chapter-number{font-size:4rem}.chapter-content h2{font-size:2rem}.chapter-indicator{bottom:1.5rem;right:1.5rem}.current-chapter{font-size:2rem}}.loading{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--shadow);z-index:2000;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease,visibility .5s ease}.loading.done{opacity:0;visibility:hidden}.loading-text{font-family:var(--font-display);font-size:1.5rem;letter-spacing:.5em;color:var(--terracotta);animation:loadingPulse 1s ease infinite}@keyframes loadingPulse{0%,to{opacity:.5}50%{opacity:1}}.story-back{position:fixed;bottom:1.25rem;left:1.25rem;z-index:120;font-size:.85rem;pointer-events:auto}.story-back a{color:#e8dcc48c;text-decoration:none;border-bottom:1px solid rgba(232,220,196,.2);transition:color .2s ease,border-color .2s ease}.story-back a:hover{color:var(--sand);border-bottom-color:#e8dcc473}