#boot{display:flex;background:#01040d;overflow:hidden;isolation:isolate;gap:0;transition:opacity .8s,visibility .8s}
#boot[hidden]{display:none!important}#boot canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
#boot:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse,transparent 25%,#0009 100%);z-index:-1}
.intro-halo{position:absolute;width:min(72vw,700px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#67cbff24,transparent 64%);filter:blur(25px);animation:intro-halo 6.8s both}
.intro-brand{display:flex;flex-direction:column;align-items:center;position:relative;animation:intro-reveal 6.8s both}
#boot .boot-orb{width:clamp(100px,15vw,156px);height:clamp(100px,15vw,156px);font-family:Georgia,serif;font-size:clamp(100px,15vw,152px);font-weight:bold;padding-right:8px;padding-bottom:12px;animation:none;border:1px solid #e3fbffb0;box-shadow:inset -8px -12px 20px #001232, inset 3px 3px 12px #ffffffa0,0 0 30px #21b7fa65,0 0 100px #178ae13b;position:relative}
#boot .boot-orb:after{content:'';position:absolute;inset:8%;border-radius:50%;border-top:2px solid #ffffff80;transform:rotate(-30deg)}
#boot strong{font-size:clamp(34px,6.2vw,72px);font-weight:950;font-style:italic;letter-spacing:-2px;margin-top:26px;background:linear-gradient(#fff 12%,#d5f5ff 38%,#76b8dd 65%,#e0f8ff 90%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 20px #55baff55)}
.intro-tagline{font-size:clamp(8px,1.05vw,11px);letter-spacing:clamp(2px,.45vw,6px);color:#a5cfe8;margin-top:11px;text-align:center}
.intro-caption{position:absolute;left:0;right:0;bottom:16%;text-align:center;color:#7da3c6;font:9px monospace;letter-spacing:4px;animation:intro-caption 6.8s both}
.intro-controls{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:clamp(20px,4vw,60px);right:clamp(20px,4vw,60px);display:flex;align-items:center;justify-content:space-between;gap:15px}
.intro-system{font:8px monospace;letter-spacing:2px;color:#4e769c}.intro-system:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#9ceaff;box-shadow:0 0 12px #52baff;margin-right:10px}
#skip-boot{border:1px solid #547ca755;border-radius:6px;background:#0e213360;color:#bad9ed;font-size:10px;letter-spacing:1px;padding:12px 17px;backdrop-filter:blur(12px)}#skip-boot:hover,#skip-boot:focus-visible{border-color:#a1dfff;background:#184466;outline:2px solid #a1dfff;outline-offset:4px}
.intro-line{position:absolute;bottom:0;left:0;height:1px;background:#98dfff;box-shadow:0 0 15px #4cabff;animation:intro-line 6.8s linear both}
@keyframes intro-reveal{0%,32%{opacity:0;filter:blur(25px);transform:scale(.65) translateY(15px)}53%{opacity:1;filter:blur(0);transform:scale(1)}88%,100%{opacity:1;filter:blur(0);transform:scale(1.035)}}
@keyframes intro-halo{0%,26%{opacity:0;transform:scale(.2)}50%,100%{opacity:1;transform:scale(1.3)}}
@keyframes intro-caption{0%,53%{opacity:0}65%,100%{opacity:1}}
@keyframes intro-line{from{width:0}to{width:100%}}
@media(max-width:500px){.intro-system{font-size:6px;letter-spacing:1px}.intro-caption{font-size:7px;letter-spacing:2px}.intro-brand{margin-top:-35px}}