.rr-container{--primary:#3b82f6;--secondary:#22c55e;--accent:#f59e0b;--danger:#ef4444;--purple:#a855f7;--bg-dark:#030712;--bg-medium:#0a1628;--text-primary:#e2e8f0;--text-muted:#e2e8f099;background:var(--bg-dark);color:var(--text-primary);width:100%;height:100%;min-height:100vh;font-family:Orbitron,"Exo 2",sans-serif;position:relative;overflow:hidden}.rr-grid-bg{pointer-events:none;background-color:#0000;background-image:linear-gradient(#3b82f608 1px,#0000 1px),linear-gradient(90deg,#3b82f608 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.rr-container.slow-motion{filter:saturate(.7)brightness(1.2)}.rr-container.slow-motion:before{content:"";pointer-events:none;z-index:50;background:radial-gradient(circle,#0000 30%,#3b82f633 100%);position:absolute;inset:0}.rr-container.in-zone{animation:1s infinite zone-pulse}@keyframes zone-pulse{0%,to{box-shadow:inset 0 0 50px #f59e0b1a}50%{box-shadow:inset 0 0 100px #f59e0b33}}.rr-flash-overlay{opacity:.3;pointer-events:none;z-index:100;animation:.15s ease-out forwards flash-out;position:absolute;inset:0}@keyframes flash-out{0%{opacity:.4}to{opacity:0}}.rr-zone-overlay{pointer-events:none;z-index:5;background:radial-gradient(circle,#0000 30%,#f59e0b26 100%);animation:2s infinite zone-breathe;position:absolute;inset:0}@keyframes zone-breathe{0%,to{opacity:.5}50%{opacity:1}}.rr-menu{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.rr-title{letter-spacing:.15em;color:var(--primary);text-shadow:0 0 30px #3b82f680;margin-bottom:.5rem;font-size:clamp(2rem,6vw,3.5rem);font-weight:900}.rr-title-icon{animation:1.5s infinite icon-pulse;display:inline-block}@keyframes icon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.rr-subtitle{color:var(--text-muted);letter-spacing:.2em;margin-bottom:3rem;font-size:1rem}.rr-difficulty-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;width:100%;max-width:800px;margin-bottom:2rem;display:grid}.rr-difficulty-card{cursor:pointer;background:linear-gradient(135deg,#3b82f61a,#a855f70d);border:2px solid #3b82f64d;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;transition:all .3s;display:flex}.rr-difficulty-card:hover{border-color:var(--primary);background:linear-gradient(135deg,#3b82f633,#a855f71a);transform:translateY(-4px);box-shadow:0 8px 30px #3b82f64d}.rr-diff-icon{font-size:2.5rem}.rr-diff-name{letter-spacing:.1em;font-size:1.1rem;font-weight:700}.rr-diff-desc{color:var(--text-muted);font-size:.8rem}.rr-back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;padding:.75rem 1.5rem;transition:all .2s}.rr-back-btn:hover{color:#fff;border-color:#fff6}.rr-arena{flex-direction:column;padding:1rem;display:flex}.rr-arena-header{justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem;display:flex}.rr-player-stats{flex-direction:column;gap:.4rem;min-width:180px;display:flex}.rr-bar-display{align-items:center;gap:.5rem;display:flex}.rr-bar-label{color:var(--text-muted);width:24px;font-size:.7rem;font-weight:700}.rr-bar-container{background:#00000080;border-radius:5px;flex:1;height:10px;overflow:hidden}.rr-bar-fill{border-radius:5px;height:100%;transition:width .3s}.rr-bar-value{text-align:right;min-width:50px;font-size:.7rem}.rr-tier-info{text-align:center}.rr-tier{color:var(--primary);text-shadow:0 0 20px #3b82f680;font-size:1.8rem;font-weight:900;display:block}.rr-wave{color:var(--text-muted);font-size:.9rem}.rr-level-info{text-align:right}.rr-level{color:var(--accent);font-size:1.2rem;font-weight:700;display:block}.rr-score{color:var(--text-muted);font-size:.9rem}.rr-arena-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.rr-reaction-preview{margin-bottom:2rem}.rr-reaction-preview h2{color:var(--primary);margin-bottom:.5rem;font-size:1.5rem}.rr-reaction-preview p{color:var(--text-muted);margin-bottom:.25rem}.rr-response-legend{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.rr-response-item{background:#0000004d;border:2px solid;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .75rem;display:flex}.rr-response-name{font-size:.8rem;font-weight:600}.rr-start-btn{background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;letter-spacing:.1em;cursor:pointer;border:none;border-radius:12px;padding:1.25rem 3rem;font-size:1.5rem;font-weight:900;transition:all .3s;animation:2s infinite start-pulse}@keyframes start-pulse{0%,to{box-shadow:0 0 20px #3b82f666}50%{box-shadow:0 0 40px #3b82f699}}.rr-start-btn:hover{transform:scale(1.05);box-shadow:0 0 50px #3b82f680}.rr-bottom-actions{justify-content:center;padding:1rem;display:flex}.rr-skill-btn{border:2px solid var(--purple);color:var(--purple);cursor:pointer;background:#ffffff0d;border-radius:8px;padding:.75rem 1.5rem;transition:all .2s}.rr-skill-btn:hover{background:#a855f71a}.rr-quip{text-align:center;color:var(--text-muted);padding:1rem;font-style:italic}.rr-combat{flex-direction:column;display:flex}.rr-hud{z-index:10;background:#000000b3;border-bottom:1px solid #3b82f64d;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.rr-hud-left,.rr-hud-right{align-items:center;gap:1rem;display:flex}.rr-health-display,.rr-energy-display{align-items:center;gap:.5rem;display:flex}.rr-hud-bar{background:#00000080;border-radius:4px;width:80px;height:8px;overflow:hidden}.rr-hud-fill{border-radius:4px;height:100%;transition:width .2s}.rr-hud-fill.rr-health{background:var(--secondary)}.rr-hud-fill.rr-energy{background:var(--primary)}.rr-hud-value{min-width:45px;font-size:.75rem}.rr-hud-center{text-align:center}.rr-combo-display{min-height:2.5rem}.rr-combo{color:var(--accent);text-shadow:0 0 15px #f59e0b80;font-size:2rem;font-weight:900;animation:.3s combo-bounce}@keyframes combo-bounce{0%{transform:scale(1.3)}to{transform:scale(1)}}.rr-combo.mega{color:#fff;animation:.5s infinite mega-combo}@keyframes mega-combo{0%,to{text-shadow:0 0 15px #f59e0b80}50%{text-shadow:0 0 30px #f59e0bcc,0 0 60px #ef444480}}.rr-tier-display{color:var(--text-muted);font-size:.8rem}.rr-zone-meter{flex-direction:column;align-items:center;gap:.25rem;display:flex}.rr-zone-bar{background:#00000080;border-radius:3px;width:60px;height:6px;overflow:hidden}.rr-zone-fill{background:linear-gradient(90deg,var(--accent),#ef4444);border-radius:3px;height:100%;transition:width .2s}.rr-zone-label{color:var(--accent);font-size:.65rem;font-weight:700}.rr-score-display{color:var(--secondary);font-size:.9rem;font-weight:700}.rr-pause-btn{cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;padding:.4rem;font-size:1rem}.rr-boss-bar{border-bottom:2px solid var(--danger);background:#ef44441a;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.rr-boss-name{color:var(--danger);min-width:120px;font-size:.8rem;font-weight:700}.rr-boss-health-bar{background:#00000080;border-radius:6px;flex:1;height:12px;overflow:hidden}.rr-boss-health-fill{background:linear-gradient(90deg,var(--danger),#f59e0b);border-radius:6px;height:100%;transition:width .3s}.rr-boss-hp{text-align:right;min-width:80px;font-size:.8rem;font-weight:700}.rr-reaction-zone{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.rr-player-core{width:80px;height:80px;position:relative}.rr-core-ring{border:3px solid var(--primary);border-radius:50%;animation:10s linear infinite core-spin;position:absolute;inset:0}@keyframes core-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rr-core-inner{background:#3b82f633;border-radius:50%;justify-content:center;align-items:center;font-size:2rem;display:flex;position:absolute;inset:10px}.in-zone .rr-core-inner{background:#f59e0b4d;box-shadow:0 0 30px #f59e0b80}.rr-direction-btn{cursor:pointer;background:#ffffff0d;border:2px solid #fff3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:50px;height:50px;transition:all .15s;display:flex;position:absolute}.rr-direction-btn:hover{border-color:var(--primary);background:#3b82f633}.rr-direction-btn.has-threat{animation:.5s infinite threat-pulse}.rr-direction-btn.approaching{border-color:var(--accent);box-shadow:0 0 15px #f59e0b4d}.rr-direction-btn.imminent{border-color:#f97316;box-shadow:0 0 20px #f9731680}.rr-direction-btn.critical{border-color:var(--danger);animation:.2s infinite critical-pulse;box-shadow:0 0 25px #ef444499}@keyframes threat-pulse{0%,to{transform:rotate(var(--angle))translateY(-120px)rotate(calc(-1*var(--angle)))scale(1)}50%{transform:rotate(var(--angle))translateY(-120px)rotate(calc(-1*var(--angle)))scale(1.1)}}@keyframes critical-pulse{0%,to{transform:rotate(var(--angle))translateY(-120px)rotate(calc(-1*var(--angle)))scale(1)}50%{transform:rotate(var(--angle))translateY(-120px)rotate(calc(-1*var(--angle)))scale(1.15)}}.rr-dir-label{color:#ffffffb3;font-size:.7rem;font-weight:700}.rr-threat-indicator{font-size:1rem}.rr-threat{pointer-events:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute}.rr-threat-icon{filter:drop-shadow(0 0 5px);font-size:1.5rem}.rr-threat.strike{color:var(--danger)}.rr-threat.projectile{color:var(--primary)}.rr-threat.beam{color:var(--accent)}.rr-threat.wave{color:#06b6d4}.rr-threat.boss{color:#fff}.rr-threat.critical .rr-threat-icon{animation:.1s infinite threat-shake}@keyframes threat-shake{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.rr-response-bar{background:#000000b3;border-top:1px solid #ffffff1a;justify-content:center;gap:.5rem;padding:1rem;display:flex}.rr-response-btn{cursor:pointer;background:#0000004d;border:2px solid;border-radius:8px;flex-direction:column;align-items:center;gap:.25rem;min-width:70px;padding:.5rem 1rem;transition:all .15s;display:flex}.rr-response-btn:hover{transform:translateY(-2px)}.rr-response-btn.active{transform:translateY(-3px);box-shadow:0 4px 15px #ffffff1a}.rr-response-key{background:#ffffff1a;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex}.rr-response-label{font-size:.65rem;font-weight:600}.rr-slow-btn{border:2px solid var(--purple);cursor:pointer;background:#a855f71a;border-radius:8px;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;transition:all .15s;display:flex}.rr-slow-btn:hover:not(:disabled){background:#a855f733}.rr-slow-btn:disabled{opacity:.4;cursor:not-allowed}.rr-slow-key{color:var(--text-muted);font-size:.6rem}.rr-slow-label{color:var(--purple);font-size:.65rem;font-weight:600}.rr-hit-effect{pointer-events:none;text-shadow:0 0 10px;z-index:100;transform-origin:50%;font-size:1.3rem;font-weight:900;position:absolute}.rr-hit-effect.rr-perfect{color:var(--accent)}.rr-hit-effect.rr-great{color:var(--secondary)}.rr-hit-effect.rr-good{color:var(--primary)}.rr-hit-effect.rr-hit{color:var(--danger)}.rr-hit-effect.rr-miss{color:#94a3b8}.rr-hit-effect.rr-counter{color:var(--danger);font-size:1.5rem}.rr-hit-effect.rr-zone{color:var(--accent);font-size:1.5rem}.rr-hit-effect.rr-combo{color:#fff}.rr-controls-hint{color:var(--text-muted);gap:1.5rem;font-size:.7rem;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.rr-floating-quip{color:var(--text-muted);pointer-events:none;font-size:.8rem;font-style:italic;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.rr-victory{text-align:center;background:radial-gradient(ellipse at center,#0a1a10 0%,var(--bg-dark)100%);flex-direction:column;justify-content:center;align-items:center;display:flex}.rr-victory-glow{background:radial-gradient(circle,#22c55e33,#0000 60%);animation:3s infinite victory-pulse;position:absolute;inset:0}@keyframes victory-pulse{0%,to{opacity:.5}50%{opacity:1}}.rr-victory-title{color:var(--secondary);text-shadow:0 0 30px #22c55e80;z-index:1;margin-bottom:.5rem;font-size:2rem;font-weight:900;position:relative}.rr-victory-quote{color:var(--text-muted);z-index:1;margin-bottom:2rem;font-style:italic;position:relative}.rr-final-stats{z-index:1;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;min-width:280px;margin-bottom:2rem;padding:1.5rem 2rem;position:relative}.rr-stat-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:.75rem 0;display:flex}.rr-stat-row:last-child{border-bottom:none}.rr-stat-label{color:var(--text-muted)}.rr-stat-value{color:var(--primary);font-weight:700}.rr-primary-btn{background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;cursor:pointer;z-index:1;border:none;border-radius:10px;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:all .3s;position:relative}.rr-primary-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #3b82f666}.rr-secondary-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:2px solid #ffffff4d;border-radius:10px;padding:.75rem 1.5rem;font-size:1rem;transition:all .2s}.rr-secondary-btn:hover{background:#ffffff0d;border-color:#ffffff80}.rr-defeat{text-align:center;background:radial-gradient(ellipse at center,#1a0808 0%,var(--bg-dark)100%);flex-direction:column;justify-content:center;align-items:center;display:flex}.rr-static-overlay{pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff05 2px 4px);animation:.5s linear infinite static-scroll;position:absolute;inset:0}@keyframes static-scroll{0%{transform:translateY(0)}to{transform:translateY(4px)}}.rr-defeat-title{color:var(--danger);z-index:1;margin-bottom:.5rem;font-size:2rem;font-weight:900;position:relative}.rr-defeat-quote{color:var(--text-muted);z-index:1;margin-bottom:2rem;font-style:italic;position:relative}.rr-end-buttons{z-index:1;gap:1rem;display:flex;position:relative}.rr-pause-overlay{z-index:200;background:#000000e6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rr-pause-modal{text-align:center;background:var(--bg-medium);border:2px solid #3b82f64d;border-radius:16px;padding:2rem}.rr-pause-modal h2{color:var(--primary);margin-bottom:.5rem;font-size:1.5rem}.rr-pause-modal p{color:var(--text-muted);margin-bottom:1.5rem}.rr-pause-modal button{width:100%;margin-top:.5rem;display:block}@media (width<=640px){.rr-title{font-size:1.75rem}.rr-difficulty-grid{grid-template-columns:repeat(2,1fr)}.rr-direction-btn{transform:rotate(var(--angle))translateY(-90px)rotate(calc(-1*var(--angle)));width:40px;height:40px}.rr-player-core{width:60px;height:60px}.rr-response-bar{flex-wrap:wrap;gap:.3rem}.rr-response-btn{min-width:55px;padding:.4rem .6rem}.rr-controls-hint{display:none}}