:root{--tm-safe-top: env(safe-area-inset-top, 0px);--tm-safe-bottom: env(safe-area-inset-bottom, 0px)}html,body{height:100%;min-height:100%;overscroll-behavior:none}body{min-height:100dvh;min-height:-webkit-fill-available}#game-container,#ui-overlay{position:fixed!important;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;height:-webkit-fill-available}#ui-overlay{padding-top:0;padding-bottom:0}.screen{min-height:100%}.screen>header.absolute.top-0{padding-top:calc(.25rem + var(--tm-safe-top));height:calc(4rem + var(--tm-safe-top))}.screen>main{padding-top:calc(5rem + var(--tm-safe-top))!important;padding-bottom:calc(8rem + var(--tm-safe-bottom))!important}.screen>nav.absolute.bottom-0,#hud-nav-bar{padding-bottom:calc(.5rem + var(--tm-safe-bottom))!important;min-height:calc(5rem + var(--tm-safe-bottom))}#hud-top-overlay{padding-top:calc(.75rem + var(--tm-safe-top))!important}#hud-bottom-overlay{bottom:calc(80px + var(--tm-safe-bottom))!important}.chat-screen-main{padding-bottom:calc(5rem + var(--tm-safe-bottom))!important}.chat-messages-panel{min-height:0;padding-bottom:1rem}.chat-input-dock{position:absolute;left:0;right:0;bottom:calc(5rem + var(--tm-safe-bottom))}.safe-overlay-screen{padding-top:calc(1rem + var(--tm-safe-top))!important;padding-bottom:calc(1rem + var(--tm-safe-bottom))!important}.safe-overlay-center{justify-content:center}@media (max-height: 760px){.safe-overlay-center{justify-content:flex-start}}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;display:inline-block;vertical-align:middle}#game-canvas{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.nebula-bg{background:radial-gradient(circle at 20% 30%,rgba(129,236,255,.08) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(166,140,255,.08) 0%,transparent 40%),#0a0e1a}.bg-nebula-mesh{background-color:#0a0e1a;background-image:radial-gradient(at 0% 0%,rgba(129,236,255,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(166,140,255,.1) 0px,transparent 50%)}.glass-card{background:#20253799;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05)}.glass-panel{background:#20253799;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.text-glow{text-shadow:0 0 15px rgba(129,236,255,.6)}.neon-glow-primary{box-shadow:0 0 20px #81ecff33}.neon-glow-secondary{box-shadow:0 0 20px #a68cff33}@keyframes hud-pulse{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.06);filter:brightness(1.25)}to{transform:scale(1);filter:brightness(1)}}.pulse{animation:hud-pulse .3s ease-out}.feedback-text{position:absolute;top:max(12px,env(safe-area-inset-top,0px) + 12px);left:50%;transform:translate(-50%) translateY(-8px);z-index:80;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;font-weight:900;font-size:clamp(20px,4vw,36px);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.feedback-text.show{opacity:1;transform:translate(-50%) translateY(0)}.feedback-text.perfect{color:#81ecff;text-shadow:0 0 18px rgba(129,236,255,.75)}.feedback-text.good{color:#a68cff;text-shadow:0 0 18px rgba(166,140,255,.75)}.feedback-text.miss{color:#ff716c;text-shadow:0 0 18px rgba(255,113,108,.75)}@keyframes challenge-badge-flash{0%{transform:scale(1);filter:brightness(1)}20%{transform:scale(1.08);filter:brightness(1.35)}45%{transform:scale(1);filter:brightness(1)}65%{transform:scale(1.08);filter:brightness(1.35)}to{transform:scale(1);filter:brightness(1)}}.challenge-alert{animation:challenge-badge-flash 1.4s ease-out}.challenge-alert .material-symbols-outlined{text-shadow:0 0 14px rgba(255,90,90,.65)}.challenge-alert .challenge-badge{box-shadow:0 0 14px #ff0000f2}.text-gradient-nebula{background:linear-gradient(to right,#81ecff,#a68cff,#57bcff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gauge-conic{background:conic-gradient(from 270deg,#9f0519,#9f0519 45deg,#a68cff 45deg,#a68cff 135deg,#81ecff 135deg,#81ecff 180deg,#a68cff 180deg,#a68cff 270deg,#9f0519 270deg,#9f0519 360deg)}.rank-gradient-1{background:linear-gradient(135deg,gold,orange)}.rank-gradient-2{background:linear-gradient(135deg,silver,gray)}.rank-gradient-3{background:linear-gradient(135deg,#cd7f32,#8b4513)}.hide-scrollbar::-webkit-scrollbar{display:none}