.hero-parallax{z-index:1;background:#0b0e14;width:100%;height:100vh;position:relative;overflow:hidden}.hero-layer{will-change:transform, opacity;backface-visibility:hidden;opacity:0;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(0)}.hero-layer--bg{z-index:10}.hero-layer--bg img{object-fit:cover;object-position:center center;width:100%;height:100%}.hero-layer--text{z-index:20;pointer-events:none;justify-content:center;align-items:center;display:flex}.hero-layer--text canvas,.hero-layer--text img{max-width:70%;height:auto}.hero-layer--rift{z-index:25;justify-content:center;align-items:center;display:flex}.hero-layer--rift img{object-fit:cover;object-position:center center;width:100%;height:100%}.hero-rift-webgl{opacity:.7;mix-blend-mode:overlay;width:90%!important;max-width:90%!important;height:90%!important}.hero-layer--character{z-index:40}.hero-layer--character img{object-fit:contain;object-position:center center;width:100%;height:100%}.hero-layer--shapes{z-index:15;pointer-events:none}.hero-vignette{z-index:55;pointer-events:none;background:radial-gradient(#0000 40%,#0b0e1466 80%,#0b0e14d9 100%);position:absolute;inset:0}.hero-bottom-fade{z-index:56;pointer-events:none;background:linear-gradient(#0000 0%,#0b0e1499 50%,#0b0e14 100%);height:200px;position:absolute;bottom:0;left:0;right:0}@media (max-width:768px){.hero-layer--text canvas,.hero-layer--text img{max-width:90%}.hero-layer--character img{object-position:center center;transform:scale(1.4)}.hero-vignette{background:radial-gradient(#0000 20%,#0b0e1480 70%,#0b0e14e6 100%)}.hero-layer--character{z-index:15;justify-content:center!important;align-items:center!important;height:60vh!important;display:flex!important;top:35vh!important}.hero-layer--text{z-index:20;justify-content:center!important;align-items:center!important;height:10vh!important;display:flex!important;top:20vh!important}}.clip-hero-button{clip-path:polygon(0% 0%,calc(100% - 15px) 0%,100% 15px,100% 100%,15px 100%,0% calc(100% - 15px))}.hero-text-fallback{width:70%;max-width:800px;position:relative}@media (max-width:768px){.hero-text-fallback{width:90%}}.hero-svg-shape{will-change:transform, opacity;position:absolute;top:0;bottom:0}.hero-ui-overlay{z-index:70;pointer-events:none;position:absolute;inset:0}.ui-element{will-change:transform, opacity;position:absolute}.ui-panel{opacity:0;flex-direction:column;display:flex}.ui-panel--left{align-items:flex-start;gap:32px;max-width:450px;top:15%;left:100px}.ui-panel--right{text-align:right;align-items:flex-end;gap:36px;max-width:450px;bottom:5%;right:100px}.ui-panel-divider{background:#ffffff1a;width:30px;height:1px;margin:20px 0}.ui-panel--right .ui-panel-divider{margin-left:auto}.ui-badge{-webkit-backdrop-filter:blur(8px);background:0 0;border:1px solid #0074e066;align-items:center;gap:10px;padding:6px 12px;display:inline-flex}.ui-badge__accent{background:#0074e0;width:6px;height:6px;box-shadow:0 0 10px #0074e0}.ui-badge__label{letter-spacing:.3em;color:#0074e0;text-transform:uppercase;font-size:9px;font-weight:900}.ui-tagline{letter-spacing:.2em;color:#fff6;text-transform:uppercase;margin:0;font-size:14px;font-weight:800;line-height:1}.ui-tagline--highlight{color:#fff;letter-spacing:-.02em;text-shadow:0 0 30px #fff3;margin:4px 0 0;font-size:42px;font-style:italic;font-weight:900;line-height:1}.ui-manifesto{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.ui-manifesto__line{background:linear-gradient(#0074e0,#0000);flex-shrink:0;width:2px;height:36px;margin-top:3px}.ui-manifesto__text{letter-spacing:.15em;color:#ffffff40;text-transform:uppercase;margin:0;font-size:10px;font-weight:800;line-height:1.6}.ui-manifesto__text--em{color:#fff;text-shadow:0 0 20px #0074e04d;font-style:italic}.ui-cta-group{pointer-events:auto;flex-direction:column;gap:8px;display:flex}.ui-btn{cursor:pointer;border:none;padding:0;font-family:inherit;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;transform:skew(-8deg)}.ui-btn__inner{letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:6px;padding:10px 18px;font-size:9px;font-weight:900;display:flex;transform:skew(8deg)}.ui-btn--primary{color:#fff;background:#0074e0;box-shadow:0 0 16px #0074e040,inset 0 1px #ffffff26}.ui-btn--primary:hover{color:#0074e0;background:#fff;transform:skew(-8deg)translateY(-2px);box-shadow:0 0 24px #0074e066}.ui-btn--ghost{color:#ffffff73;-webkit-backdrop-filter:blur(6px);background:0 0;border:1px solid #ffffff1a}.ui-btn--ghost:hover{color:#fff;background:#0074e014;border-color:#0074e080;transform:skew(-8deg)translateY(-2px)}.ui-status-row{-webkit-backdrop-filter:blur(8px);background:0 0;border:1px solid #ffffff0a;align-items:center;gap:16px;padding:8px 18px;display:flex}.ui-status-block{flex-direction:column;align-items:center;gap:2px;display:flex}.ui-status-label{letter-spacing:.2em;color:#ffffff4d;text-transform:uppercase;font-size:7px;font-weight:800}.ui-status-value{color:#fffc;letter-spacing:.05em;font-family:monospace;font-size:11px;font-weight:900}.ui-status-value--live{color:#22c55e;align-items:center;gap:5px;display:flex}.ui-status-value--accent{color:#0074e0}.ui-pulse{background:#22c55e;border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite pulse-glow;box-shadow:0 0 6px #22c55e}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 6px #22c55e}50%{opacity:.5;box-shadow:0 0 2px #22c55e}}.ui-divider-v{background:#ffffff14;width:1px;height:24px}.ui-metrics{justify-content:flex-end;gap:16px;margin-bottom:10px;display:flex}.ui-metric{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.ui-metric__value{color:#fff;letter-spacing:-.02em;font-size:24px;font-weight:900;line-height:1}.ui-metric__label{letter-spacing:.25em;color:#ffffff1f;text-transform:uppercase;font-size:8px;font-weight:800}.ui-build-tag{color:#ffffff1a;letter-spacing:.1em;align-items:center;gap:5px;margin-top:12px;font-family:monospace;font-size:8px;font-weight:700;display:inline-flex}.ui-build-tag__dot{background:#ffffff1f;border-radius:50%;width:3px;height:3px}@media (max-width:768px){.ui-panel--left{text-align:center;z-index:100;align-items:center;gap:20px;width:100%;max-width:none;padding:0 24px;top:55%;left:0}.ui-tagline-container{flex-col:column;align-items:center;display:flex}.ui-panel--right{display:none}.ui-tagline{letter-spacing:.2em;text-align:center;font-size:10px}.ui-tagline--highlight{text-align:center;font-size:28px}.ui-manifesto__text{text-align:center;font-size:10px}.ui-manifesto{flex-direction:column;align-items:center;margin-bottom:15px;display:flex}.ui-manifesto__line{width:40px;height:1px;margin-bottom:8px}.ui-panel-divider{display:none}.ui-btn__inner{padding:10px 20px;font-size:10px}.ui-badge{padding:5px 12px}.ui-badge__label{font-size:9px}.hero-layer--shapes{display:none}}@media (max-width:480px){.ui-panel--left{gap:16px;top:60%}.ui-tagline--highlight{font-size:22px}.ui-tagline,.ui-manifesto__text{font-size:9px}.ui-btn__inner{padding:8px 16px;font-size:8px}}
.landing-container{background:#0b0e14;width:100%;position:relative}.landing-section{opacity:1;visibility:visible;z-index:1;pointer-events:auto;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0;overflow:hidden}.section-transition-layer{z-index:90;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.section-bg{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.section-bg img{object-fit:cover;opacity:.4;width:100%;height:100%}.section-hud{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;inset:0}.section-hud-badge{width:100%;max-width:fit-content;position:absolute;top:10%;left:50%;transform:translate(-50%)}.section-hud-metrics{text-align:right;position:absolute;bottom:12%;right:clamp(16px,6%,100px)}@media (max-width:1024px){.landing-section{justify-content:center;align-items:center;padding:0 16px}.mobile-horizontal-scroll{scrollbar-width:none;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;flex-direction:row!important;gap:16px!important;width:calc(100% + 32px)!important;margin:0 -16px!important;padding:20px 0 40px!important;display:flex!important;overflow:auto hidden!important}.mobile-horizontal-scroll::-webkit-scrollbar{display:none}.mobile-horizontal-scroll>*{scroll-snap-align:center!important;flex:0 0 85%!important;max-width:320px!important}.section-hud{padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom) 16px}.hud-top-safe{top:80px!important}.section-hud-badge{z-index:110;align-items:center;width:100%;max-width:90%;padding:0;position:absolute;top:60px;left:50%;transform:translate(-50%)}.section-hud-metrics{text-align:right;z-index:110;flex-direction:column;align-items:flex-end;gap:6px;max-width:100%;display:flex;position:absolute;bottom:40px;right:16px}.ui-tagline--highlight{line-height:1.05;font-size:clamp(18px,6vw,24px)!important}.ui-tagline--sub{letter-spacing:.15em;font-size:8px}.ui-metric__value{font-size:clamp(14px,4vw,18px)}.ui-metric__label{font-size:clamp(8px,2.2vw,10px)}.ui-badge{padding:4px 8px}.ui-badge__label{letter-spacing:.2em;font-size:7px}.ui-build-tag{font-size:7px}.ui-status__text{font-size:10px}.mobile-stack-container{pointer-events:none;justify-content:center!important;align-items:flex-start!important;width:100%!important;min-height:400px!important;margin:20px 0 0!important;display:flex!important;position:relative!important}.mobile-stack-card{z-index:10;pointer-events:auto;width:94%!important;max-width:440px!important;margin:0!important;position:absolute!important;top:50%!important;left:50%!important}}@media (max-width:480px){.section-hud-badge{top:50px}.ui-tagline--highlight{font-size:18px!important}.section-hud-metrics{bottom:30px;right:12px}}@media (min-width:1025px){.ui-badge--section{transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:linear-gradient(135deg,#00e5ff1a,#a855f71a)!important;border:1px solid #00e5ff99!important;padding:12px 32px!important;box-shadow:0 0 40px #0074e04d,inset 0 0 20px #00e5ff33!important}.ui-badge--section:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;animation:4s linear infinite badge-shimmer;position:absolute;top:0;left:-100%}@keyframes badge-shimmer{0%{left:-100%}30%,to{left:200%}}.ui-badge--section .ui-badge__label{margin-left:6px;color:#fff!important;letter-spacing:.5em!important;text-shadow:0 0 10px #00e5ffcc,0 0 20px #00e5ff66!important;font-size:14px!important;font-weight:900!important}.ui-badge--section .ui-badge__accent{border-radius:1px;animation:2s ease-in-out infinite badge-pulse;background:#00e5ff!important;width:6px!important;height:6px!important;box-shadow:0 0 20px #00e5ff!important}@keyframes badge-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 15px #00e5ff}50%{opacity:.5;transform:scale(1.3);box-shadow:0 0 25px #00e5ff}}}
.preloader-overlay{z-index:9999;font-family:var(--font-orbitron), "Courier New", monospace;color:#fff;background-color:#040608;display:flex;position:fixed;inset:0;overflow:hidden}.preloader-overlay.phase-exiting{pointer-events:none}.rift-hud-container{pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.screen-frame{z-index:1;position:absolute}.top-left-frame{top:20px;left:20px}.top-right-frame{top:20px;right:20px}.bottom-left-frame{bottom:20px;left:20px}.bottom-right-frame{bottom:20px;right:20px}.hud-top-left,.hud-top-right{font-family:var(--font-geist-mono), monospace;letter-spacing:.15em;color:#ffffff80;z-index:5;padding:10px 20px;font-size:.6rem;line-height:1.8;position:absolute;top:30px}.hud-top-left{left:30px}.hud-top-right{right:30px}.status-dot{background-color:#0f6;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 8px #0f6}.signal-bars{align-items:flex-end;gap:2px;height:10px;display:flex}.signal-bars .s-bar{background-color:#0f6;width:3px;box-shadow:0 0 5px #0f6}.signal-bars .s-bar:first-child{height:40%}.signal-bars .s-bar:nth-child(2){height:60%}.signal-bars .s-bar:nth-child(3){height:80%}.signal-bars .s-bar:nth-child(4){height:100%}.hud-side-menu{z-index:5;flex-direction:column;align-items:center;gap:2.5rem;padding:20px 0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hud-side-menu.left-menu{color:#00e5ff;left:40px}.hud-side-menu.right-menu{color:#ffb700;right:40px}.menu-bracket{border:1px solid;width:10px;height:10px}.left-menu .menu-bracket.top{border-bottom:none;border-right:none}.left-menu .menu-bracket.bottom{border-top:none;border-right:none}.right-menu .menu-bracket.top{border-bottom:none;border-left:none}.right-menu .menu-bracket.bottom{border-top:none;border-left:none}.icon-wrapper{opacity:.6;transition:opacity .3s,filter .3s}.icon-wrapper:hover{opacity:1;filter:drop-shadow(0 0 8px)}.hud-center-ring{z-index:5;justify-content:center;align-items:center;width:600px;height:600px;display:flex;position:relative}.hud-center-mask{pointer-events:none;z-index:6;will-change:transform, opacity;background:radial-gradient(#040608d9 0%,#040608b3 45%,#0406084d 70%,#0000 100%);border-radius:50%;width:340px;height:340px;position:absolute}.hud-ring-wrapper{pointer-events:none;will-change:transform, opacity;justify-content:center;align-items:center;width:600px;height:600px;display:flex;position:absolute;top:0;left:0}.hud-ring-svg{width:600px;height:600px;overflow:visible}.spin-slow,.spin-reverse{will-change:transform}.hud-center-content{text-align:center;z-index:10;flex-direction:column;align-items:center;width:280px;max-width:280px;display:flex;position:relative}.hud-logo{filter:drop-shadow(0 0 8px #00e5ff4d);margin-bottom:0;position:relative}.logo-glow-aura{filter:blur(15px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#00e5ff40 0%,#ffb70014 50%,#0000 70%);border-radius:50%;width:140px;height:140px;animation:4s ease-in-out infinite alternate logoAuraPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes logoAuraPulse{0%{opacity:.75;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;background:radial-gradient(circle,#00e5ff59 0%,#ffb70026 45%,#0000 70%);transform:translate(-50%,-50%)scale(1.15)}}.hud-title{font-family:var(--font-orbitron), sans-serif;letter-spacing:.45em;color:#fff;text-shadow:0 0 10px #fff6,0 0 20px #00e5ff40;white-space:nowrap;margin:0 -.45em 0 0;font-size:2.2rem;font-weight:900}.hud-subtitle{font-family:var(--font-geist-mono), monospace;letter-spacing:.32em;color:#00e5ff;text-shadow:0 0 8px #00e5ff80;white-space:nowrap;margin-top:8px;margin-bottom:28px;font-size:.58rem;font-weight:600}.hud-loading-area{flex-direction:column;align-items:center;gap:16px;display:flex}.hud-entering-wrapper{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.hud-status-text{font-family:var(--font-orbitron), sans-serif;color:#00e5ff;letter-spacing:.2em;text-shadow:0 0 5px #00e5ff80;white-space:nowrap;font-size:.6rem}.hud-glow-line{opacity:.8;background:radial-gradient(circle,#00e5ff 0%,#0000 100%);width:120px;height:1px}.hud-progress-panel-wrapper{will-change:transform, opacity;flex-direction:column;align-items:center;width:190px;margin-top:8px;display:flex;position:relative}.panel-status-tag{font-family:var(--font-orbitron), sans-serif;letter-spacing:.18em;color:#00e5ff;clip-path:polygon(6px 0%,calc(100% - 6px) 0%,100% 100%,0% 100%);z-index:4;background:#02060cf2;border:1px solid #00e5ff66;border-bottom:none;justify-content:center;align-items:center;margin-bottom:-1px;padding:3px 12px 2px;font-size:.45rem;font-weight:800;display:flex;position:relative}.panel-status-tag .cyan-dot{background-color:#00e5ff;border-radius:50%;width:3px;height:3px;margin:0 6px}.panel-display-box{-webkit-backdrop-filter:blur(12px);clip-path:polygon(10px 0%,calc(100% - 10px) 0%,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0% calc(100% - 10px),0% 10px);z-index:2;background:linear-gradient(135deg,#040a12d9 0%,#02060ce6 50%,#06101cd9 100%);width:100%;padding:10px 16px 12px;position:relative}.panel-display-box:before{content:"";clip-path:polygon(10px 0%,calc(100% - 10px) 0%,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0% calc(100% - 10px),0% 10px);pointer-events:none;z-index:4;border:1.5px solid #00e5ff73;position:absolute;inset:0}.panel-display-box:after{content:"";clip-path:polygon(8px 0%,calc(100% - 8px) 0%,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0% calc(100% - 8px),0% 8px);pointer-events:none;z-index:3;border:1px dashed #00e5ff2e;position:absolute;inset:3px}.corner-bracket{opacity:.85;z-index:5;border-style:solid;border-color:#00e5ff;width:8px;height:8px;transition:all .3s;position:absolute}.corner-bracket.top-left{border-width:2px 0 0 2px;top:8px;left:8px}.corner-bracket.top-right{border-width:2px 2px 0 0;top:8px;right:8px}.corner-bracket.bottom-left{border-width:0 0 2px 2px;bottom:8px;left:8px}.corner-bracket.bottom-right{border-width:0 2px 2px 0;bottom:8px;right:8px}.percentage-display-value{font-family:var(--font-orbitron), sans-serif;letter-spacing:-.02em;color:#00e5ff;font-size:2.2rem;font-weight:900;line-height:1;display:inline-block;transform:scaleY(1.1)}.hud-progress-panel-wrapper.ready .panel-display-box:before,.hud-progress-panel-wrapper.ready .panel-status-tag{border-color:#00e5ffb3}.hud-chevron-down{opacity:.8;margin-top:8px;animation:1.5s infinite preloaderBounce}@keyframes preloaderBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.hud-ready-area{pointer-events:auto;justify-content:center;align-items:center;width:100%;margin-top:10px;display:flex}.hud-enter-btn-container{will-change:transform, opacity;flex-direction:column;align-items:center;width:260px;margin-top:10px;display:flex;position:relative}.hud-enter-btn-container:before,.hud-enter-btn-container:after{content:"";opacity:.75;z-index:10;pointer-events:none;border-style:solid;border-color:#00e5ff;width:14px;height:14px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute}.hud-enter-btn-container:before{border-width:2px 0 0 2px;top:-4px;left:-4px}.hud-enter-btn-container:after{border-width:0 2px 2px 0;bottom:-4px;right:-4px}.hud-enter-btn-container:hover:before{opacity:1;filter:drop-shadow(0 0 6px #00e5ff);top:-6px;left:-6px}.hud-enter-btn-container:hover:after{opacity:1;filter:drop-shadow(0 0 6px #00e5ff);bottom:-6px;right:-6px}.hud-arena-btn{clip-path:polygon(14px 0%,calc(100% - 14px) 0%,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0% calc(100% - 14px),0% 14px);color:#fff;width:100%;font-family:var(--font-orbitron), sans-serif;letter-spacing:.28em;cursor:pointer;text-shadow:0 0 8px #00e5ffcc,0 0 18px #00e5ff66;z-index:5;background:linear-gradient(135deg,#00e5ff26 0%,#00192dd9 45%,#02060cfa 100%);border:none;outline:none;padding:16px 24px;font-size:.8rem;font-weight:800;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.btn-sweep{content:"";pointer-events:none;z-index:10;background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-150%;transform:skew(-25deg)}.hud-arena-btn:hover .btn-sweep{left:150%}.hud-arena-btn:before{content:"";clip-path:polygon(13px 0%,calc(100% - 13px) 0%,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0% calc(100% - 13px),0% 13px);pointer-events:none;z-index:6;border:1.5px solid #00e5ff8c;transition:all .3s;position:absolute;inset:1.5px}.hud-arena-btn:after{content:"";clip-path:polygon(11px 0%,calc(100% - 11px) 0%,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0% calc(100% - 11px),0% 11px);pointer-events:none;z-index:4;border:1px dashed #00e5ff33;position:absolute;inset:5px}.hud-arena-btn:hover{text-shadow:0 0 20px #00e5ff,0 0 40px #00e5ffb3;background:linear-gradient(135deg,#00e5ff47 0%,#002841e6 45%,#040c16fa 100%);box-shadow:0 0 30px #00e5ff66,inset 0 0 15px #00e5ff33}.hud-arena-btn:hover:before{border-color:#00e5ff;box-shadow:inset 0 0 12px #00e5ff66}.hud-arena-btn:active{transition:all 50ms;box-shadow:0 0 15px #00e5ff4d,inset 0 0 10px #00e5ff1a}.hud-btn-decor{pointer-events:none;justify-content:center;width:100%;margin-top:12px;display:flex}.wing-svg{filter:drop-shadow(0 0 6px #00e5ff99);animation:4s ease-in-out infinite alternate svgPulse}@keyframes svgPulse{0%{filter:drop-shadow(0 0 2px #00e5ff4d);opacity:.8}to{filter:drop-shadow(0 0 8px #00e5ffb3);opacity:1}}.hud-bottom-left-wrapper{z-index:5;position:absolute;bottom:40px;left:40px}.hud-tip-container{align-items:center;gap:15px;display:flex}.tip-avatar-hexagon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);border:1px solid #00e5ff;width:48px;height:48px;box-shadow:0 0 15px #00e5ff4d}.tip-avatar-hexagon img{object-fit:cover;width:100%;height:100%}.tip-content{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.tip-badge{color:#000;font-family:var(--font-orbitron), sans-serif;letter-spacing:.1em;background:#00e5ff;padding:2px 6px;font-size:.55rem;font-weight:800}.tip-text{font-family:var(--font-geist-sans), sans-serif;color:#a0aab5;font-size:.75rem;line-height:1.4}.hud-bottom-right-wrapper{z-index:5;pointer-events:auto;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:40px;right:40px}.sound-attention-chevrons{pointer-events:none;margin-bottom:12px}.sound-attention-chevrons path{filter:drop-shadow(0 0 4px #00e5ff99);animation:1.5s ease-in-out infinite chevronDownPulse}.sound-attention-chevrons .chevron-1{animation-delay:0s}.sound-attention-chevrons .chevron-2{animation-delay:.2s}.sound-attention-chevrons .chevron-3{animation-delay:.4s}@keyframes chevronDownPulse{0%{opacity:.1;transform:translateY(-4px)}50%{opacity:1}to{opacity:.1;transform:translateY(4px)}}.hud-sound-container{clip-path:polygon(10px 0%,calc(100% - 10px) 0%,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0% calc(100% - 10px),0% 10px);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:left;background:linear-gradient(135deg,#00e5ff1a 0%,#00192d99 45%,#02060ccc 100%);border:none;align-items:center;gap:15px;padding:12px 20px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.hud-sound-container:before{content:"";pointer-events:none;z-index:10;background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-150%;transform:skew(-25deg)}.hud-sound-container:hover{background:linear-gradient(135deg,#00e5ff33 0%,#002841cc 45%,#040c16e6 100%)}.hud-sound-container:hover:before{left:150%}.hud-sound-container.active{background:linear-gradient(135deg,#00e5ff40 0%,#002841e6 45%,#040c16f2 100%)}.sound-info-block{flex-direction:column;gap:3px;display:flex}.sound-title{font-family:var(--font-orbitron), sans-serif;color:#fff;letter-spacing:.1em;font-size:.75rem;font-weight:700}.sound-visualizer-row{align-items:center;gap:10px;display:flex}.sound-subtitle{font-family:var(--font-geist-mono), monospace;color:#888;letter-spacing:.05em;font-size:.55rem}.sound-wave-mini{align-items:center;gap:2px;height:8px;display:flex}.sound-wave-mini .m-bar{background-color:#00e5ff;width:2px;height:20%}.play-triangle{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid #00e5ff;width:0;height:0}.preloader-flash{opacity:0;pointer-events:none;z-index:10;background:#fff;position:absolute;inset:0}.blue-inner-dashed-arc,.blue-middle-thick-arc,.blue-outer-thin-arc,.blue-triangle-pointer,.orange-inner-dashed-arc,.orange-middle-thick-arc,.orange-outer-thin-arc,.orange-triangle-pointer{will-change:transform, filter}.status-ready{text-shadow:0 0 15px #00e5ff;color:#00e5ff!important}.ready-pulse{transition:all .5s;color:#00e5ff!important;text-shadow:0 0 15px #00e5ff99!important;border-color:#00e5ff!important;box-shadow:0 0 20px #00e5ff66,inset 0 0 15px #00e5ff33!important}@media (max-width:1024px) and (min-width:769px){.top-left-frame,.top-right-frame{transform:scale(.7)}.top-left-frame{top:12px;left:12px}.top-right-frame{top:12px;right:12px}.bottom-left-frame,.bottom-right-frame{transform:scale(.65)}.bottom-left-frame{bottom:12px;left:12px}.bottom-right-frame{bottom:12px;right:12px}.hud-top-left,.hud-top-right{padding:6px 12px;font-size:.5rem;top:18px}.hud-top-left{left:20px}.hud-top-right{right:20px}.hud-side-menu{gap:1.6rem}.hud-side-menu.left-menu{left:16px}.hud-side-menu.right-menu{right:16px}.icon-wrapper svg{width:14px;height:14px}.hud-center-ring,.hud-ring-wrapper,.hud-ring-svg{width:400px;height:400px}.hud-center-mask{width:250px;height:250px}.hud-title{font-size:1.8rem}.hud-subtitle{margin-bottom:20px;font-size:.48rem}.hud-status-text{font-size:.5rem}.hud-progress-panel-wrapper{width:170px}.percentage-display-value{font-size:1.9rem}.panel-status-tag{font-size:.4rem}.hud-enter-btn-container{width:230px}.hud-arena-btn{padding:14px 18px;font-size:.7rem}.hud-bottom-left-wrapper{bottom:24px;left:20px}.tip-avatar-hexagon{width:40px;height:40px}.tip-text{font-size:.65rem}.hud-bottom-right-wrapper{bottom:24px;right:20px}.hud-sound-container{gap:10px;padding:10px 14px}.sound-title{font-size:.65rem}.sound-subtitle{font-size:.48rem}}@media (max-width:768px){.hud-side-menu,.screen-frame,.hud-bottom-left-wrapper{display:none!important}.hud-top-left,.hud-top-right{padding:4px 10px;font-size:.42rem;line-height:1.6;top:12px}.hud-top-left{left:12px}.hud-top-right{right:12px}.hud-center-ring,.hud-ring-wrapper,.hud-ring-svg{width:215px;height:215px}.hud-center-mask{width:170px;height:170px}.hud-title{letter-spacing:.3em;margin-right:-.3em;font-size:1.5rem}.hud-subtitle{letter-spacing:.25em;margin-bottom:20px;font-size:.42rem}.hud-status-text{font-size:.45rem}.hud-progress-panel-wrapper{width:160px}.percentage-display-value{font-size:1.7rem}.panel-status-tag{padding:2px 8px;font-size:.38rem}.panel-display-box{padding:8px 12px 10px}.hud-enter-btn-container{width:220px}.hud-arena-btn{letter-spacing:.2em;padding:14px 16px;font-size:.65rem}.hud-bottom-right-wrapper{justify-content:center;display:flex;bottom:20px;left:0;right:0}.hud-sound-container{gap:10px;padding:10px 14px}.sound-title{font-size:.6rem}.sound-subtitle{font-size:.42rem}.sound-attention-chevrons svg{width:30px;height:30px}}@media (max-width:480px){.hud-top-left,.hud-top-right{display:none!important}.hud-center-ring,.hud-ring-wrapper,.hud-ring-svg{width:180px;height:180px}.hud-center-mask{width:140px;height:140px}.hud-title{letter-spacing:.25em;margin-right:-.25em;font-size:1.3rem}.hud-subtitle{letter-spacing:.2em;margin-bottom:16px;font-size:.38rem}.hud-status-text{font-size:.4rem}.hud-progress-panel-wrapper{width:145px}.percentage-display-value{font-size:1.4rem}.panel-status-tag{font-size:.35rem}.hud-enter-btn-container{width:200px;margin-top:6px}.hud-arena-btn{letter-spacing:.18em;padding:12px 14px;font-size:.58rem}.hud-bottom-right-wrapper{bottom:14px}.hud-sound-container{gap:8px;padding:8px 12px}.sound-icon-wrapper svg{width:16px;height:16px}.sound-title{font-size:.52rem}.sound-subtitle{font-size:.38rem}.sound-attention-chevrons{margin-bottom:8px}.sound-attention-chevrons svg{width:24px;height:24px}}@media (max-height:500px) and (orientation:landscape){.hud-top-left,.hud-top-right,.hud-side-menu,.screen-frame,.hud-bottom-left-wrapper{display:none!important}.hud-center-ring,.hud-ring-wrapper,.hud-ring-svg{width:160px;height:160px}.hud-center-mask{width:130px;height:130px}.hud-bottom-right-wrapper{justify-content:center;display:flex;bottom:8px;left:0;right:0}.hud-sound-container{gap:8px;padding:6px 10px}.sound-title{font-size:.5rem}}.preloader-shader-canvas,.preloader-shader-fallback,.screen-frame,.hud-top-left,.hud-top-right,.hud-side-menu,.hud-center-mask,.hud-ring-wrapper,.hud-logo-anim,.hud-title,.hud-subtitle,.hud-entering-wrapper,.hud-progress-panel-wrapper,.hud-chevron-down,.hud-bottom-left-wrapper,.hud-bottom-right-wrapper{opacity:0}