@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@400;600;700&family=Inter:wght@300;400;600;700&display=swap";:root{--bg-primary: #0A0B0F;--bg-panel: #10131A;--bg-card: #0F1722;--cyan: #00E5FF;--cyan-glow: rgba(0, 229, 255, .3);--magenta: #FF0055;--magenta-glow: rgba(255, 0, 85, .3);--success: #00FF88;--gray-text: #6B7280;--gray-border: #1F2937;--white-dim: rgba(255, 255, 255, .85);--content-max: min(92vw, 1200px);--content-wide: min(95vw, 1300px);--section-pad: clamp(.75rem, 3vw, 2rem);--card-pad: clamp(.75rem, 2vw, 1.5rem);--text-sm: clamp(.6rem, 1.5vw, .85rem);--text-md: clamp(.75rem, 2vw, 1rem);--text-lg: clamp(1rem, 3vw, 1.5rem);--text-xl: clamp(1.2rem, 4vw, 2rem);--text-xxl: clamp(1.5rem, 5vw, 3rem);--touch-min: 44px}*{-webkit-tap-highlight-color:transparent}@supports (padding: max(0px)){.safe-bottom{padding-bottom:max(var(--section-pad),env(safe-area-inset-bottom,0px))}}.app{width:100vw;min-height:100vh;background-color:var(--bg-primary);display:flex;flex-direction:column;align-items:stretch;position:relative}.connection-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.connection-status{text-align:center}.connection-status p{margin-top:1rem;color:var(--cyan);font-family:Rajdhani,sans-serif;font-weight:600;font-size:1.2rem;letter-spacing:2px}.spinner{width:50px;height:50px;border:3px solid rgba(0,229,255,.3);border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.main-menu{text-align:center;padding:2rem;max-width:1200px;width:100%}.game-title{font-family:Orbitron,sans-serif;font-size:3rem;font-weight:900;background:linear-gradient(135deg,#00e5ff,#09c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:3px}.game-subtitle{font-family:Rajdhani,sans-serif;font-weight:600;font-size:1rem;color:var(--gray-text);margin-bottom:3rem;letter-spacing:6px;text-transform:uppercase}.menu-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.menu-btn{padding:1rem 2rem;font-size:1.1rem;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:2px;font-weight:600;font-family:Rajdhani,sans-serif;min-height:var(--touch-min);touch-action:manipulation}@media (max-width: 480px){.menu-btn{padding:.85rem 1.2rem;font-size:.95rem}}.menu-btn.primary{background:linear-gradient(135deg,#00e5ff,#09c);color:#000;font-weight:700}.menu-btn.primary:hover{box-shadow:0 0 30px var(--cyan-glow)}.menu-btn.secondary{background:transparent;border-color:var(--cyan);color:var(--cyan)}.menu-btn.secondary:hover{background:#00e5ff14;box-shadow:0 0 20px var(--cyan-glow)}.menu-btn.tertiary{background:transparent;border-color:var(--magenta);color:var(--magenta)}.menu-btn.tertiary:hover{background:#ff005514;box-shadow:0 0 20px var(--magenta-glow)}.game-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.game-header{position:absolute;top:0;left:0;right:0;padding:1rem;display:flex;justify-content:space-between;align-items:center;z-index:100;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}.score-display{display:flex;align-items:center;gap:2rem}.player-score{text-align:center}.player-score .name{font-size:.9rem;color:#6b7280;text-transform:uppercase;letter-spacing:2px;font-family:Rajdhani,sans-serif}.player-score .score{font-size:2rem;font-weight:700;color:var(--cyan);font-family:Rajdhani,sans-serif}.player-score.opponent .score{color:var(--magenta)}.vs-divider{font-size:1.2rem;color:#4b5563;font-family:Orbitron,sans-serif}.timer{font-size:1.5rem;font-weight:700;color:#fff;font-family:Orbitron,monospace}.game-canvas-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center}.game-canvas{box-shadow:0 0 50px #00e5ff26;border:1px solid rgba(0,229,255,.2);border-radius:8px}.lobby-container{text-align:center;padding:2rem}.lobby-title{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--cyan);letter-spacing:3px;text-transform:uppercase}.lobby-status{font-family:Rajdhani,sans-serif;font-weight:600;font-size:1.2rem;color:#6b7280;margin-bottom:2rem;letter-spacing:1px}.player-list{display:flex;gap:2rem;justify-content:center;margin-bottom:2rem}.lobby-player{padding:1.5rem 2rem;background:var(--bg-panel);border-radius:8px;min-width:180px;border:1px solid var(--gray-border);transition:all .3s}.lobby-player.ready{border-color:var(--cyan);box-shadow:0 0 20px var(--cyan-glow)}.lobby-player .status{font-family:Rajdhani,sans-serif;font-size:.8rem;color:#6b7280;margin-top:.5rem;letter-spacing:1px}.ready-btn{padding:1rem 3rem;font-size:1.1rem;background:linear-gradient(135deg,#00e5ff,#09c);border:none;border-radius:6px;color:#000;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:3px;font-family:Orbitron,sans-serif;transition:all .2s;touch-action:manipulation}.ready-btn:hover{box-shadow:0 0 30px var(--cyan-glow)}.ready-btn:disabled{opacity:.4;cursor:not-allowed}.leaderboard-container{width:100%;max-width:1200px;padding:2rem}.leaderboard-title{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700;text-align:center;margin-bottom:2rem;color:var(--cyan);letter-spacing:4px;text-transform:uppercase}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table th,.leaderboard-table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.leaderboard-table th{color:#6b7280;font-weight:600;text-transform:uppercase;font-family:Rajdhani,sans-serif;font-size:.8rem;letter-spacing:2px}.leaderboard-table td{color:#fff;font-family:Inter,sans-serif;font-size:.9rem}.leaderboard-table tr:hover{background:#00e5ff08}.rank-1{color:var(--cyan);font-weight:700}.rank-2{color:silver;font-weight:700}.rank-3{color:#cd7f32;font-weight:700}.game-over-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:1000}.game-over-content{text-align:center;padding:3rem;background:var(--bg-panel);border:1px solid var(--gray-border);border-radius:12px}.game-over-title{font-family:Orbitron,sans-serif;font-size:3rem;margin-bottom:1rem;letter-spacing:4px}.game-over-title.victory{color:var(--cyan)}.game-over-title.defeat{color:var(--magenta)}.game-over-stats{margin:2rem 0;font-size:1.2rem}.game-over-stats p{margin:.5rem 0;color:#6b7280;font-family:Rajdhani,sans-serif}.combo-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:50}.combo-text{font-size:3rem;font-weight:700;text-transform:uppercase;font-family:Rajdhani,sans-serif;animation:combo-pop .5s ease-out}.combo-3{color:var(--cyan);text-shadow:0 0 20px var(--cyan-glow)}.combo-5{color:#0cf;text-shadow:0 0 30px rgba(0,204,255,.5)}.combo-10{color:var(--magenta);text-shadow:0 0 40px var(--magenta-glow)}.combo-15{color:#fa0;text-shadow:0 0 50px rgba(255,170,0,.5)}@keyframes combo-pop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@media (hover: none) and (pointer: coarse){button,button[style*="cursor: pointer"],[role=button],input,select{min-height:var(--touch-min)!important;min-width:var(--touch-min)!important}}@media (max-width: 480px){.game-title{font-size:1.6rem;letter-spacing:1px}.game-subtitle{font-size:.75rem;letter-spacing:3px;margin-bottom:1.5rem}.app main{padding-left:.75rem!important;padding-right:.75rem!important}.menu-btn{padding:.75rem 1.2rem;font-size:.9rem;letter-spacing:1px}.game-over-title{font-size:clamp(1.5rem,8vw,2rem)}.leaderboard-responsive-col{min-width:0!important}.attack-grid-btn{font-size:.55rem!important;padding:4px 1px!important}.attack-grid-btn>div:first-child{font-size:.6rem!important}.hud-pfp-circle{width:44px!important;height:44px!important}.hud-pfp-inner{width:38px!important;height:38px!important}.hud-score{font-size:clamp(1rem,5vw,1.4rem)!important}.hud-username{font-size:clamp(.6rem,3vw,.8rem)!important}.voice-mic-btn{width:44px!important;height:44px!important}}@media (min-width: 481px) and (max-width: 768px){.game-title{font-size:2rem}.game-subtitle{font-size:.85rem}.leaderboard-responsive-col{min-width:0!important}.attack-grid-btn{font-size:.65rem!important}.hud-pfp-circle{width:52px!important;height:52px!important}.hud-score{font-size:clamp(1.2rem,4vw,1.6rem)!important}}@media (min-width: 769px) and (max-width: 1200px){.game-title{font-size:2.5rem}}.responsive-grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:clamp(.5rem,2vw,1.5rem)}@media (min-width: 768px){.responsive-grid-4{grid-template-columns:repeat(4,1fr)}}.responsive-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:clamp(.5rem,2vw,1.5rem)}@media (min-width: 768px){.responsive-grid-3{grid-template-columns:repeat(3,1fr)}}.responsive-grid-2{display:grid;grid-template-columns:1fr;gap:clamp(.5rem,2vw,1rem)}@media (min-width: 480px){.responsive-grid-2{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dual-arena{flex-direction:column!important;height:auto!important;min-height:auto!important}.dual-arena>div{height:40vh!important;min-height:240px!important}.replay-header,.replay-controls{flex-wrap:wrap!important;gap:.4rem!important}.replay-controls input[type=range]{max-width:none!important}}@media (max-width: 480px){.htp-attack-list>div{flex-wrap:wrap!important}.htp-attack-list>div>span[style*="min-width: 80px"]{min-width:70px!important}.htp-step-circle{width:28px!important;height:28px!important;font-size:.75rem!important}}@media (max-width: 480px){.lobby-player-cards>div{max-width:100%!important}.lobby-player-card{max-width:100%!important;min-width:0!important;flex:1 1 100%!important}}@media (max-width: 768px){.hero-banner{height:220px!important}}@media (max-width: 480px){.hero-banner{height:180px!important}.hero-title{font-size:clamp(1.2rem,6vw,1.6rem)!important;letter-spacing:3px!important}.hero-subtitle{font-size:.7rem!important;letter-spacing:3px!important}.mainmenu-button-row{flex-direction:column!important}.mainmenu-btn{padding:1.2rem .8rem!important;font-size:1rem!important}.mainmenu-wager-row{flex-wrap:wrap!important;gap:.4rem!important}.mainmenu-wager-label{width:100%!important;margin-bottom:.3rem!important}}@media (max-width: 1024px){.mainmenu-three-col{grid-template-columns:1fr!important}}@media (max-width: 480px){.game-scene-wrapper{padding-bottom:200px!important}#game-container{filter:none!important}}@media (max-width: 480px){.solo-skin-selector button{min-width:90px!important;padding:.7rem 1rem!important;font-size:.75rem!important}.solo-start-btn{padding:.8rem 2rem!important;font-size:1rem!important}.solo-skin-title{font-size:clamp(1rem,5vw,1.4rem)!important}.solo-gameover-score{font-size:clamp(1.5rem,8vw,2rem)!important}.solo-gameover-btn-row{flex-direction:column!important;align-items:center!important}.solo-gameover-btn-row>button{width:100%!important;max-width:280px!important}}@media (max-width: 480px){.matchmaking-page main{padding:1rem .75rem!important}}@media (max-width: 480px){.profile-page{padding:1rem .75rem!important}.profile-stats-grid{grid-template-columns:repeat(2,1fr)!important}}html,body{max-width:100%;overflow-x:hidden}@media (max-width: 768px){.game-title{font-size:2rem}.menu-btn{padding:.75rem 1.5rem;font-size:.9rem}.player-list{flex-direction:column;gap:1rem}}