.cinematic{position:fixed;inset:0;z-index:1000;overflow:hidden;background:#040b16;color:#fff;isolation:isolate;touch-action:manipulation;contain:layout paint}.cinematic[hidden]{display:none}.cinematic [hidden]{display:none!important}.cinematic-scene{position:absolute;inset:0;overflow:hidden;opacity:0}.cinematic-backdrop{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 46%;transform:scale(1.1);will-change:transform}.cinematic-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,transparent 30%,#02122140 70%,#010713b3 100%),linear-gradient(transparent 56%,#020d19cc)}.cinematic-haze{position:absolute;inset:0;opacity:.7;background:radial-gradient(ellipse at 10% 90%,#b9fff630,transparent 50%),radial-gradient(ellipse at 90% 60%,#b9e9ff15,transparent 50%)}.cinematic-dust{position:absolute;inset:0;overflow:hidden}.cinematic-dust i{position:absolute;width:3px;height:3px;border-radius:50%;background:#d7fff8;box-shadow:0 0 14px #aaffdb;opacity:0;left:var(--x);top:var(--y);--delay:0s}.cinematic-dragon-path{position:absolute;left:50%;top:35%;width:clamp(280px,41vw,570px);aspect-ratio:1;opacity:0;will-change:transform,opacity;transform:translate(-50%,-50%)}.cinematic-dragon{display:block;width:100%;height:100%;filter:drop-shadow(0 12px 20px #02070f55);will-change:transform}.cinematic-rig-assets{display:none}.cinematic-credits{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;letter-spacing:.3em;color:#d7eadb;pointer-events:none;text-align:center}.cinematic-caption{position:absolute;left:12px;right:12px;bottom:24%;text-align:center;pointer-events:none;opacity:0;transform:translateY(12px)}.cinematic-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,7.5vw,90px);font-weight:500;line-height:1;margin:0;letter-spacing:.09em;color:#fff7d8;text-shadow:0 1px 3px #141e26,0 0 30px #fff2b855;max-width:none}.cinematic-subtitle{font-size:clamp(14px,2vw,19px);letter-spacing:.3em;color:#d8eee8;margin:13px 0 0;max-width:none}.cinematic-start{position:absolute;z-index:6;left:50%;bottom:12%;transform:translateX(-50%);min-width:196px;min-height:54px;padding:14px 34px;background:#d6f3a5;border:1px solid #f4ffe5;border-radius:999px;color:#1b382d;font-size:18px;font-weight:800;box-shadow:0 0 30px #c8eaa82e}.cinematic-start:hover{background:#e3ffb6}.cinematic-studio{position:absolute;left:14px;right:14px;bottom:max(54px,env(safe-area-inset-bottom));color:#b2c4ce;text-align:center;font-size:12px;letter-spacing:.14em;margin:0;max-width:none;opacity:0}.cinematic-skip,.cinematic-music{position:absolute;z-index:6;top:max(18px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 18px;border:1px solid #ffffff65;border-radius:999px;background:#061526a6;backdrop-filter:blur(12px);color:white;font-size:14px;font-weight:700;box-shadow:0 2px 15px #0002}.cinematic-skip{right:max(18px,env(safe-area-inset-right));min-width:104px}.cinematic-music{left:max(18px,env(safe-area-inset-left));min-width:114px}.cinematic-music[aria-pressed=true]{border-color:#d6f3a5;color:#e0f7c1}.cinematic button:focus-visible{outline:3px solid #b0ef9e;outline-offset:4px}.cinematic-letterbox{position:absolute;z-index:4;inset:0;border-top:min(6vh,48px) solid #02060b;border-bottom:min(6vh,48px) solid #02060b;pointer-events:none}
.cinematic.is-playing .cinematic-scene{animation:cinema-scene 6s both}.cinematic.is-playing .cinematic-backdrop{animation:cinema-camera 6s cubic-bezier(.18,.7,.25,1) both}.cinematic.is-playing .cinematic-haze{animation:cinema-haze 12s ease-in-out infinite alternate}.cinematic.is-playing .cinematic-dragon-path{animation:cinema-flight 6s cubic-bezier(.18,.7,.25,1) both}.cinematic.is-playing .cinematic-dragon{animation:cinema-hover 4s ease-in-out infinite}.cinematic.is-playing .cinematic-caption{animation:cinema-title 6s both}.cinematic.is-playing .cinematic-studio{animation:cinema-studio 6s both}.cinematic.is-playing .cinematic-credits{animation:cinema-credits 6s both}.cinematic.is-playing .cinematic-dust i{animation:cinema-dust 4s var(--delay) ease-out infinite}.cinematic.intro-paused,.cinematic.intro-paused *{animation-play-state:paused!important}
.cinematic.is-ready .cinematic-scene{animation:none;opacity:1}.cinematic.is-ready .cinematic-backdrop{animation:none;transform:scale(1.1)}.cinematic.is-ready .cinematic-dragon-path{animation:none;opacity:1;transform:translate(-50%,-50%)}.cinematic.is-ready .cinematic-caption{animation:none;opacity:1;transform:none}.cinematic.is-ready .cinematic-studio{animation:none;opacity:.9}.cinematic.is-ready .cinematic-credits{display:none}
.cinematic-pet{position:absolute;z-index:5;left:50%;top:35%;width:clamp(280px,41vw,570px);aspect-ratio:1;transform:translate(-50%,-50%);border:0;border-radius:50%;padding:0;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cinematic-reaction{position:absolute;z-index:5;top:57%;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;padding:8px 16px;border:1px solid #d6f3a566;border-radius:999px;background:#061526e6;color:#efffdc;font-size:14px;font-weight:700;text-align:center;pointer-events:none}
@media(max-width:600px){.cinematic-pet{width:min(96vw,460px);top:36%}}@media(max-height:450px){.cinematic-pet{width:310px;left:34%;top:48%}.cinematic-reaction{top:83%;left:34%;max-width:45%;font-size:12px}}
@keyframes cinema-scene{0%,6%{opacity:0}23%,100%{opacity:1}}@keyframes cinema-camera{from{transform:scale(1.03) translateY(1%)}to{transform:scale(1.1) translateY(0)}}@keyframes cinema-haze{from{transform:translateX(-3%) scale(1.05)}to{transform:translateX(3%) scale(1.15)}}@keyframes cinema-flight{0%{opacity:0;transform:translate(85%,-28%) scale(.3)}24%{opacity:1}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes cinema-hover{0%,100%{transform:translateY(-3px) rotate(-.4deg)}50%{transform:translateY(3px) rotate(.4deg)}}@keyframes cinema-title{0%,48%{opacity:0;transform:translateY(14px)}76%,100%{opacity:1;transform:none}}@keyframes cinema-studio{0%,60%{opacity:0}85%,100%{opacity:.9}}@keyframes cinema-credits{0%{opacity:0}5%,12%{opacity:1}22%,100%{opacity:0}}@keyframes cinema-dust{0%{opacity:0;transform:translateY(40px) scale(.4)}25%,70%{opacity:.7}100%{opacity:0;transform:translate(-30px,-90px) scale(1.4)}}
@media(max-width:600px){.cinematic-dragon-path{width:min(96vw,460px);top:36%}.cinematic-caption{bottom:24%}.cinematic-title{font-size:clamp(42px,13vw,68px);letter-spacing:.05em}.cinematic-subtitle{font-size:14px;letter-spacing:.2em}.cinematic-start{bottom:12%;min-height:52px}.cinematic-letterbox{border-width:28px 0}.cinematic-backdrop{object-position:50% 50%}.cinematic-studio{bottom:max(38px,calc(env(safe-area-inset-bottom) + 14px))}}@media(max-height:450px){.cinematic-dragon-path{width:310px;left:34%;top:48%}.cinematic-caption{bottom:43%;left:52%;right:7%;text-align:center}.cinematic-title{font-size:44px}.cinematic-subtitle{font-size:14px}.cinematic-start{left:72.5%;bottom:21%;min-height:46px;min-width:170px;padding:10px 24px}.cinematic-studio{bottom:24px}.cinematic-letterbox{border-width:18px 0}}@media(prefers-reduced-motion:reduce){.cinematic.is-playing .cinematic-backdrop,.cinematic.is-playing .cinematic-haze,.cinematic.is-playing .cinematic-dragon,.cinematic.is-playing .cinematic-dust i{animation:none}.cinematic.is-playing .cinematic-dragon-path{animation:none;opacity:1;transform:translate(-50%,-50%)}.cinematic.is-playing .cinematic-caption{animation:none;opacity:1;transform:none}.cinematic.is-playing .cinematic-scene{animation:cinema-soft 6s both}.cinematic.is-playing .cinematic-credits{display:none}.cinematic.is-playing .cinematic-studio{opacity:1;animation:none}}@keyframes cinema-soft{from{opacity:0}8%,100%{opacity:1}}