.splash{--ink:var(--color-ink,#0c0a09);--b3:var(--color-brand-300,#fcd34d);--b4:var(--color-brand-400,#fbbf24);--b5:var(--color-brand-500,#f59e0b);--b6:var(--color-brand-600,#d97706);--b7:var(--color-brand-700,#b45309);--min:2.2s;--exit:.75s;--dive:cubic-bezier(.65, 0, .35, 1);z-index:100;background:radial-gradient(120% 90% at 50% 38%, #1c1917 0%, var(--ink) 62%);color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;transition:opacity .55s cubic-bezier(.4, 0, 1, 1) .2s, visibility 0s linear var(--exit);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.splash[data-phase=leaving]{opacity:0;visibility:hidden;pointer-events:none}html.splash-seen .splash{display:none}.splash-floor{transform-origin:50% 100%;pointer-events:none;height:70%;transition:transform var(--exit) var(--dive);position:absolute;bottom:-2%;left:-50%;right:-50%;overflow:hidden;transform:perspective(520px)rotateX(66deg);-webkit-mask-image:linear-gradient(#0000 10%,#000 90%);mask-image:linear-gradient(#0000 10%,#000 90%)}.splash-floor:before{content:"";background-image:linear-gradient(90deg,#fbbf2442 1px,#0000 1px),linear-gradient(#fbbf2442 1px,#0000 1px);background-position:top;background-size:56px 56px;animation:1.6s linear infinite splash-floor-scroll;position:absolute;inset:-56px 0 0}.splash-glow{pointer-events:none;will-change:transform;background:radial-gradient(closest-side,#f59e0b33,#f59e0b0f 55%,#0000);border-radius:50%;width:640px;height:640px;margin:-320px 0 0 -320px;position:absolute;top:50%;left:50%}.splash-content{flex-direction:column;align-items:center;display:flex;position:relative}.splash-viewport{perspective:900px;perspective-origin:50% 45%;width:380px;height:300px;position:relative}.splash-tilt{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.splash-stage{width:0;height:0;transform-style:preserve-3d;transition:transform var(--exit) var(--dive);position:absolute;top:50%;left:50%}@media (max-width:479px){.splash-viewport{width:300px;height:244px}.splash-tilt{scale:.78}}.splash-logo{width:112px;height:112px;transform-style:preserve-3d;transition:transform var(--exit) cubic-bezier(.7, 0, .84, 0);animation:1.15s cubic-bezier(.22,1.2,.36,1) 80ms backwards splash-logo-in;position:absolute;top:-56px;left:-56px}.splash-logo-float{transform-style:preserve-3d;animation:5s ease-in-out infinite splash-bob,7s ease-in-out infinite splash-sway;position:absolute;inset:0}.splash-logo-spin{transform-style:preserve-3d;cursor:pointer;position:absolute;inset:0}.splash-logo-glow{background:radial-gradient(closest-side,#f59e0b6b,#f59e0b14 60%,#0000);border-radius:50%;animation:2.6s ease-in-out infinite splash-pulse;position:absolute;inset:-45%;transform:translateZ(-48px)}.splash-logo-edge{border-radius:28%;position:absolute;inset:0}.splash-logo-face{background:linear-gradient(135deg, var(--b4), var(--b6));border-radius:28%;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #fff9,inset 0 -12px 26px #78350f59}.splash-logo-face:after{content:"";background:linear-gradient(105deg,#0000 38%,#ffffff8c 50%,#0000 62%);animation:3s ease-in-out 1.1s infinite splash-sheen;position:absolute;inset:-25%;translate:-110%}.splash-logo-icon,.splash-logo-icon-shadow{position:absolute;inset:0}.splash-logo-icon{color:var(--ink);transform:translateZ(9px)}.splash-logo-icon-shadow{color:#78350f8c;transform:translateZ(1px)translate(1.5px,2.5px)}.splash-logo-icon svg,.splash-logo-icon-shadow svg{width:100%;height:100%}.splash-orbit{--r:160px;transform-style:preserve-3d;position:absolute;top:0;left:0;transform:rotateX(-16deg)}.splash-ring{transform-style:preserve-3d;animation:10s linear infinite splash-orbit-spin;position:absolute;top:0;left:0}.splash-path{top:calc(var(--r) * -1);left:calc(var(--r) * -1);width:calc(var(--r) * 2);height:calc(var(--r) * 2);border:1.5px dashed #fbbf2447;border-radius:50%;position:absolute;transform:rotateX(90deg)}.splash-slot{transform:rotateY(var(--a));transform-style:preserve-3d;position:absolute;top:0;left:0}.splash-push{transform:translateZ(var(--r));transform-style:preserve-3d;animation:.95s cubic-bezier(.22,1.3,.36,1) backwards splash-push-in;animation-delay:calc(.26s + var(--i) * 90ms);transition:transform var(--exit) var(--dive);position:absolute;top:0;left:0}.splash-face{transform:rotateY(calc(var(--a) * -1)) rotateX(16deg);transform-style:preserve-3d;animation:10s linear infinite splash-counter-spin;position:absolute;top:0;left:0}.splash-obj{width:48px;height:48px;transform-style:preserve-3d;cursor:pointer;animation:splash-wobble 4.6s ease-in-out var(--d) infinite, splash-bob 3.2s ease-in-out var(--d) infinite;transition:scale .3s cubic-bezier(.22,1,.36,1);position:absolute;top:-24px;left:-24px}.splash-obj:hover{scale:1.22}.splash-obj-pole{animation:splash-bob 3.2s ease-in-out var(--d) infinite}.splash-layer{position:absolute;inset:0}.splash-layer svg{width:100%;height:100%}.splash-layer-front{color:var(--front);filter:drop-shadow(0 0 6px #f59e0b73)}.splash-pole{transform-style:preserve-3d;position:absolute;top:50%;left:50%}.splash-pole-spin{transform-style:preserve-3d;animation:2.6s linear infinite splash-spin-y;position:absolute}.splash-pole-face{top:calc(var(--ph) / -2);left:calc(var(--pw) / -2);width:calc(var(--pw) + .6px);height:var(--ph);backface-visibility:hidden;position:absolute;overflow:hidden}.splash-pole-stripes{top:calc((var(--pp) + var(--pw)) * -1);bottom:calc((var(--pp) + var(--pw)) * -1);background-image:linear-gradient(#f59e0b 0 25%,#fafaf9 25% 50%,#dc2626 50% 75%,#fafaf9 75% 100%);background-size:100% var(--pp);width:100%;position:absolute;left:0}.splash-pole-shade{top:calc(var(--ph) / -2);left:calc(var(--pr) * -1);width:calc(var(--pr) * 2);height:var(--ph);transform:translateZ(calc(var(--pr) + 1px));background:linear-gradient(90deg,#0000008c,#00000014 22%,#ffffff61 33%,#fff0 48%,#00000026 70%,#0000009e);position:absolute}.splash-pole-cap{left:calc(var(--pr) * -1 - 3px);width:calc(var(--pr) * 2 + 6px);height:8px;transform:translateZ(calc(var(--pr) + 2px));background:linear-gradient(90deg,#44403c,#e7e5e4 30%,#fafaf9 40%,#a8a29e 65%,#292524);border-radius:4px;position:absolute}.splash-pole-cap-top{top:calc(var(--ph) / -2 - 6px)}.splash-pole-cap-top:after{content:"";background:radial-gradient(circle at 35% 35%,#fff,#a8a29e 55%,#44403c);border-radius:50%;width:11px;height:11px;margin-left:-5.5px;position:absolute;top:-9px;left:50%}.splash-pole-cap-bottom{top:calc(var(--ph) / 2 - 2px)}.splash-dust{background:var(--b3);width:4px;height:4px;box-shadow:0 0 8px var(--b5);opacity:.7;border-radius:50%;animation:5s ease-in-out infinite splash-bob;position:absolute;top:-2px;left:-2px}.splash-meta{will-change:transform;flex-direction:column;align-items:center;transition:opacity .3s,translate .45s cubic-bezier(.7,0,.84,0);display:flex}.splash-word{perspective:500px;white-space:nowrap}.splash-letter{transform-origin:50% 100%;text-shadow:0 1px #d6d3d1,0 2px #a8a29e,0 3px #78716c,0 4px #57534e,0 10px 18px #0000008c;animation:.8s cubic-bezier(.22,1,.36,1) backwards splash-letter-in;animation-delay:calc(.56s + var(--i) * 45ms);display:inline-block}.splash-accent{color:var(--b4);text-shadow:0 1px 0 var(--b6), 0 2px 0 var(--b7), 0 3px 0 #92400e, 0 4px 0 #78350f, 0 10px 18px #0000008c}.splash-status{flex-direction:column;align-items:center;gap:12px;margin-top:10px;animation:.6s cubic-bezier(.22,1,.36,1) .75s backwards splash-fade-up;display:flex}.splash-message{height:1.25rem;overflow:hidden}.splash-message>span{animation:.45s cubic-bezier(.22,1,.36,1) splash-fade-up;display:block}.splash-track{background:#ffffff1a;border-radius:999px;width:176px;height:4px;overflow:hidden}.splash-fill{border-radius:inherit;background:linear-gradient(90deg, var(--b4), var(--b6));transform-origin:0;height:100%;animation:splash-progress var(--min) cubic-bezier(.2, .7, .3, 1) forwards;transform:scaleX(0)}.splash[data-phase=ready] .splash-fill,.splash[data-phase=leaving] .splash-fill{animation:.35s ease-out forwards splash-progress-done}.splash[data-phase=leaving] .splash-meta{opacity:0}@media (prefers-reduced-motion:no-preference){.splash[data-phase=leaving] .splash-stage{transform:translateZ(240px)}.splash[data-phase=leaving] .splash-logo{transform:translateZ(460px)rotateX(-10deg)}.splash[data-phase=leaving] .splash-push{transform:translateZ(calc(var(--r) + 460px))}.splash[data-phase=leaving] .splash-floor{transform:perspective(520px)rotateX(80deg)translateY(25%)}.splash[data-phase=leaving] .splash-meta{translate:0 24px}}@media (prefers-reduced-motion:reduce){.splash{--min:1s;transition:opacity .4s,visibility 0s linear .4s!important}.splash *,.splash :before,.splash :after{animation:none!important}.splash .splash-fill{animation:splash-progress var(--min) linear forwards!important}.splash[data-phase=ready] .splash-fill,.splash[data-phase=leaving] .splash-fill{animation:.3s ease-out forwards splash-progress-done!important}.splash-obj:hover{scale:none}}@keyframes splash-floor-scroll{to{transform:translateY(56px)}}@keyframes splash-logo-in{0%{transform:translateZ(-520px)rotateY(-250deg)rotateX(30deg)}}@keyframes splash-push-in{0%{transform:translateZ(0)scale(0)}}@keyframes splash-orbit-spin{to{transform:rotateY(360deg)}}@keyframes splash-counter-spin{0%{transform:rotateY(calc(var(--a) * -1)) rotateX(16deg)}to{transform:rotateY(calc(var(--a) * -1 - 360deg)) rotateX(16deg)}}@keyframes splash-spin-y{to{transform:rotateY(360deg)}}@keyframes splash-bob{0%,to{translate:0 -6px}50%{translate:0 6px}}@keyframes splash-sway{0%,to{rotate:y -12deg}50%{rotate:y 12deg}}@keyframes splash-wobble{0%,to{rotate:y -28deg}50%{rotate:y 28deg}}@keyframes splash-pulse{0%,to{opacity:.8;scale:.92}50%{opacity:1;scale:1.06}}@keyframes splash-sheen{0%{translate:-110%}45%,to{translate:110%}}@keyframes splash-letter-in{0%{opacity:0;transform:translateY(.4em)rotateX(-95deg)}}@keyframes splash-fade-up{0%{opacity:0;translate:0 8px}}@keyframes splash-progress{to{transform:scaleX(.86)}}@keyframes splash-progress-done{0%{transform:scaleX(.86)}to{transform:scaleX(1)}}
