/* UniTale cinematic study: a layered 2.5D scene, no WebGL dependency. */
.hero{--camera-x:0px;--camera-y:0px;--drift-x:0px;--drift-y:0px}.hero-art{transform:translate3d(var(--camera-x),var(--camera-y),0) scale(1.065);transform-origin:50% 45%;transition:opacity .9s}.atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .7s}.hero.atmosphere-enabled .atmosphere{opacity:1}.atmosphere>div,.cinema-embers{position:absolute;pointer-events:none}.cinema-halo{inset:-12%;background:radial-gradient(ellipse at 68% 26%,#f5c9702d,transparent 35%),radial-gradient(ellipse at 25% 70%,#657c8c1a,transparent 35%);mix-blend-mode:screen;transform:translate3d(var(--drift-x),var(--drift-y),0);animation:light-breathe 12s ease-in-out infinite alternate}.cinema-rays{width:150%;height:145%;left:-20%;top:-34%;transform-origin:62% 12%;background:conic-gradient(from 105deg at 64% 12%,transparent 0deg,#ffe2a309 2deg,#ffe2a324 3deg,transparent 6deg,transparent 12deg,#edcc8a12 14deg,transparent 18deg,transparent 28deg,#ffe2a31a 29deg,transparent 32deg,transparent 36deg,#e8c7870d 38deg,transparent 42deg,transparent 360deg);mix-blend-mode:screen;animation:ray-drift 24s ease-in-out infinite alternate}.cinema-rune{left:50%;top:122px;width:440px;height:440px;margin-left:-220px;opacity:.16;transform:rotateX(12deg);mask-image:linear-gradient(#000,transparent 85%)}.cinema-rune svg{width:100%;height:100%;stroke:#dcc17e;stroke-width:.65;animation:rune-turn 160s linear infinite}.cinema-mist{left:-30%;bottom:-14%;width:160%;height:52%;opacity:.45;mix-blend-mode:screen;background:radial-gradient(ellipse at 20% 75%,#b8b9aa28,transparent 46%),radial-gradient(ellipse at 70% 60%,#c9b18020,transparent 44%);animation:mist-drift 30s ease-in-out infinite alternate;will-change:transform}.mist-near{height:35%;bottom:0;opacity:.35;background:radial-gradient(ellipse at 70% 90%,#b9c3bd38,transparent 50%),radial-gradient(ellipse at 25% 78%,#d4b78126,transparent 45%);animation-duration:22s;animation-direction:alternate-reverse}.cinema-embers{inset:0;width:100%;height:100%}.cinema-vignette{inset:0;background:radial-gradient(ellipse at 50% 46%,transparent 30%,#080d1138 85%,#080d115c);box-shadow:inset 0 -90px 80px -65px #101316}.atmosphere-toggle{position:absolute;right:5%;bottom:80px;display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #c0a26545;background:#0b1014b8;color:#d4c7aa;cursor:pointer;z-index:3;font:9px Manrope,sans-serif;letter-spacing:1.4px;text-transform:uppercase;backdrop-filter:blur(8px);transition:background .2s,border-color .2s}.atmosphere-toggle:hover{border-color:#d7b574a6;background:#151b20}.atmosphere-icon{font:21px Cormorant,serif;color:#d6b978;line-height:1}.atmosphere-switch{width:23px;height:12px;border:1px solid #907745;border-radius:20px;position:relative}.atmosphere-switch:after{content:'';position:absolute;top:2px;left:2px;width:6px;height:6px;background:#8a8479;border-radius:50%;transition:transform .2s,background .2s}.atmosphere-toggle[aria-pressed=true] .atmosphere-switch:after{transform:translateX(11px);background:#dfbe79;box-shadow:0 0 8px #dfbe7970}.atmosphere-toggle:disabled{cursor:default;opacity:.7}.hero.atmosphere-enabled .hero-copy{animation:cinema-arrive 1.4s cubic-bezier(.16,1,.3,1) both}.hero .hero-button{position:relative;overflow:hidden}.hero.atmosphere-enabled .hero-button:after{content:'';position:absolute;inset:-50%;background:linear-gradient(100deg,transparent 42%,#fff2ca30 49%,transparent 57%);transform:translateX(-70%);animation:button-light 10s ease-in-out infinite;pointer-events:none}.hero:not(.atmosphere-running) .atmosphere *, .hero:not(.atmosphere-running) .hero-button:after{animation-play-state:paused!important}.hero:not(.atmosphere-enabled) .hero-art{transform:none}.hero:not(.atmosphere-enabled) .atmosphere{visibility:hidden}.hero.atmosphere-running .hero-art{will-change:transform}
@keyframes cinema-arrive{from{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:none}}@keyframes light-breathe{from{opacity:.5}to{opacity:1}}@keyframes ray-drift{from{transform:rotate(-3deg);opacity:.5}to{transform:rotate(3deg);opacity:.95}}@keyframes rune-turn{to{transform:rotate(360deg)}}@keyframes mist-drift{from{transform:translate3d(-4%,0,0) scale(1)}to{transform:translate3d(5%,-5%,0) scale(1.07)}}@keyframes button-light{0%,65%{transform:translateX(-70%)}85%,100%{transform:translateX(70%)}}
@media(max-width:800px){.cinema-rune{width:360px;height:360px;left:50%;margin-left:-180px;top:150px;opacity:.12}.cinema-rays{opacity:.35}.cinema-mist{opacity:.25}.mist-near{display:none}.atmosphere-toggle{font-size:8px;letter-spacing:1px;right:24px;bottom:82px}.hero-art{transform:scale(1.025)}.hero.atmosphere-enabled .hero-copy{animation-duration:.8s}}
@media(prefers-reduced-motion:reduce){.atmosphere,.cinema-rune,.hero-button:after{display:none!important}.hero .hero-art,.hero .hero-copy{transform:none!important;animation:none!important}.atmosphere-toggle,.atmosphere-switch:after{transition:none}.hero-art{transition:none}}
.immersive-link{position:absolute;left:5%;bottom:87px;color:#e5c993;background:#10161bcc;border:1px solid #bca06460;padding:12px 17px;font-size:10px;letter-spacing:1.2px;z-index:3}.immersive-link span{margin-left:18px}@media(max-width:800px){.immersive-link{left:24px;bottom:138px;font-size:8px;padding:10px 13px}}