html,body,#root{margin:0!important;height:100%!important;overflow:hidden!important}body{background:#0d1330}.tunnel{position:relative;height:100vh;overflow:hidden;touch-action:none;font-family:Segoe UI,Tahoma,Arial,sans-serif}.tunnel canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;display:block}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;box-shadow:inset 0 0 120px #0a082873}.scroll-hint{position:absolute;bottom:5%;left:50%;transform:translate(-50%);z-index:40;background:#14122d8c;color:#fff;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px 22px;border-radius:999px;font-size:15px;pointer-events:none;white-space:nowrap;animation:hintFloat 2.4s ease-in-out infinite}@keyframes hintFloat{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-8px)}}.timeline{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.tl-bar{position:relative;width:4px;height:180px;border-radius:4px;background:linear-gradient(#ffd166,#8fd3f4 35%,#ff9e7d 65%,#55488c 85%,#2b2f55)}.tl-marker{position:absolute;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid rgba(20,18,45,.7);box-shadow:0 0 8px #fffc}.tl-dot{width:14px;height:14px;border-radius:50%}.tl-sun{background:#ffd166;box-shadow:0 0 10px #ffd166}.tl-moon{background:#e8ecff;box-shadow:0 0 10px #aab}.story-card{position:absolute;z-index:40;top:50%;right:6%;transform:translateY(-50%);width:min(340px,40vw);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.story-card.shown{opacity:1;visibility:visible}.story-card .card{background:#fffcf5f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(90,60,30,.14);border-radius:22px;padding:22px 24px;box-shadow:0 12px 40px #0f0a2840;position:relative}.story-card h1{font-size:30px;margin:0 0 8px;color:#3b2b20;line-height:1.35}.story-card h2{font-size:24px;margin:0 0 8px;color:#3b2b20}.story-card p{font-size:16px;line-height:1.8;color:#57453a;margin:0}.story-card .kicker{font-size:12px;letter-spacing:1px;color:#b06a3b;margin:0 0 6px;font-weight:700}.story-card .ch-num{position:absolute;top:-14px;right:18px;width:34px;height:34px;border-radius:50%;background:#ffd166;color:#5b3a1e;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #5a3c144d}@media (max-width: 720px){.story-card{top:auto;bottom:12%;right:50%;transform:translate(50%);width:min(86vw,420px)}.story-card .card{padding:16px 18px;border-radius:18px}.story-card h1{font-size:24px}.story-card h2{font-size:20px}.story-card p{font-size:14.5px;line-height:1.75}}.audio-btn{position:absolute;top:12px;left:12px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(90,60,30,.2);background:#fff8ec;cursor:pointer;font-size:17px;display:flex;align-items:center;justify-content:center;pointer-events:auto;box-shadow:0 3px 8px #5a3c142e}.audio-btn:active{transform:scale(.92)}.hud{position:absolute;left:0;right:0;top:0;height:100%;z-index:40;pointer-events:none}.hud .story-card{z-index:41}