body.cinematic-locked{overflow:hidden}.cinematic-intro{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;overflow:hidden;background:#050302;color:#fff;opacity:1;visibility:visible;font-family:Arial,sans-serif;isolation:isolate}.cinematic-intro.is-ending{animation:cinematicExit .62s cubic-bezier(.65,0,.35,1) forwards}.cinematic-intro.is-gone{display:none}.cinematic-noise{position:absolute;inset:-50%;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");animation:introNoise .22s steps(2) infinite;pointer-events:none}.cinematic-grid{position:absolute;inset:45% -15% -25%;background-image:linear-gradient(rgba(245,116,20,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(245,116,20,.12) 1px,transparent 1px);background-size:70px 70px;transform:perspective(600px) rotateX(67deg) scale(1.5);mask-image:linear-gradient(to bottom,transparent,#000);opacity:0}.is-playing .cinematic-grid{animation:gridReveal 1.5s .2s ease forwards}.cinematic-glow{position:absolute;border-radius:50%;filter:blur(85px);opacity:0}.glow-one{width:48vw;height:48vw;background:#c74505;left:-22vw;top:-20vw}.glow-two{width:42vw;height:42vw;background:#ff7a12;right:-23vw;bottom:-23vw}.is-playing .glow-one{animation:glowIn 1.5s .1s ease forwards}.is-playing .glow-two{animation:glowIn 1.5s .45s ease forwards}.cinematic-streak{position:absolute;width:140vw;height:2px;left:-20vw;background:linear-gradient(90deg,transparent,#ff6b0b,#ffd19a,transparent);opacity:0;filter:drop-shadow(0 0 12px #ff5a00)}.streak-one{top:37%;transform:rotate(-10deg) translateX(-100%)}.streak-two{bottom:31%;transform:rotate(8deg) translateX(100%)}.is-playing .streak-one{animation:streakOne 1s .15s ease-out forwards}.is-playing .streak-two{animation:streakTwo 1s .48s ease-out forwards}.cinematic-stage{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(8px)}.cinematic-kicker{display:flex;align-items:center;gap:13px;color:#f4ad74;font-size:clamp(8px,.65vw,13px);font-weight:800;letter-spacing:.42em;opacity:0;transform:translateY(-10px)}.cinematic-kicker span{display:block;width:34px;height:1px;background:#e66510}.is-playing .cinematic-kicker{animation:fadeDrop .55s .15s ease forwards}.cinematic-emblem{position:relative;width:clamp(150px,18vw,330px);aspect-ratio:1;margin:clamp(14px,2vh,28px) 0 clamp(8px,1.4vh,20px);display:grid;place-items:center;opacity:0;transform:scale(.55) rotate(-8deg)}.is-playing .cinematic-emblem{animation:emblemReveal .9s .35s cubic-bezier(.16,1,.3,1) forwards}.cinematic-logo-frame{position:relative;width:72%;height:72%;border-radius:50%;overflow:hidden;border:2px solid rgba(255,181,107,.75);box-shadow:0 0 0 7px rgba(239,105,15,.08),0 0 55px rgba(239,89,5,.38),0 24px 70px rgba(0,0,0,.7);background:#fff}.cinematic-logo-frame img{width:200%;height:100%;margin-left:-50%;object-fit:cover;object-position:center;filter:saturate(1.05) contrast(1.05)}.ring{position:absolute;border:1px solid rgba(244,123,37,.4);border-radius:50%;inset:4%}.ring-two{inset:-4%;border-style:dashed;border-color:rgba(255,177,99,.28)}.is-playing .ring-one{animation:ringSpin 6s linear infinite}.is-playing .ring-two{animation:ringSpin 9s linear infinite reverse}.logo-flare{position:absolute;inset:12%;border-radius:50%;overflow:hidden}.logo-flare:after{content:"";position:absolute;top:-50%;left:-130%;width:48%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);transform:rotate(18deg)}.is-playing .logo-flare:after{animation:logoSweep .8s 1.05s ease-in-out forwards}.cinematic-title{display:flex;gap:clamp(10px,1.3vw,26px);font-weight:1000;font-size:clamp(42px,6vw,116px);line-height:.85;letter-spacing:-.055em;text-shadow:0 10px 35px rgba(0,0,0,.8)}.cinematic-title span{display:block;opacity:0}.cinematic-title span:first-child{color:#fff;transform:translateX(-50px)}.cinematic-title span:last-child{color:#ef751c;transform:translateX(50px)}.is-playing .cinematic-title span:first-child{animation:titleLeft .72s .83s cubic-bezier(.16,1,.3,1) forwards}.is-playing .cinematic-title span:last-child{animation:titleRight .72s .93s cubic-bezier(.16,1,.3,1) forwards}.cinematic-subtitle{margin-top:clamp(15px,2.2vh,28px);font-size:clamp(8px,.75vw,14px);font-weight:700;letter-spacing:.34em;color:#c7b6ab;opacity:0;transform:translateY(12px)}.is-playing .cinematic-subtitle{animation:subtitleIn .6s 1.35s ease forwards}.cinematic-loader{width:min(360px,46vw);height:2px;background:rgba(255,255,255,.12);margin-top:clamp(22px,4vh,48px);overflow:hidden;opacity:0}.cinematic-loader div{height:100%;width:0;background:linear-gradient(90deg,#b63600,#ff8a25,#ffe2c2);box-shadow:0 0 12px #ff6b0b}.is-playing .cinematic-loader{animation:fadePlain .2s 1.4s forwards}.is-playing .cinematic-loader div{animation:loaderRun 1.25s 1.48s cubic-bezier(.22,1,.36,1) forwards}.cinematic-corner{position:absolute;z-index:4;color:#e3782c;font-weight:900;letter-spacing:.16em;opacity:0}.top-left{left:28px;top:24px;font-size:19px;line-height:.8;border-left:2px solid #e85f08;padding-left:9px}.top-left small{font-size:7px;color:#ab8c7c}.bottom-right{right:28px;bottom:25px;font-size:8px;color:#806b60}.is-playing .cinematic-corner{animation:fadePlain .5s 1.6s forwards}.cinematic-skip{position:absolute;z-index:5;right:26px;top:24px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#b8a79d;border-radius:99-fill;padding:8px 12px;font-size:9px;letter-spacing:.18em;cursor:pointer;opacity:0}.is-playing .cinematic-skip{animation:fadePlain .4s 1.5s forwards}.cinematic-skip:hover{color:#fff;border-color:#e96a16}.cinematic-skip span{color:#ef751c}@keyframes introNoise{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}}@keyframes gridReveal{to{opacity:.58}}@keyframes glowIn{to{opacity:.34}}@keyframes streakOne{45%{opacity:1}100%{opacity:0;transform:rotate(-10deg) translateX(100%)}}@keyframes streakTwo{45%{opacity:.8}100%{opacity:0;transform:rotate(8deg) translateX(-100%)}}@keyframes fadeDrop{to{opacity:1;transform:none}}@keyframes emblemReveal{to{opacity:1;transform:scale(1) rotate(0)}}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes logoSweep{to{left:150%}}@keyframes titleLeft{to{opacity:1;transform:none}}@keyframes titleRight{to{opacity:1;transform:none}}@keyframes subtitleIn{to{opacity:1;transform:none}}@keyframes fadePlain{to{opacity:1}}@keyframes loaderRun{to{width:100%}}@keyframes cinematicExit{0%{opacity:1;filter:brightness(1)}45%{filter:brightness(2.2)}100%{opacity:0;visibility:hidden;transform:scale(1.035);filter:brightness(1)}}@media(max-width:600px){.cinematic-title{flex-direction:column;gap:7px;font-size:clamp(46px,16vw,76px)}.cinematic-emblem{width:190px}.cinematic-subtitle{letter-spacing:.2em;padding:0 20px;line-height:1.7}.cinematic-grid{background-size:42px 42px}.bottom-right{display:none}}@media(prefers-reduced-motion:reduce){.cinematic-intro *{animation-duration:.01ms!important;animation-delay:0ms!important}.cinematic-intro{transition:opacity .2s}}
.cinematic-skip{border-radius:99px}