@font-face{font-family:Bangers;src:url(/fonts/Bangers-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#12141c;color:#fff;font-family:Segoe UI,Roboto,sans-serif;touch-action:none;-webkit-user-select:none;user-select:none}#game{position:fixed;top:0;right:0;bottom:0;left:0}#game canvas{display:block}#rotateOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:none;align-items:center;justify-content:center;padding:24px;text-align:center;background:#0b0c11}@media (max-aspect-ratio: 1/1){#rotateOverlay{display:flex}}#loginScreen,#menu,#lobby,#characterSelect{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:12px;padding:24px;padding-bottom:8vh;text-align:center;background-color:#0b0c11;background-image:linear-gradient(180deg,#08090e26,#08090e59 45%,#08090ee0),url(/branding/rharena-splash.jpg);background-size:cover,cover;background-position:center,center 90%;background-repeat:no-repeat}@media (min-aspect-ratio: 1/1){#loginScreen,#menu,#lobby,#characterSelect{background-image:linear-gradient(180deg,#08090e26,#08090e59 45%,#08090ee0),url(/branding/rharena-splash-landscape.jpg);background-size:cover,cover;background-position:center,center center}}#loginScreen[hidden],#menu[hidden]{display:none}.panel{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:320px;padding:22px 26px;border-radius:18px;background:#0b0c12b8;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 36px #00000073;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#menu input{font-size:1.2rem;padding:10px 14px;border-radius:8px;border:2px solid #3a3f52;background:#1b1e29;color:#fff;width:220px;text-align:center}#menu button{font-size:1.2rem;padding:10px 28px;border-radius:8px;border:none;background:#3498db;color:#fff;cursor:pointer}#menu button#installBtn{background:transparent;border:2px solid #3a3f52;font-size:.95rem;padding:8px 20px}#menu button:disabled{opacity:.6;cursor:default}#menu button#logoutBtn{background:none;border:none;color:#8891a5;font-size:.85rem;text-decoration:underline;padding:4px;cursor:pointer}#status{min-height:1.4em;color:#f1c40f}#lobby[hidden]{display:none}#lobby h2,#loginScreen h2{font-size:1.8rem;margin:0}#loginStatus{min-height:1.4em;color:#f1c40f}#lobbyPlayers{list-style:none;margin:0;padding:0;width:260px;display:flex;flex-direction:column;gap:6px}#lobbyPlayers li{padding:8px 14px;border-radius:8px;background:#1b1e29;border:2px solid #3a3f52;color:#b8bfce;text-align:left}#lobbyPlayers li.ready{border-color:#2ecc71;color:#fff}#lobbyPlayers li.me{font-weight:700}#lobbyStatus{min-height:1.4em;color:#b8bfce}.match-winner{color:#f1c40f;font-weight:700}#readyBtn{font-size:1.2rem;padding:10px 28px;border-radius:8px;border:none;background:#3498db;color:#fff;cursor:pointer}#readyBtn.is-ready{background:#2ecc71}#characterSelect[hidden]{display:none}.char-panel{max-width:640px}.char-panel h2{font-size:1.8rem;margin:0}.char-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;width:100%}.char-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:130px;padding:10px 8px 12px;border-radius:14px;background:#1b1e29;border:3px solid #3a3f52;cursor:pointer;transition:border-color .15s ease-out,transform .15s ease-out}.char-card img{width:90px;height:90px;object-fit:contain;object-position:bottom;pointer-events:none}.char-name{font-weight:700}.char-card.selected{border-color:#2ecc71;transform:translateY(-4px);box-shadow:0 8px 20px #2ecc7159}.char-card.locked{cursor:default;opacity:.55}.char-card.locked img{filter:grayscale(1)}.char-badge{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:999px;background:#0009;font-size:.65rem;text-transform:uppercase}.char-picks{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;min-height:1.4em}.char-chip{padding:2px 8px;border-radius:999px;background:#3498db;color:#fff;font-size:.7rem}.char-chip.me{background:#2ecc71}#charStatus{min-height:1.4em;color:#b8bfce}.vjoy-zone{position:fixed;left:0;top:0;width:55%;height:100%;z-index:5;touch-action:none}.vjoy-base{position:fixed;width:150px;height:150px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.2);pointer-events:none;opacity:0;transition:opacity .08s ease-out}.vjoy-base.is-active{opacity:1}.vjoy-nub{position:absolute;left:50%;top:50%;width:64px;height:64px;margin-left:-32px;margin-top:-32px;border-radius:50%;background:#ffffff59;pointer-events:none}.vjoy-btn{position:fixed;border-radius:50%;border:2px solid rgba(255,255,255,.3);color:#fff;font-weight:700;font-size:.75rem;display:flex;align-items:center;justify-content:center;z-index:5;touch-action:none;text-align:center}.vjoy-cooldown{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:conic-gradient(rgba(8,9,14,.72) calc(var(--cd, 0) * 360deg),transparent 0deg)}.vjoy-label{position:relative;pointer-events:none}@keyframes vjoy-ready-pulse{0%{box-shadow:0 0 #ffffffd9;transform:scale(1)}45%{box-shadow:0 0 0 12px #fff0;transform:scale(1.1)}to{box-shadow:0 0 #fff0;transform:scale(1)}}.vjoy-btn.is-ready-flash{animation:vjoy-ready-pulse .35s ease-out}@keyframes vjoy-ready-pulse-ultimate{0%{box-shadow:0 0 #f1c40f;transform:scale(1);filter:brightness(1)}40%{box-shadow:0 0 0 22px #f1c40f00;transform:scale(1.3);filter:brightness(1.7)}to{box-shadow:0 0 #f1c40f00;transform:scale(1);filter:brightness(1)}}.vjoy-btn.is-ready-flash-ultimate{animation:vjoy-ready-pulse-ultimate .6s ease-out}@keyframes vjoy-armed-pulse{0%,to{box-shadow:0 0 #ff9d4d8c}50%{box-shadow:0 0 0 8px #ff9d4d00}}.vjoy-btn.is-armed{background:#ff9d4d8c;border-color:#ffb347e6;animation:vjoy-armed-pulse 1.1s ease-in-out infinite}.vjoy-attackBase{right:24px;bottom:24px;width:100px;height:100px;background:#3498db80}.vjoy-attack2{right:146px;bottom:13px;width:82px;height:82px;background:#3498db59}.vjoy-attack1{right:121px;bottom:107px;width:82px;height:82px;background:#e74c3c80}.vjoy-ultimate{right:30px;bottom:145px;width:88px;height:88px;background:#f1c40f80}.hud-score,.hud-center{position:fixed;z-index:6;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:pre-line;pointer-events:none}.hud-score{top:10px;left:10px;font-size:16px}.hud-center{top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:700;text-align:center}