@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;width:100%;height:100%;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#__next{width:100%;height:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{color:#fff;background:#6366f14d}.scene-container{z-index:0;position:fixed;inset:0}.loading-overlay{z-index:300;background:linear-gradient(145deg,#0a0a14 0%,#10101e 40%,#0e0e1a 100%);flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:fixed;inset:0}.loading-spinner{border:3px solid #6366f126;border-top-color:#818cf8;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#fff6;letter-spacing:.04em;font-size:14px;font-weight:500}.glass{-webkit-backdrop-filter:blur(20px);background:#0009;border:1px solid #ffffff1a;border-radius:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.4s ease-out both fadeIn}button{cursor:pointer;border:none;outline:none;font-family:inherit}button:focus-visible{outline-offset:2px;outline:2px solid #818cf8}nextjs-portal,#next-route-announcer,[data-nextjs-toast]{display:none!important}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-fade-in{animation:1s ease-in forwards fadeIn}@keyframes floatOrb1{0%{transform:translate(0)scale(1)}33%{transform:translate(10vw,-15vh)scale(1.2)}66%{transform:translate(-10vw,-10vh)scale(.9)}to{transform:translate(0)scale(1)}}@keyframes floatOrb2{0%{transform:translate(0)scale(1)}33%{transform:translate(-15vw,10vh)scale(1.1)}66%{transform:translate(5vw,20vh)scale(.8)}to{transform:translate(0)scale(1)}}.ambient-orb{filter:blur(80px);opacity:.15;pointer-events:none;z-index:-1;border-radius:50%;position:absolute}.orb-1{background:#6366f1;width:40vw;height:40vw;animation:25s ease-in-out infinite floatOrb1;top:-10vh;left:-10vw}.orb-2{background:#a855f7;width:35vw;height:35vw;animation:20s ease-in-out infinite floatOrb2;bottom:-10vh;right:-5vw}.landing-title{font-size:84px}.landing-subtitle{font-size:20px}.landing-btn-group{flex-direction:row;justify-content:center;gap:24px;display:flex}.playback-panel{width:min(720px,100vw - 48px);padding:16px 24px}.playback-clock{letter-spacing:.04em;font-variant-numeric:tabular-nums;text-align:center;min-width:90px;font-size:22px;font-weight:700}@media (max-width:768px){.landing-title{font-size:48px!important}.landing-subtitle{margin-bottom:40px!important;font-size:14px!important}.landing-btn-group{flex-direction:column!important;align-items:center!important;gap:16px!important}.landing-btn-group button{width:250px!important}.playback-panel{width:calc(100vw - 32px)!important;padding:12px 16px!important;bottom:16px!important}.mobile-hide{display:none!important}.mobile-small-text{font-size:12px!important}.mobile-scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.scoreboard-panel{top:60px!important;transform:scale(.8)translate(-62.5%)!important}.camera-panel{right:16px!important}.playback-clock{min-width:60px!important;font-size:14px!important}.transport-row{gap:12px!important}.play-btn-mobile{width:44px!important;height:44px!important;font-size:18px!important}}
