*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--green:#a2c600;--green-dim:rgba(162,198,0,.15);--red:#e05050;--blue:#4a9eff;--gold:#f0c040;--bg:#080e16;--card:#0d1520;--surface:#111d2a;--border:rgba(162,198,0,.22);--text:#e8e8e8;--muted:#8a9aaa;--radius:14px}body{background:var(--bg);color:var(--text);font-family:'Verdana',sans-serif;min-height:100vh;padding:24px 16px 48px}.rt-wrap{max-width:1200px;margin:0 auto}.rt-header{display:flex;align-items:baseline;gap:14px;margin-bottom:28px}.rt-title{font-family:'Oswald',sans-serif;font-size:clamp(28px, 5vw, 44px);font-weight:700;color:#fff}.rt-title span{color:var(--green)}.rt-subtitle{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px}.rt-card{background:radial-gradient(circle at 0% 50%,rgba(162,198,0,.08) 0%,transparent 40%),radial-gradient(circle at 100% 50%,rgba(30,144,255,.06) 0%,transparent 42%),linear-gradient(180deg,rgba(13,21,32,.98),rgba(8,14,22,.99));border:1.5px solid var(--border);border-radius:18px;padding:24px;box-shadow:0 20px 50px rgba(0,0,0,.35)}.rt-controls{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:22px;align-items:flex-end}.rt-control-group{display:flex;flex-direction:column;gap:7px}.rt-control-group label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted)}.rt-btn-group{display:flex;gap:6px;flex-wrap:wrap}.rt-btn-opt{border:1.5px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.04);color:var(--text);font-family:'Verdana',sans-serif;font-size:13px;font-weight:600;padding:7px 13px;cursor:pointer;transition:.18s ease}.rt-btn-opt:hover{border-color:var(--green);color:var(--green)}.rt-btn-opt.active{border-color:var(--green);background:var(--green-dim);color:var(--green)}.rt-btn-opt:disabled{opacity:.4;cursor:not-allowed}.rt-sound-btn{border:1.5px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.04);color:var(--muted);font-size:18px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.18s ease}.rt-sound-btn:hover,.rt-sound-btn.on{border-color:var(--green);color:var(--green)}.rt-arena{position:relative;min-height:300px;border:2px solid rgba(162,198,0,.35);border-radius:var(--radius);background:rgba(20,28,12,.62);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;cursor:pointer;user-select:none;overflow:hidden;transition:background .25s,border-color .25s}.rt-arena.state-idle{background:rgba(20,28,12,.62);border-color:rgba(162,198,0,.35)}.rt-arena.state-waiting{background:rgba(54,40,12,.7);border-color:rgba(212,163,0,.6);cursor:wait}.rt-arena.state-ready-green{background:rgba(40,70,8,.85);border-color:rgba(162,198,0,.95)}.rt-arena.state-ready-red{background:rgba(70,18,18,.85);border-color:rgba(224,80,80,.95)}.rt-arena.state-ready-blue{background:rgba(10,30,70,.85);border-color:rgba(74,158,255,.95)}.rt-arena.state-too-soon{background:rgba(80,20,20,.75);border-color:rgba(224,80,80,.8)}.rt-arena.state-false-stop{background:rgba(80,20,20,.75);border-color:rgba(224,80,80,.8)}.rt-streak-bar{position:absolute;top:0;left:0;right:0;height:4px;background:rgba(255,255,255,.07);border-radius:2px 2px 0 0;overflow:hidden;opacity:0;transition:opacity .3s}.rt-streak-bar.visible{opacity:1}.rt-streak-fill{height:100%;background:var(--green);border-radius:2px;transition:width .3s ease}.rt-false-overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:rgba(80,0,0,.55);border-radius:calc(var(--radius) - 1px);z-index:5;animation:falseIn .15s ease-out}.rt-false-overlay.show{display:flex}@keyframes falseIn{from{opacity:0}to{opacity:1}}.rt-false-icon{font-size:44px}.rt-false-msg{font-family:'Oswald',sans-serif;font-size:22px;font-weight:700;color:var(--red);text-align:center;padding:0 20px}.rt-false-sub{font-size:13px;color:var(--muted)}.rt-arena-icon{font-size:48px;line-height:1;transition:color .2s}.rt-arena-msg{font-family:'Oswald',sans-serif;font-size:26px;font-weight:600;text-align:center;padding:0 20px;transition:color .2s}.rt-arena-sub{font-size:13px;color:var(--muted);text-align:center}.rt-arena.state-ready-green .rt-arena-icon,.rt-arena.state-ready-green .rt-arena-msg{color:var(--green)}.rt-arena.state-ready-red .rt-arena-icon,.rt-arena.state-ready-red .rt-arena-msg{color:var(--red)}.rt-arena.state-ready-blue .rt-arena-icon,.rt-arena.state-ready-blue .rt-arena-msg{color:var(--blue)}.rt-arena.state-idle .rt-arena-icon,.rt-arena.state-idle .rt-arena-msg{color:var(--green)}.rt-arena.state-waiting .rt-arena-icon,.rt-arena.state-waiting .rt-arena-msg{color:var(--gold)}.rt-arena.state-too-soon .rt-arena-icon,.rt-arena.state-too-soon .rt-arena-msg{color:var(--red)}.rt-arena.state-false-stop .rt-arena-icon,.rt-arena.state-false-stop .rt-arena-msg{color:var(--red)}.rt-streak-dots{display:flex;gap:8px;margin-top:4px}.rt-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);transition:.2s}.rt-dot.hit{background:var(--green);border-color:var(--green)}.rt-dot.miss{background:var(--red);border-color:var(--red)}.rt-rating{display:inline-block;font-family:'Oswald',sans-serif;font-size:15px;font-weight:700;padding:3px 12px;border-radius:20px;letter-spacing:.5px;margin-top:2px}.rt-rating.pro{background:rgba(162,198,0,.2);color:var(--green)}.rt-rating.great{background:rgba(74,158,255,.2);color:var(--blue)}.rt-rating.good{background:rgba(240,192,64,.2);color:var(--gold)}.rt-rating.avg{background:rgba(255,255,255,.08);color:#aaa}.rt-rating.slow{background:rgba(224,80,80,.15);color:var(--red)}.rt-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.rt-stat{background:var(--surface);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px 12px;text-align:center}.rt-stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);margin-bottom:6px}.rt-stat-value{font-family:'Verdana',sans-serif;font-size:26px;font-weight:700;color:#fff;line-height:1}.rt-stat-value.green{color:var(--green)}.rt-actions{display:flex;gap:10px;margin-top:14px}.rt-btn{border-radius:10px;font-family:'Verdana',sans-serif;font-size:14px;font-weight:600;padding:10px 18px;cursor:pointer;transition:.18s ease;border:1.5px solid transparent}.rt-btn-ghost{background:rgba(255,255,255,.04);color:var(--text);border-color:rgba(255,255,255,.12)}.rt-btn-ghost:hover{border-color:var(--green);color:var(--green)}.rt-modal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(6px);z-index:100;align-items:center;justify-content:center;padding:20px}.rt-modal-bg.show{display:flex}.rt-modal{background:var(--card);border:1.5px solid var(--border);border-radius:20px;padding:32px;width:100%;max-width:460px;text-align:center;animation:modalIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalIn{from{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}.rt-modal-icon{font-size:52px;margin-bottom:10px}.rt-modal-title{font-family:'Oswald',sans-serif;font-size:28px;font-weight:700;color:#fff;margin-bottom:4px}.rt-modal-rating{margin-bottom:6px}.rt-modal-mode{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:22px}.rt-modal-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:22px}.rt-modal-stat{background:var(--surface);border-radius:12px;padding:16px}.rt-modal-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:4px}.rt-modal-stat-value{font-family:'Verdana',sans-serif;font-size:30px;font-weight:700;color:var(--green)}.rt-modal-streak{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}.rt-modal-dot{font-family:'Verdana',sans-serif;font-size:13px;font-weight:600;padding:4px 10px;border-radius:6px;background:var(--surface);color:var(--muted)}.rt-modal-dot.hit{background:rgba(162,198,0,.15);color:var(--green)}.rt-modal-dot.miss{background:rgba(224,80,80,.15);color:var(--red)}.rt-name-wrap{margin-bottom:18px}.rt-name-label{font-size:13px;color:var(--muted);margin-bottom:8px;display:block}.rt-name-input{width:100%;background:var(--surface);border:1.5px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;font-family:'Verdana',sans-serif;font-size:16px;padding:10px 14px;outline:none;transition:border-color .2s;text-align:center}.rt-name-input:focus{border-color:var(--green)}.rt-name-input::placeholder{color:var(--muted)}.rt-modal-actions{display:flex;gap:10px;justify-content:center}.rt-btn-primary{background:var(--green);color:#050805;border:1.5px solid var(--green);border-radius:10px;font-family:'Verdana',sans-serif;font-size:14px;font-weight:600;padding:10px 18px;cursor:pointer;transition:.18s ease}.rt-btn-primary:hover{background:#b8dc00}.rt-lb-section{margin-top:28px}.rt-lb-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:10px}.rt-lb-title{font-family:'Oswald',sans-serif;font-size:22px;font-weight:600;color:#fff}.rt-lb-filters{display:flex;gap:6px;flex-wrap:wrap}.rt-lb-filter{border:1.5px solid rgba(255,255,255,.12);border-radius:7px;background:rgba(255,255,255,.04);color:var(--muted);font-family:'Verdana',sans-serif;font-size:12px;font-weight:600;padding:5px 12px;cursor:pointer;transition:.18s ease}.rt-lb-filter:hover{border-color:var(--green);color:var(--green)}.rt-lb-filter.active{border-color:var(--green);background:var(--green-dim);color:var(--green)}.rt-lb-table{width:100%;border-collapse:collapse}.rt-lb-table thead th{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);padding:0 12px 10px;text-align:left;border-bottom:1px solid rgba(255,255,255,.07)}.rt-lb-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}.rt-lb-table tbody tr:hover{background:rgba(255,255,255,.03)}.rt-lb-table tbody tr.highlight{background:rgba(162,198,0,.07)}.rt-lb-table td{padding:12px;font-size:14px;color:var(--text)}.rt-lb-rank{font-family:'Verdana',sans-serif;font-size:18px;font-weight:700;color:var(--muted);width:40px}.rt-lb-rank.gold{color:#f0c040}.rt-lb-rank.silver{color:#c0c8d0}.rt-lb-rank.bronze{color:#c08040}.rt-lb-name{font-weight:600;color:#fff}.rt-lb-mode-badge{font-size:11px;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:5px;letter-spacing:.8px}.rt-lb-mode-badge.classic{background:rgba(162,198,0,.15);color:var(--green)}.rt-lb-mode-badge.streak{background:rgba(74,158,255,.15);color:var(--blue)}.rt-lb-mode-badge.falsestart{background:rgba(224,80,80,.15);color:var(--red)}.rt-lb-rating-cell{font-size:12px;font-weight:700}.rt-lb-empty{text-align:center;padding:32px;color:var(--muted);font-size:14px}.rt-lb-loading{text-align:center;padding:24px;color:var(--muted);font-size:13px}.rt-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(162,198,0,.25);border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:600px){.rt-arena{min-height:240px}.rt-stats{grid-template-columns:repeat(2,1fr)}.rt-arena-msg{font-size:20px}.rt-lb-table td,.rt-lb-table th{padding:10px 8px;font-size:12px}}