@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&display=swap);:root{--primary-blue:#00d4ff;--primary-purple:#9d4edd;--primary-pink:#ff006e;--primary-orange:#ff6b35;--primary-green:#00ff87;--bg-dark:#0a0a0f;--bg-darker:#050508;--bg-card:#0f0f19d9;--bg-glass:#ffffff0d;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#fff6;--glow-blue:0 0 20px #00d4ff80;--glow-purple:0 0 20px #9d4edd80;--glow-pink:0 0 20px #ff006e80;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;overflow:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;background:var(--bg-dark);color:#fff;color:var(--text-primary);font-family:Rajdhani,sans-serif}.font-display,h1,h2,h3,h4,h5,h6{font-family:Orbitron,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:2px;text-transform:uppercase}.glass{background:#ffffff0d;background:var(--bg-glass);border:1px solid #ffffff1a;border-radius:16px}.glass,.glass-dark{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.glass-dark{background:#00000080;border:1px solid #ffffff0d;border-radius:16px}.glow-blue{text-shadow:0 0 20px #00d4ff80;text-shadow:var(--glow-blue)}.glow-purple{text-shadow:0 0 20px #9d4edd80;text-shadow:var(--glow-purple)}.glow-pink{text-shadow:0 0 20px #ff006e80;text-shadow:var(--glow-pink)}.neon-border-blue{border:2px solid #00d4ff;border:2px solid var(--primary-blue);box-shadow:0 0 20px #00d4ff80,inset 0 0 20px #00d4ff1a;box-shadow:var(--glow-blue),inset 0 0 20px #00d4ff1a}.neon-border-purple{border:2px solid #9d4edd;border:2px solid var(--primary-purple);box-shadow:0 0 20px #9d4edd80,inset 0 0 20px #9d4edd1a;box-shadow:var(--glow-purple),inset 0 0 20px #9d4edd1a}@keyframes pulse-glow{0%,to{filter:brightness(1);opacity:1}50%{filter:brightness(1.3);opacity:.8}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes score-pop{0%{transform:scale(1)}50%{filter:brightness(1.5);transform:scale(1.3)}to{transform:scale(1)}}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.btn{border:none;border-radius:8px;cursor:pointer;font-family:Orbitron,sans-serif;font-weight:600;letter-spacing:2px;overflow:hidden;padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl);position:relative;text-transform:uppercase;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#00d4ff,#9d4edd);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));box-shadow:0 4px 20px #00d4ff66;color:#fff}.btn-primary:hover{box-shadow:0 6px 30px #00d4ff99;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ff006e,#ff6b35);background:linear-gradient(135deg,var(--primary-pink),var(--primary-orange));box-shadow:0 4px 20px #ff006e66;color:#fff}.btn-danger:hover{box-shadow:0 6px 30px #ff006e99;transform:translateY(-2px)}.game-container{background:radial-gradient(ellipse at center,#1a1a2e 0,#0a0a0f 100%);height:100vh;left:0;position:fixed;top:0;width:100vw}.game-canvas,.hud-overlay{height:100%;width:100%}.hud-overlay{left:0;pointer-events:none;position:fixed;top:0;z-index:100}.hud-overlay>*{pointer-events:auto}.score-container{animation:slide-in-top .5s ease-out;gap:32px;gap:var(--spacing-xl);left:50%;position:absolute;top:24px;top:var(--spacing-lg);transform:translateX(-50%)}.score-card,.score-container{align-items:center;display:flex}.score-card{flex-direction:column;min-width:120px;padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl)}.score-card.player-1{border-left:4px solid #00d4ff;border-left:4px solid var(--primary-blue)}.score-card.player-2{border-left:4px solid #ff006e;border-left:4px solid var(--primary-pink)}.score-label{color:#ffffffb3;color:var(--text-secondary);font-size:12px;letter-spacing:3px;margin-bottom:4px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.score-value{font-family:Orbitron,sans-serif;font-size:48px;font-weight:900;line-height:1}.score-value.player-1{color:#00d4ff;color:var(--primary-blue);text-shadow:0 0 20px #00d4ff80;text-shadow:var(--glow-blue)}.score-value.player-2{color:#ff006e;color:var(--primary-pink);text-shadow:0 0 20px #ff006e80;text-shadow:var(--glow-pink)}.score-value.pop{animation:score-pop .3s ease-out}.score-divider{color:#fff6;color:var(--text-muted);font-family:Orbitron,sans-serif;font-size:32px;font-weight:300}.timer-container{position:absolute;right:24px;right:var(--spacing-lg);top:24px;top:var(--spacing-lg)}.timer{font-family:Orbitron,sans-serif;font-size:24px;font-weight:600;padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg)}.timer.warning{animation:pulse-glow .5s ease-in-out infinite;color:#ff6b35;color:var(--primary-orange)}.timer.critical{animation:pulse-glow .25s ease-in-out infinite;color:#ff006e;color:var(--primary-pink)}.powerup-container{bottom:24px;bottom:var(--spacing-lg);display:flex;gap:16px;gap:var(--spacing-md);left:50%;position:absolute;transform:translateX(-50%)}.powerup-slot{align-items:center;border-radius:12px;display:flex;height:60px;justify-content:center;transition:all .3s ease;width:60px}.powerup-slot.active{animation:pulse-glow 1s ease-in-out infinite}.powerup-icon{font-size:28px}.knockout-banner{animation:fade-in .3s ease-out;left:50%;padding:24px 48px;padding:var(--spacing-lg) var(--spacing-xxl);position:absolute;top:50%;transform:translate(-50%,-50%)}.knockout-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff006e,#ff6b35);background:linear-gradient(135deg,var(--primary-pink),var(--primary-orange));-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 30px rgba(255,0,110,.5));font-family:Orbitron,sans-serif;font-size:64px;font-weight:900;text-shadow:none;text-transform:uppercase}.controls-hint{bottom:24px;bottom:var(--spacing-lg);color:#fff6;color:var(--text-muted);font-size:14px;left:24px;left:var(--spacing-lg);position:absolute}.controls-hint kbd{background:#ffffff0d;background:var(--bg-glass);border:1px solid #ffffff1a;border-radius:4px;margin:0 2px;padding:4px 8px}.menu-screen{align-items:center;background:radial-gradient(ellipse at center,#1a1a2e 0,#0a0a0f 100%);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.game-title{-webkit-text-fill-color:#0000;animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#00d4ff,#9d4edd,#ff006e);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple),var(--primary-pink));-webkit-background-clip:text;background-clip:text;font-size:clamp(48px,8vw,96px);margin-bottom:32px;margin-bottom:var(--spacing-xl)}.game-subtitle{color:#ffffffb3;color:var(--text-secondary);font-size:18px;letter-spacing:4px;margin-bottom:48px;margin-bottom:var(--spacing-xxl)}.menu-buttons{gap:16px;gap:var(--spacing-md)}.menu-buttons,.victory-screen{display:flex;flex-direction:column}.victory-screen{align-items:center;animation:fade-in .5s ease-out;background:#000000e6;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.winner-text{font-family:Orbitron,sans-serif;font-size:clamp(36px,6vw,72px);font-weight:900;margin-bottom:32px;margin-bottom:var(--spacing-xl)}.winner-text.player-1{color:#00d4ff;color:var(--primary-blue);text-shadow:0 0 20px #00d4ff80;text-shadow:var(--glow-blue)}.winner-text.player-2{color:#ff006e;color:var(--primary-pink);text-shadow:0 0 20px #ff006e80;text-shadow:var(--glow-pink)}.final-score{color:#ffffffb3;color:var(--text-secondary);font-size:24px;margin-bottom:48px;margin-bottom:var(--spacing-xxl)}@media (max-width:768px){.score-value{font-size:36px}.score-card{min-width:80px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.timer{font-size:18px}.powerup-slot{height:48px;width:48px}.controls-hint{display:none}}.App{height:100%;width:100%}
/*# sourceMappingURL=main.96ef6a08.css.map*/