vite-error-overlay,iframe[style*="background-color: rgb(24, 24, 24)"]{display:none!important;visibility:hidden!important;pointer-events:none!important;z-index:-9999!important}:root{--bg-dark: #020617;--bg-panel: #0f172a;--primary: #3b82f6;--primary-glow: rgba(59, 130, 246, .5);--accent: #06b6d4;--accent-glow: rgba(6, 182, 212, .5);--alert: #ef4444;--text-main: #f8fafc;--text-muted: #94a3b8;--font-main: "Inter", sans-serif;--font-display: "Orbitron", sans-serif}@keyframes sparkleShine{0%{transform:scale(1);filter:brightness(1);border-color:#fff3}50%{transform:scale(1.05);filter:brightness(1.7) drop-shadow(0 0 15px #fbbf24);border-color:#fbbf24}to{transform:scale(1);filter:brightness(1);border-color:#fff3}}.animate-sparkle{animation:sparkleShine .8s ease-in-out}body{margin:0;display:flex;place-items:center;width:100vw;height:100vh;background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-main);overflow:hidden;overscroll-behavior:none;touch-action:pan-x pan-y;position:fixed}#root{width:100%;max-width:1280px;margin:0 auto;padding:1rem;text-align:center;height:100%;overflow-y:auto;display:flex;flex-direction:column}.arena-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.player-info{display:flex;align-items:center;gap:1rem;text-align:left}.opponent-info{display:flex;align-items:center;gap:1rem;text-align:right;flex-direction:row-reverse}.avatar-container{position:relative;width:60px;height:60px;flex-shrink:0}.player-name{margin:0;font-size:1.2rem;font-weight:700}.player-stats{font-size:.7rem;color:var(--text-muted);white-space:nowrap}.timer-display{text-align:center;flex-shrink:0;padding:0 .5rem}.timer-count{font-size:2.5rem;font-family:var(--font-display)}@media (max-width: 600px){#root{padding:.5rem}.game-btn{padding:.8rem 1rem;font-size:.9rem}.arena-header{margin-bottom:.5rem}.avatar-container{width:45px;height:45px}.player-info,.opponent-info{gap:.5rem}.player-name{font-size:.9rem}.player-stats{font-size:.6rem;display:flex;flex-direction:column;line-height:1.1}.timer-count{font-size:1.8rem}.timer-display{font-size:.7rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glowPulse{0%{box-shadow:0 0 5px var(--primary-glow)}50%{box-shadow:0 0 20px var(--primary-glow),0 0 10px var(--primary)}to{box-shadow:0 0 5px var(--primary-glow)}}@keyframes floatUp{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.4;transform:translateY(90vh) scale(1)}90%{opacity:.4;transform:translateY(10vh) scale(1)}to{transform:translateY(-10vh) scale(0);opacity:0}}.game-btn{background:transparent;border:1px solid var(--primary);color:var(--primary);padding:1rem 2rem;font-family:var(--font-display);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .25s;text-transform:uppercase;letter-spacing:1.5px;position:relative;overflow:hidden;width:100%;border-radius:8px}.game-btn:hover{background:var(--primary);color:var(--bg-dark);box-shadow:0 0 15px var(--primary-glow)}.game-btn:disabled{border-color:var(--text-muted);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.title-text{font-family:var(--font-display);background:linear-gradient(135deg,var(--text-main) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px var(--primary-glow)}@keyframes slideDown{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes slideUp{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-100%);opacity:0}}.toast-enter{animation:slideDown .5s ease-out forwards}.toast-exit{animation:slideUp .5s ease-in forwards}.hover-scale{transition:transform .2s,filter .2s,box-shadow .2s}.hover-scale:hover{transform:scale(1.05);filter:brightness(1.3);box-shadow:0 0 20px #ffffff1a;z-index:10}