html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}@supports (height: 100dvh){html,body,#root{height:100dvh}.min-h-screen{min-height:100dvh!important}.h-screen{height:100dvh!important}}body{margin:0;color:#fff;background:radial-gradient(circle at top,rgba(127,249,255,.12),transparent 30%),radial-gradient(circle at 20% 80%,rgba(244,114,182,.08),transparent 28%),var(--tempo-bg, #050711);font-family:Space Grotesk,Segoe UI,sans-serif}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}canvas{touch-action:none;display:block}video{max-width:100%;max-height:100%}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}.tempo-shell{--tempo-bg: #050711;--tempo-fog: #091120;--tempo-accent: #7df9ff;--tempo-accent-soft: #16384b;--tempo-grid: #28d7ff;background:radial-gradient(circle at top,color-mix(in srgb,var(--tempo-accent) 16%,transparent),transparent 36%),radial-gradient(circle at bottom left,color-mix(in srgb,var(--tempo-accent-soft) 75%,transparent),transparent 38%),linear-gradient(180deg,color-mix(in srgb,var(--tempo-fog) 65%,#000) 0%,var(--tempo-bg) 100%);width:100%;height:100%}@media(max-width:768px){.hud-clean-box{background:transparent!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important}.hud-hide-mobile{display:none!important}.hud-shrink-text{font-size:.65rem!important;letter-spacing:.1em!important}.hud-shrink-val{font-size:1.5rem!important}.hud-container{padding:max(.5rem,var(--safe-top)) max(.5rem,var(--safe-right)) max(.5rem,var(--safe-bottom)) max(.5rem,var(--safe-left))!important;gap:.5rem!important}.hud-bar{height:4px!important}}.tempo-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,color-mix(in srgb,var(--tempo-grid) 12%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--tempo-grid) 10%,transparent) 1px,transparent 1px);background-size:82px 82px;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,.88),transparent 85%);mask-image:radial-gradient(circle at center,rgba(0,0,0,.88),transparent 85%);opacity:.45}@keyframes combo-pop{0%{transform:scale(1);filter:brightness(1)}20%{transform:scale(1.3);filter:brightness(1.5)}to{transform:scale(1);filter:brightness(1)}}@keyframes combo-break{0%{transform:translate(0);opacity:1}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0);opacity:0}}@keyframes miss-vignette{0%{opacity:0;box-shadow:inset 0 0 #0000}5%{opacity:1;box-shadow:inset 0 0 150px #7f000066}to{opacity:0;box-shadow:inset 0 0 40px #0000}}.animate-combo-pop{animation:combo-pop .2s ease-out forwards}.animate-combo-break{animation:combo-break .4s ease-in-out forwards}.animate-miss-vignette{animation:miss-vignette 2s cubic-bezier(.23,1,.32,1) forwards}.bg-miss-vignette{background:radial-gradient(circle,transparent 30%,rgba(10,0,0,.85) 100%)}.text-glow-blue{text-shadow:0 0 10px rgba(59,130,246,.8),0 0 20px rgba(59,130,246,.4)}.text-glow-yellow{text-shadow:0 0 10px rgba(234,179,8,.8),0 0 20px rgba(234,179,8,.4)}.text-glow-magenta{text-shadow:0 0 10px rgba(236,72,153,.8),0 0 20px rgba(236,72,153,.4)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#3b82f680}