:root{--bg-darker: #05050f;--bg-dark: #0a0a18;--bg-card: rgba(18, 18, 38, .6);--border-glass: rgba(0, 240, 255, .15);--border-glass-hover: rgba(0, 240, 255, .3);--neon-cyan: #00f0ff;--neon-magenta: #ff007f;--neon-green: #39ff14;--neon-yellow: #ffb700;--neon-white: #f8f9fa;--text-primary: #f0f0f5;--text-secondary: #8f92a3;--text-muted: #535565;--font-display: "Orbitron", sans-serif;--font-body: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-darker);background-image:radial-gradient(circle at 20% 30%,rgba(0,240,255,.05) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,0,127,.05) 0%,transparent 40%);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden;height:100vh;display:flex;justify-content:center;align-items:center}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}.app-container{display:flex;flex-direction:column;width:100%;max-width:1400px;height:98vh;padding:10px;gap:12px}.app-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-glass);border-radius:12px;box-shadow:0 4px 20px #00000080,inset 0 0 10px #00f0ff0d}.logo-neon{font-family:var(--font-display);font-weight:900;font-size:1.8rem;letter-spacing:2px;color:var(--text-primary);text-shadow:0 0 10px rgba(255,255,255,.2),0 0 20px rgba(0,240,255,.3)}.accent-text{color:var(--neon-cyan);text-shadow:0 0 10px rgba(0,240,255,.6),0 0 20px rgba(0,240,255,.2)}.timer-container{display:flex;flex-direction:column;align-items:center}.timer-label{font-size:.65rem;font-family:var(--font-display);color:var(--text-secondary);letter-spacing:1.5px;margin-bottom:2px}.timer-digits{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--neon-yellow);text-shadow:0 0 10px rgba(255,183,0,.5);letter-spacing:1px}.header-controls{display:flex;align-items:center}.game-layout{display:grid;grid-template-columns:280px 1fr 280px;gap:12px;flex:1;min-height:0}.sidebar{display:flex;flex-direction:column;gap:12px;min-height:0}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:12px;padding:16px;box-shadow:0 8px 32px #0009;transition:border-color .3s ease,box-shadow .3s ease}.glass-panel:hover{border-color:var(--border-glass-hover)}.panel-heading{font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:1.5px;margin-bottom:16px;color:var(--neon-cyan);border-bottom:1px solid var(--border-glass);padding-bottom:8px;text-shadow:0 0 10px rgba(0,240,255,.3)}.player-panel{display:flex;flex-direction:column;flex:1}#panel-p1{border-left:4px solid var(--neon-cyan)}#panel-p2{border-left:4px solid var(--neon-magenta)}#panel-sp{border-left:4px solid var(--neon-yellow)}.player-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.player-avatar{width:42px;height:42px;border-radius:8px;display:flex;justify-content:center;align-items:center;font-family:var(--font-display);font-weight:900;font-size:1.1rem}.p1-avatar{background:#00f0ff26;border:2px solid var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 10px #00f0ff33}.p2-avatar{background:#ff007f26;border:2px solid var(--neon-magenta);color:var(--neon-magenta);box-shadow:0 0 10px #ff007f33}.player-title{font-family:var(--font-display);font-size:.85rem;font-weight:700;margin-bottom:4px}.badge{font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:1px}.badge-human{background:#00f0ff1a;border:1px solid var(--neon-cyan);color:var(--neon-cyan)}.badge-ai{background:#ff007f1a;border:1px solid var(--neon-magenta);color:var(--neon-magenta)}.stats-list{display:flex;flex-direction:column;gap:8px;flex:1;justify-content:center}.stat-item{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.05)}.stat-label{color:var(--text-secondary)}.stat-val{font-weight:600;font-family:var(--font-display);color:var(--text-primary)}#panel-p1 .stat-val{color:var(--neon-cyan)}#panel-p2 .stat-val{color:var(--neon-magenta)}.control-group{margin-bottom:14px}.control-group label{display:block;font-family:var(--font-display);font-size:.65rem;color:var(--text-secondary);margin-bottom:6px;letter-spacing:1px}.neon-select{width:100%;padding:10px;background:var(--bg-dark);border:1px solid var(--border-glass);border-radius:6px;color:var(--text-primary);font-family:var(--font-body);font-size:.85rem;outline:none;cursor:pointer;transition:border-color .3s}.neon-select:focus{border-color:var(--neon-cyan)}.neon-select option{background:var(--bg-dark)}.button-row{display:flex;flex-direction:column;gap:8px;margin-top:10px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:10px 16px;border-radius:6px;font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .2s ease;outline:none;text-decoration:none;border:none}.btn-primary{background:var(--neon-cyan);color:var(--bg-darker)}.btn-primary:hover{transform:translateY(-2px)}.btn-glow{box-shadow:0 0 12px #00f0ff66}.btn-glow:hover{box-shadow:0 0 20px #00f0ffb3}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--text-muted)}.btn-secondary:hover{background:#ffffff0d;color:var(--text-primary);border-color:var(--text-secondary)}.btn-icon{background:transparent;border:1px solid var(--border-glass);color:var(--text-primary);font-size:1.1rem;width:38px;height:38px;border-radius:8px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s}.btn-icon:hover{border-color:var(--neon-cyan);background:#00f0ff0d;box-shadow:0 0 8px #00f0ff33}.controls-guide{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.control-row{display:flex;align-items:center;gap:4px}.key-cap{background:#ffffff0f;border:1.5px solid var(--text-muted);border-bottom:3px solid var(--text-muted);border-radius:6px;padding:4px 8px;font-family:var(--font-display);font-size:.75rem;font-weight:700;color:var(--text-primary);box-shadow:inset 0 1px #fff3;min-width:28px;text-align:center}.wide-key{min-width:72px}.control-desc{font-size:.8rem;color:var(--text-secondary);margin-left:6px}.tips-box{background:#ffb7000d;border:1px dashed rgba(255,183,0,.2);border-radius:8px;padding:10px}.tips-box h3{font-family:var(--font-display);font-size:.7rem;color:var(--neon-yellow);margin-bottom:4px;letter-spacing:.5px}.tips-box p{font-size:.75rem;color:var(--text-secondary);line-height:1.35}.arena-container{display:flex;justify-content:center;align-items:center;min-width:0}.shaker-wrapper{position:relative;border-radius:16px;padding:6px;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-magenta));box-shadow:0 10px 40px #000c,0 0 15px #00f0ff33}.shake-animation{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}canvas{display:block;background-color:#040409;border-radius:12px;image-rendering:pixelated;image-rendering:crisp-edges}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}#action-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background:#04040966;border-radius:12px;pointer-events:none;z-index:10;opacity:1;transition:opacity .3s ease}.action-overlay-hidden{opacity:0!important}#action-text{font-family:var(--font-display);font-size:3.5rem;font-weight:900;letter-spacing:4px;color:var(--neon-white);text-shadow:0 0 15px var(--neon-cyan),0 0 30px var(--neon-cyan);animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#030307cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:100;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.active{opacity:1;pointer-events:all}.modal-content{width:100%;max-width:540px;padding:32px;text-align:center;background:#0c0c1cd9;border:1px solid rgba(0,240,255,.3);box-shadow:0 0 40px #00f0ff40,inset 0 0 20px #ffffff05}.modal-title{font-size:2.8rem;margin-bottom:4px}.modal-subtitle{font-size:.95rem;color:var(--text-secondary);letter-spacing:1.5px;margin-bottom:28px}.modal-setup-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}.setup-option{background:#ffffff08;border:1px solid var(--text-muted);border-radius:8px;padding:18px 12px;cursor:pointer;transition:all .2s ease}.setup-option:hover{background:#00f0ff0d;border-color:var(--neon-cyan);box-shadow:0 0 12px #00f0ff26}.setup-option.selected{background:#00f0ff1a;border-color:var(--neon-cyan);box-shadow:0 0 15px #00f0ff4d}.setup-option h3{font-family:var(--font-display);font-size:.9rem;margin-bottom:6px;color:var(--neon-white)}.setup-option.selected h3{color:var(--neon-cyan)}.setup-option p{font-size:.75rem;color:var(--text-secondary);line-height:1.3}.large-btn{width:100%;padding:14px;font-size:.95rem;border-radius:8px}.hidden{display:none!important}.winner-title{font-size:2.2rem;margin-bottom:8px;text-shadow:0 0 15px var(--neon-cyan)}.winner-desc{font-size:.9rem;color:var(--text-secondary);margin-bottom:24px}.stats-comparison{display:flex;justify-content:center;align-items:center;background:#ffffff05;border:1px dashed rgba(255,255,255,.08);border-radius:10px;padding:18px;margin-bottom:28px}.stats-col{flex:1;display:flex;flex-direction:column;gap:6px}.stats-col h3{font-family:var(--font-display);font-size:.8rem;letter-spacing:1px;margin-bottom:4px}.stats-col:first-of-type h3{color:var(--neon-cyan)}.stats-col:last-of-type h3{color:var(--neon-magenta)}.stats-col.separator{max-width:1px;height:48px;background:var(--text-muted);margin:0 20px}.modal-stat{font-size:.8rem;color:var(--text-secondary)}.modal-stat span{font-weight:700;color:var(--text-primary)}.scale-control{display:flex;align-items:center;gap:8px;margin-right:20px;padding:4px 8px;background:#ffffff08;border:1px solid var(--border-glass);border-radius:8px}.scale-icon{font-size:.9rem;opacity:.8}.scale-label{font-family:var(--font-display);font-size:.7rem;font-weight:700;color:var(--text-secondary);letter-spacing:1px}.scale-slider{cursor:pointer;accent-color:var(--neon-cyan);width:90px;height:6px;background:var(--bg-dark);border:1px solid var(--border-glass);border-radius:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.scale-slider::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer}.scale-slider::-webkit-slider-thumb{height:12px;width:12px;border-radius:50%;background:var(--neon-cyan);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-3px;box-shadow:0 0 6px var(--neon-cyan);transition:transform .1s}.scale-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.scale-val{font-family:var(--font-display);font-size:.75rem;font-weight:700;color:var(--neon-cyan);min-width:40px;text-align:right;text-shadow:0 0 8px rgba(0,240,255,.4)}.purchase-panel{border-left:4px solid var(--neon-yellow)!important}.premium-heading{color:var(--neon-yellow)!important;border-bottom:1px solid rgba(255,183,0,.15)!important;text-shadow:0 0 10px rgba(255,183,0,.3)!important}.premium-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin-bottom:10px}.premium-plays-row{font-family:var(--font-display);font-size:.75rem;color:var(--text-secondary);margin-bottom:14px}.premium-plays-row span{color:var(--neon-cyan);font-weight:700;text-shadow:0 0 8px rgba(0,240,255,.4)}.btn-premium{background:var(--neon-yellow)!important;color:var(--bg-darker)!important;box-shadow:0 0 12px #ffb7004d!important}.btn-premium:hover{box-shadow:0 0 20px #ffb700b3!important}.lock-content{border-color:#ffb7004d!important;box-shadow:0 0 45px #ffb70040!important}.premium-logo{color:var(--neon-yellow)!important;text-shadow:0 0 15px var(--neon-yellow)!important}.lock-details{flex-direction:column;gap:10px;padding:20px;max-width:380px;margin:0 auto 28px;border-color:#ffb70033!important}.lock-subheading{color:var(--neon-yellow)!important;font-size:1rem;font-family:var(--font-display);margin-bottom:8px}