:root{--bg-dark: #0a0a0f;--text-color: #ffffff;--accent-gold: #ffd700;--accent-orange: #ff8c42;--accent-blue: #00d4ff;--accent-purple: #9333ea;--font-heading: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body: "Arial", sans-serif;--scene-height: 100vh}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(1200px 600px at 80% 10%,rgba(255,215,0,.06),transparent 60%),radial-gradient(800px 400px at 20% 90%,rgba(147,51,234,.07),transparent 60%),linear-gradient(180deg,#0a0a0f,#0a0a12);color:var(--text-color);font-family:var(--font-body);overflow:hidden;width:100vw;height:100vh}#app{width:100%;height:100%;position:relative}#scroll-container{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.scene{height:var(--scene-height);width:100%;position:relative;scroll-snap-align:start;overflow:hidden}.scene:nth-child(odd){background:radial-gradient(circle at center,#1a1a2e 0%,var(--bg-dark) 70%)}.scene[data-index="0"]{background:radial-gradient(600px 300px at 60% 35%,rgba(255,215,0,.08),transparent 60%),radial-gradient(500px 300px at 30% 70%,rgba(0,212,255,.06),transparent 60%),linear-gradient(180deg,#0a0a10,#0a0a0f)}.scene[data-index="1"]{background:radial-gradient(700px 350px at 70% 50%,rgba(0,212,255,.08),transparent 60%),linear-gradient(180deg,#0a0a0f,#0a0a12)}.scene[data-index="2"]{background:radial-gradient(600px 320px at 50% 40%,rgba(255,60,60,.08),transparent 60%),linear-gradient(180deg,#0a0a0f,#0b0a0f)}.scene[data-index="3"]{background:radial-gradient(600px 320px at 55% 45%,rgba(147,51,234,.09),transparent 60%),linear-gradient(180deg,#0a0a0f,#0a0a12)}.scene[data-index="4"]{background:radial-gradient(700px 360px at 50% 40%,rgba(255,140,66,.08),transparent 60%),radial-gradient(800px 420px at 50% 60%,rgba(255,215,0,.08),transparent 60%),linear-gradient(180deg,#0a0a0f,#0a0a12)}.scene-content{z-index:10;text-align:center;width:100%;max-width:800px;padding:0;position:absolute;top:25%;left:50%;transform:translate(-50%) translateY(20px);transition:opacity 1.5s ease,transform 1.5s ease;opacity:0}.scene-content.active{opacity:1;transform:translate(-50%) translateY(0)}.scene-title{font-family:var(--font-heading);font-size:2rem;margin-bottom:1.5rem;color:var(--accent-gold);text-shadow:0 0 10px rgba(255,215,0,.5);letter-spacing:3px;text-transform:uppercase}.scene-desc{font-size:1.1rem;line-height:1.8;letter-spacing:2px;color:#ffffffe6;text-shadow:0 2px 8px rgba(0,0,0,.8);font-weight:300;position:relative;display:inline-block}.scene-visual{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;animation:drift 24s ease-in-out infinite alternate}.cat-layer{position:absolute;bottom:40%;left:50%;transform:translate(-50%) translateY(50%);width:clamp(60px,9vw,140px);height:auto;z-index:5;pointer-events:auto}.cat-layer:before{content:"";position:absolute;left:50%;bottom:-10%;transform:translate(-50%);width:260%;height:160%;background:radial-gradient(50% 38% at 50% 85%,var(--glow-color, rgba(255, 215, 0, .26)) 0%,transparent 65%);filter:blur(22px);opacity:.95}.cat-silhouette{display:block;width:100%;height:auto;image-rendering:-webkit-optimize-contrast;filter:drop-shadow(0 0 26px var(--glow-color, rgba(255, 215, 0, .45)));pointer-events:auto;cursor:pointer}#stats-bar{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:100;display:flex;gap:3rem;background:#0006;padding:12px 30px;border-radius:50px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d}#stats-bar .stat-item{display:flex;align-items:center;gap:.8rem;font-family:var(--font-heading)}#stats-bar .stat-item .stat-label{color:#ffffffb3;font-size:1rem;text-transform:uppercase;letter-spacing:1px}#stats-bar .stat-item .stat-value{font-size:1.5rem;font-weight:700;min-width:3ch}#stats-bar .stat-item:first-child .stat-value{color:#ff4d4f}#stats-bar .stat-item:last-child .stat-value{color:var(--accent-gold)}#ui-controls{position:fixed;bottom:2rem;right:2rem;z-index:100}#ui-controls button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px;border-radius:50%;cursor:pointer;transition:all .3s ease}#ui-controls button:hover{background:#fff3;box-shadow:0 0 10px #ffffff1a}@keyframes pulse-glow{0%{opacity:.25}50%{opacity:.5}to{opacity:.25}}@keyframes drift{0%{transform:translate3d(-3%,-2%,0) scale(1.02)}to{transform:translate3d(3%,2%,0) scale(1.02)}}@media(prefers-reduced-motion:reduce){.scene-visual,.scene-content:before{animation:none!important}.scene-desc:after{transition:none!important}}.tyndall-beam{position:absolute;top:-10%;left:50%;width:150px;height:120vh;background:linear-gradient(180deg,#ffffff26,#fff0 80%);transform-origin:top center;transform:translate(-50%) rotate(-25deg);filter:blur(15px);pointer-events:none;z-index:4;opacity:0;animation:beam-appear 2s ease-out forwards,beam-float 6s ease-in-out infinite alternate;mix-blend-mode:overlay}@keyframes beam-appear{0%{opacity:0;transform:translate(-50%) rotate(-25deg) scaleY(0)}to{opacity:.6;transform:translate(-50%) rotate(-25deg) scaleY(1)}}@keyframes beam-float{0%{transform:translate(-50%) rotate(-25deg) scaleX(1);opacity:.5}to{transform:translate(-50%) rotate(-22deg) scaleX(1.2);opacity:.7}}.light-path{position:absolute;bottom:32%;left:0;width:100%;height:6px;transform:scaleX(0);transform-origin:center;animation:path-expand 1.5s ease-out forwards;z-index:4;border-radius:50%;filter:blur(2px)}.path-cyan{background:linear-gradient(90deg,transparent 0%,rgba(0,212,255,.1) 20%,rgba(0,212,255,.8) 50%,rgba(0,212,255,.1) 80%,transparent 100%);box-shadow:0 0 20px #00d4ff66}.path-red{background:linear-gradient(90deg,transparent 0%,rgba(255,77,79,.1) 20%,rgba(255,77,79,.8) 50%,rgba(255,77,79,.1) 80%,transparent 100%);box-shadow:0 0 20px #ff4d4f66}@keyframes path-expand{to{transform:scaleX(1)}}.rock-obstacle{position:absolute;bottom:32%;left:65%;width:60px;height:40px;background:#151515;border-radius:30% 60% 40% 40%/50% 50% 30% 30%;box-shadow:inset 4px 4px 10px #ffffff1a,inset -4px -4px 10px #000c,0 0 10px #00000080;z-index:6;transform:translateY(0)}.rock-obstacle:before{content:"";position:absolute;top:20%;right:30%;width:10px;height:8px;background:#0009;border-radius:50%;filter:blur(1px)}