@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";
.sc-btn-primary{--tw-bg-opacity:1;background-color:rgb(0 212 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(3 4 10/var(--tw-text-opacity,1));--tw-shadow:0 0 12px #00d4ff80, 0 0 24px #00d4ff33;--tw-shadow-colored:0 0 12px var(--tw-shadow-color), 0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:.5rem;padding:.75rem 1.5rem;font-family:Orbitron,sans-serif;font-weight:600;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:relative}.sc-btn-primary:hover{--tw-shadow:0 0 20px #00d4ffb3, 0 0 40px #00d4ff4d;--tw-shadow-colored:0 0 20px var(--tw-shadow-color), 0 0 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-brightness:brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sc-btn-primary:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sc-btn-primary:disabled{cursor:not-allowed;opacity:.4}.sc-btn-secondary{--tw-text-opacity:1;color:rgb(0 212 255/var(--tw-text-opacity,1));--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:#0d152699;border-width:1px;border-color:#00d4ff66;border-radius:.5rem;padding:.75rem 1.5rem;font-family:Orbitron,sans-serif;font-weight:600;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:relative}.sc-btn-secondary:hover{background-color:#00d4ff1a;border-color:#00d4ffb3}.sc-btn-secondary:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sc-btn-secondary:disabled{opacity:.4}.sc-card{--tw-shadow:0 4px 24px #0006;--tw-shadow-colored:0 4px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:#0d1526cc;border-width:1px;border-color:#00d4ff1a;border-radius:.75rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sc-hud-panel{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:#070b14e6;border-width:1px;border-color:#00d4ff33;border-radius:.5rem;padding:.5rem;box-shadow:0 0 12px #00d4ff33}.sc-input-cyber{--tw-text-opacity:1;width:100%;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:#111e3399;border-width:1px;border-color:#00d4ff33;border-radius:.5rem;padding:.625rem 1rem}.sc-input-cyber::placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}.sc-input-cyber{outline-offset:2px;outline:2px solid #0000;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sc-input-cyber:focus{background-color:#111e33cc;border-color:#00d4ff99}.sc-badge{border-radius:.25rem;align-items:center;gap:.25rem;padding:.125rem .5rem;font-family:Courier New,monospace;font-size:.75rem;font-weight:600;line-height:1rem;display:inline-flex}.sc-badge-blue{--tw-text-opacity:1;color:rgb(0 212 255/var(--tw-text-opacity,1));background-color:#00d4ff26;border-width:1px;border-color:#00d4ff4d}.sc-badge-green{--tw-text-opacity:1;color:rgb(0 255 136/var(--tw-text-opacity,1));background-color:#00ff8826;border-width:1px;border-color:#00ff884d}.sc-badge-purple{--tw-text-opacity:1;color:rgb(191 0 255/var(--tw-text-opacity,1));background-color:#bf00ff26;border-width:1px;border-color:#bf00ff4d}.sc-badge-gold{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1));background-color:#eab30826;border-width:1px;border-color:#eab3084d}.sc-gradient-text{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:#00d4ff var(--tw-gradient-from-position);--tw-gradient-to:#ff006e var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #bf00ff var(--tw-gradient-via-position), var(--tw-gradient-to);color:#0000;-webkit-background-clip:text;background-clip:text}.sc-progress-bar{--tw-bg-opacity:1;background-color:rgb(26 40 71/var(--tw-bg-opacity,1));border-radius:9999px;height:.375rem;overflow:hidden}.sc-progress-fill{background:linear-gradient(90deg,#00d4ff,#bf00ff);border-radius:9999px;height:100%;transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #00d4ff99}.sc-loading-overlay{z-index:50;--tw-bg-opacity:1;background-color:rgb(3 4 10/var(--tw-bg-opacity,1));flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sc-rank-1{color:gold;text-shadow:0 0 10px #ffd700cc}.sc-rank-2{color:silver;text-shadow:0 0 10px #c0c0c099}.sc-rank-3{color:#cd7f32;text-shadow:0 0 10px #cd7f3299}.sc-scanlines:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00d4ff04 2px 4px);position:absolute;inset:0}.sc-radial-glow{background:radial-gradient(at 50% 0,#00d4ff14 0%,#0000 70%)}.sc-bg-grid{background-image:linear-gradient(#00d4ff0a 1px,#0000 1px),linear-gradient(90deg,#00d4ff0a 1px,#0000 1px);background-size:40px 40px}#game-canvas-container canvas{outline:none;display:block}.sc-card ::-webkit-scrollbar{width:4px}.sc-card ::-webkit-scrollbar-track{background:#070b14}.sc-card ::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:2px}