:root{--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--touch-min: 44px;--text-xs: clamp(.7rem, .65rem + .25vw, .75rem);--text-sm: clamp(.8rem, .75rem + .25vw, .875rem);--text-base: clamp(.9rem, .85rem + .25vw, 1rem);--text-lg: clamp(1rem, .9rem + .5vw, 1.125rem);--text-xl: clamp(1.15rem, 1rem + .75vw, 1.25rem);--text-2xl: clamp(1.35rem, 1.1rem + 1.25vw, 1.5rem);--text-3xl: clamp(1.6rem, 1.2rem + 2vw, 1.875rem);--text-4xl: clamp(1.8rem, 1.3rem + 2.5vw, 2.25rem);--text-5xl: clamp(2.2rem, 1.5rem + 3.5vw, 3rem)}*,*:before,*:after{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:16px;overflow-x:hidden}body{overscroll-behavior:none;-webkit-overflow-scrolling:touch;padding-top:var(--sat);padding-right:var(--sar);padding-bottom:var(--sab);padding-left:var(--sal)}.no-overscroll{overscroll-behavior:contain;touch-action:manipulation}button,[role=button],a,input[type=checkbox],input[type=radio],select,.touch-target{min-height:var(--touch-min);min-width:var(--touch-min)}input[type=range]{min-height:var(--touch-min);touch-action:manipulation}input[type=range]::-webkit-slider-thumb{width:24px!important;height:24px!important;margin-top:-10px!important;border-radius:50%}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;border:2px solid var(--galaxy-cyan);background:var(--galaxy-cyan);cursor:pointer}@media(hover:none)and (pointer:coarse){button:active,[role=button]:active,.touch-target:active{transform:scale(.97);opacity:.85;transition:transform .1s ease,opacity .1s ease}.hover\:scale-105:hover,.hover\:scale-110:hover,.hover\:scale-\[1\.01\]:hover,.hover\:scale-\[1\.02\]:hover{transform:none}body:after{display:none!important}.stars.stars2,.stars.stars3{display:none}.glass-panel{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(135deg,#050814f2,#0f1428eb)!important}#nebula-canvas{opacity:.15;animation:none!important}}:focus{outline:none}:focus-visible{outline:2px solid var(--galaxy-cyan);outline-offset:2px;border-radius:4px}button:focus-visible,[role=button]:focus-visible{box-shadow:0 0 0 3px #00f0ff66}.skip-nav{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--galaxy-cyan);color:var(--cosmic-blue);padding:.75rem 1.5rem;font-weight:700;font-size:1rem;z-index:99999;border-radius:0 0 .5rem .5rem;transition:top .2s ease}.skip-nav:focus{transform:translateY(0)}.mobile-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--galaxy-cyan) transparent}.mobile-scroll::-webkit-scrollbar{width:3px;height:3px}.fluid-xs{font-size:var(--text-xs)}.fluid-sm{font-size:var(--text-sm)}.fluid-base{font-size:var(--text-base)}.fluid-lg{font-size:var(--text-lg)}.fluid-xl{font-size:var(--text-xl)}.fluid-2xl{font-size:var(--text-2xl)}.fluid-3xl{font-size:var(--text-3xl)}.fluid-4xl{font-size:var(--text-4xl)}.fluid-5xl{font-size:var(--text-5xl)}.mobile-stack{display:flex;flex-direction:column;gap:.75rem}@media(min-width:768px){.mobile-stack{flex-direction:row}}.mobile-action-bar{position:fixed;bottom:0;left:0;right:0;padding:.75rem;padding-bottom:calc(.75rem + var(--sab));background:linear-gradient(to top,#050814fa,#050814d9);border-top:1px solid rgba(0,240,255,.15);z-index:40;display:flex;gap:.5rem}@media(max-width:374px){:root{font-size:14px}.glass-panel{padding:.75rem;border-radius:.375rem}.launch-grid{grid-template-columns:repeat(2,1fr)!important}.launch-grid .launch-full{grid-column:span 2}}@media(max-width:767px){.lobby-grid{display:flex!important;flex-direction:column;gap:1rem;max-height:none!important;overflow:visible!important}.lobby-settings-desktop{display:none}.lobby-grid>div{width:100%}.results-grid,.pitstop-grid{grid-template-columns:1fr!important}.event-container{padding:.5rem}.countdown-number{font-size:6rem!important}.track-hud{padding:.5rem;gap:.5rem}}@media(min-width:768px)and (max-width:1023px){.lobby-grid{grid-template-columns:repeat(2,1fr)!important}}@media(orientation:landscape)and (max-height:500px){.event-top-hud{padding:.25rem .5rem;margin-bottom:.25rem}.event-bottom-controls{margin-top:.25rem}.track-hud{padding:.25rem .5rem;margin-top:.25rem}.landscape-hide{display:none}.countdown-overlay{flex-direction:row;gap:2rem}}@media(prefers-contrast:more){:root{--cosmic-blue: #000000}.glass-panel{border-color:#fff9}body{color:#fff}}@media(prefers-reduced-motion:reduce){.stars,#nebula-canvas{display:none}.glass-panel:before,.glass-panel:after{animation:none}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.scanline-overlay{background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2) 1px,transparent 1px,transparent 4px);pointer-events:none}.drop-shadow-glow{filter:drop-shadow(0 0 4px currentColor)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pwa-install-banner{position:fixed;bottom:0;left:0;right:0;padding:1rem;padding-bottom:calc(1rem + var(--sab));background:linear-gradient(135deg,#3a2b8cf2,#050814f2);border-top:2px solid var(--galaxy-cyan);z-index:9998;display:flex;align-items:center;justify-content:space-between;gap:1rem}@media(horizontal-viewport-segments:2){.lobby-grid{grid-template-columns:1fr 1fr!important;gap:env(viewport-segment-left 1 0,1rem)}}@media(vertical-viewport-segments:2){.event-container{padding-top:env(viewport-segment-top 0 1,.5rem)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes popupScale{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulseGlow{0%,to{box-shadow:0 0 4px var(--tier-color, #3b82f6)}50%{box-shadow:0 0 12px var(--tier-color, #3b82f6)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes connectionPulse{0%,to{opacity:1}50%{opacity:.5}}.animate-slide-up{animation:slideUp .3s ease-out}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.rank-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .5rem;border-radius:6px;background:#ffffff0d;border:1px solid var(--tier-color, #666)}.rank-badge--small{font-size:var(--text-xs);padding:.15rem .3rem}.rank-badge--medium{font-size:var(--text-sm)}.rank-badge--large{font-size:var(--text-lg);padding:.4rem .8rem}.rank-badge__icon{font-size:1.2em}.rank-badge__tier{font-weight:700;letter-spacing:.05em}.rank-badge__rating{font-size:.85em;opacity:.8}.rank-badge__record{font-size:.75em;opacity:.6;display:block}.rank-badge--unranked{border-color:#666;opacity:.6}.connection-indicator{display:inline-flex;align-items:flex-end;gap:.25rem}.connection-indicator__bars{display:flex;align-items:flex-end;gap:2px}.connection-indicator__bar{width:3px;border-radius:1px;transition:background-color .3s}.connection-indicator__label{font-size:var(--text-xs);font-weight:600}.connection-indicator__bar:nth-child(1){animation:connectionPulse 2s infinite}.mode-selector__header{display:flex;align-items:center;gap:1rem;padding:1rem}.mode-selector__grid{display:grid;grid-template-columns:1fr;gap:.75rem;padding:0 1rem}@media(min-width:640px){.mode-selector__grid{grid-template-columns:1fr 1fr}}.mode-card{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--mode-accent, #3b82f6);cursor:pointer;transition:transform .15s,background .15s}.mode-card:hover{transform:translateY(-2px);background:#ffffff14}.mode-card__icon{font-size:1.5rem}.mode-card__body{display:flex;flex-direction:column;text-align:left}.mode-card__title{font-weight:700;font-size:var(--text-base)}.mode-card__description{font-size:var(--text-xs);opacity:.7}.mode-card__badge{margin-left:auto;padding:.15rem .5rem;border-radius:999px;background:var(--mode-accent, #3b82f6);font-size:var(--text-xs);font-weight:600}.skill-tree-screen__header{display:flex;align-items:center;gap:1rem;padding:1rem}.skill-tree-screen__branches{display:flex;gap:.5rem;padding:0 1rem}.branch-tab{flex:1;padding:.5rem;border-radius:8px;background:#ffffff0d;border:1px solid transparent;cursor:pointer}.branch-tab--active{border-color:var(--branch-color);background:#ffffff14}.skill-node{padding:.75rem;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);margin-bottom:.5rem}.skill-node--unlocked{border-color:var(--node-color);background:#ffffff0f}.skill-node--locked{opacity:.4}.skill-node__unlock-btn:disabled{opacity:.4;cursor:not-allowed}.hangar-screen__chassis-list{display:flex;gap:.5rem;padding:0 1rem;overflow-x:auto}.chassis-card{flex-shrink:0;padding:.75rem;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);cursor:pointer;min-width:140px}.chassis-card--selected{border-color:#3b82f6;background:#3b82f61a}.loadout-slot{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem}.module-option{padding:.25rem .5rem;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);cursor:pointer;font-size:var(--text-xs)}.module-option--active{border-color:#3b82f6;background:#3b82f626}.onboarding-flow{max-width:480px;margin:0 auto;padding:1rem}.onboarding-flow__progress{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.progress-dot{width:8px;height:8px;border-radius:50%;background:#fff3;transition:background .3s}.progress-dot--active{background:#3b82f6}.progress-dot--done{background:#4ade80}.onboarding-input{width:100%;padding:.75rem;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:var(--text-base)}.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.avatar-option{aspect-ratio:1;border-radius:8px;background:#ffffff0d;border:2px solid transparent;cursor:pointer;font-size:1.5rem}.avatar-option--selected{border-color:#3b82f6}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.toggle-switch{width:44px;height:24px;border-radius:12px;background:#ffffff1a;border:none;position:relative;cursor:pointer;transition:background .2s}.toggle-switch--on{background:#3b82f6}.toggle-switch__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.toggle-switch--on .toggle-switch__thumb{transform:translate(20px)}.tournament-screen__bracket{display:flex;gap:1rem;padding:1rem;overflow-x:auto}.tournament-round{flex-shrink:0;min-width:180px}.tournament-match{padding:.5rem;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);margin-bottom:.5rem}.tournament-match--completed{opacity:.6}.tournament-match__players{display:flex;flex-direction:column;gap:.15rem}.tournament-match__player--winner{color:#4ade80;font-weight:700}.tournament-match__vs{font-size:var(--text-xs);opacity:.5;text-align:center}