body{color:#fff;background:radial-gradient(circle,#0a0a1a,#000);justify-content:center;align-items:center;height:100vh;margin:0;font-family:Orbitron,sans-serif;display:flex;overflow:hidden}.arena{text-align:center;z-index:2;box-sizing:border-box;width:100%;max-width:600px;padding:10px;position:relative}.title{text-shadow:0 0 15px #0ff,0 0 40px #0ff;margin-top:-42px;margin-bottom:72px;font-size:clamp(1.8rem,5vw,2.8rem);animation:2s infinite alternate flicker}.mode-selection{justify-content:center;gap:20px;margin-top:40px;display:flex}.mode-btn{cursor:pointer;text-shadow:0 0 10px #fff;background:linear-gradient(90deg,#ff6ec4,#7873f5);border:none;border-radius:12px;padding:12px 24px;font-size:clamp(1rem,3vw,1.2rem)}.mode-btn:hover{transform:scale(1.05);box-shadow:0 0 25px #f0f}.board{aspect-ratio:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);width:min(90vw,340px);margin:20px auto;transition:transform .6s;display:grid;transform:rotate(45deg)}.board.sweep{filter:brightness(1.3);transform:rotate(405deg)scale(1.05)}.pad{cursor:pointer;background:var(--pad-color);width:99%;height:99%;box-shadow:0 0 20px var(--pad-color),inset 0 0 30px #0009;border-radius:20%;justify-content:center;align-items:center;transition:all .2s;display:flex}.pad.active{box-shadow:0 0 40px var(--pad-color),0 0 80px var(--pad-color);transform:scale(1.1)}.glow{text-shadow:0 0 5px var(--glow-color,cyan),0 0 10px var(--glow-color,cyan),0 0 20px var(--glow-color,cyan),0 0 40px var(--glow-color,cyan);transition:all .3s}.big-glow{margin-top:10px;font-size:clamp(1rem,3vw,1.4rem);animation:2s infinite pulse}.hud-text{margin:8px;font-size:clamp(.9rem,2vw,1.2rem)}.start-btn{color:#fff;cursor:pointer;text-shadow:0 0 10px #fff;background:linear-gradient(90deg,#00c6ff,#0072ff);border:none;border-radius:10px;margin-top:15px;padding:10px 24px;font-size:clamp(1rem,3vw,1.2rem);transition:all .3s}.start-btn:hover{transform:scale(1.05);box-shadow:0 0 25px #0ff}#particles{z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.hud{margin-top:72px}@keyframes pulse{0%,to{text-shadow:0 0 5px var(--glow-color,cyan),0 0 20px var(--glow-color,cyan)}50%{text-shadow:0 0 25px var(--glow-color,cyan),0 0 50px var(--glow-color,cyan)}}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.6}}@media (max-width:480px){.board{width:80vw}}@media (min-width:1000px){.board{width:280px}}.waiting-modal{z-index:9999;background:#0a0a1ad9;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.waiting-modal.hidden{display:none}.waiting-content{text-align:center}.spinner{border:8px solid #0a0a1a;border-top-color:#00c6ff;border-radius:50%;width:80px;height:80px;margin:0 auto 20px;animation:1s linear infinite spin}.waiting-text{color:#00c6ff;text-shadow:0 0 10px #00c6ff,0 0 20px #00c6ff;font-size:clamp(1rem,3vw,1.4rem)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result-modal{z-index:99999;opacity:0;pointer-events:none;background:#0a0a1ae6;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s,transform .4s;display:flex;position:fixed;top:0;left:0}.result-modal.show{opacity:1;pointer-events:auto}.result-content{text-align:center;background:radial-gradient(circle,#0a0a1a,#000);border:2px solid #0ff;border-radius:20px;max-width:90%;padding:40px 50px;animation:.5s popup;box-shadow:0 0 40px #0ff,inset 0 0 40px #0ff3}@keyframes popup{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.result-title{text-shadow:0 0 20px var(--result-color,cyan),0 0 40px var(--result-color,cyan);margin-bottom:20px;font-size:clamp(1.8rem,5vw,2.6rem)}.result-text{color:#fff;text-shadow:0 0 10px var(--result-color,cyan);margin-bottom:32px;font-size:clamp(1rem,3vw,1.3rem)}.result-btn{background:linear-gradient(90deg,var(--result-color,cyan),#00c6ff);color:#fff;cursor:pointer;text-shadow:0 0 10px #fff;border:none;border-radius:12px;padding:12px 28px;font-size:clamp(1rem,3vw,1.2rem);transition:all .3s}.result-btn:hover{box-shadow:0 0 30px var(--result-color,cyan);transform:scale(1.1)}