*{box-sizing:border-box}html,body{color:#f5fbff;background:radial-gradient(circle at 18% 18%,#755fff57,#0000 28rem),radial-gradient(circle at 84% 22%,#28d6ff2e,#0000 30rem),linear-gradient(140deg,#050816 0%,#091326 44%,#111827 100%);min-height:100%;margin:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}body{place-items:center;min-height:100dvh;display:grid}#app{place-items:center;width:min(90dvw,1536px);height:min(90dvh,864px);display:grid}canvas{border-radius:clamp(12px,1.6vw,28px);display:block;box-shadow:0 0 0 1px #94a3ff38,0 24px 80px #0000008c,0 0 64px #28d6ff33}@media (width<=800px){canvas{border-radius:0}}#splash{z-index:50;background:radial-gradient(circle at 50% 38%,#28d6ff29,#0000 40rem),linear-gradient(150deg,#050816 0%,#091326 48%,#0b0f1e 100%);place-items:center;transition:opacity .55s;display:grid;position:fixed;inset:0}#splash.is-hidden{opacity:0;pointer-events:none}.splash-inner{flex-direction:column;align-items:center;gap:18px;padding:0 24px;animation:.7s both splash-rise;display:flex}#splash-logo{filter:drop-shadow(0 0 24px #28d6ff59);width:min(58vw,360px);height:auto;animation:2.4s ease-in-out infinite splash-pulse}.splash-tag{letter-spacing:.82em;text-indent:.82em;color:#8fd6ff;opacity:.85;font-family:Space Grotesk,system-ui,sans-serif;font-size:.82rem;font-weight:700}.splash-bar{background:#94a3ff29;border-radius:999px;width:min(58vw,360px);height:4px;position:relative;overflow:hidden}.splash-bar span{background:linear-gradient(90deg,#34d8ff,#7c9bff,#c084fc);border-radius:999px;width:0%;transition:width .25s;position:absolute;inset:0;box-shadow:0 0 16px #28d6ff8c}@keyframes splash-pulse{0%,to{filter:drop-shadow(0 0 18px #28d6ff47);transform:scale(1)}50%{filter:drop-shadow(0 0 30px #7c9bff73);transform:scale(1.03)}}@keyframes splash-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){#splash-logo,.splash-inner{animation:none}}