body:has(.arena-app){background:#0b171b;overflow:hidden}.arena-app{--arena-gold:#d6b777;--arena-gold-bright:#f3d49a;--arena-ivory:#f0eadc;--arena-muted:#8c9a99;--arena-border:#d6b77738;--arena-dark:#0b171b;isolation:isolate;width:100%;height:100dvh;color:var(--arena-ivory);font-family:var(--font-mona), Arial, sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#14282b;font-size:13px;line-height:1.5;position:fixed;inset:0;overflow:hidden}.arena-app button,.arena-app select{font:inherit;color:inherit}.arena-app button{-webkit-tap-highlight-color:transparent}.arena-app button:focus-visible,.arena-app select:focus-visible,.arena-app input:focus-visible,.arena-app a:focus-visible,.arena-app [tabindex="0"]:focus-visible{outline:2px solid var(--arena-gold-bright);outline-offset:4px}.arena-app button:disabled{cursor:wait}.arena-app svg{flex-shrink:0;display:block}.arena-app kbd{font-family:var(--font-mona), sans-serif;font-size:9px;font-weight:500}.arena-app ::selection{background:var(--arena-gold);color:var(--arena-dark)}.arena-viewport,.arena-interface,.arena-vignette,.arena-nameplates{position:absolute;inset:0}.arena-viewport{z-index:0;touch-action:none}.arena-viewport canvas{width:100%;height:100%;display:block}.arena-interface{z-index:3;pointer-events:none}.arena-interface button,.arena-interface select,.arena-interface input,.arena-interface [tabindex],.arena-interface label{pointer-events:auto}.arena-vignette{z-index:1;pointer-events:none;background:linear-gradient(90deg,#050e12e0 0%,#050e1275 19%,#0000 45% 73%,#050e125c 100%),linear-gradient(#0000 64%,#050d1185 87%,#050d11f5),linear-gradient(#050d11e6,#0000 27%)}.arena-is-match .arena-vignette{background:linear-gradient(#050d11e6,#050d114d 15%,#0000 29%),linear-gradient(#0000 72%,#050d11de)}.arena-frame{z-index:2;pointer-events:none;border:1px solid #d5bd9112;position:absolute;inset:14px}.arena-frame:before,.arena-frame:after{content:"";opacity:.4;width:40px;height:40px;position:absolute}.arena-frame:before{border-top:1px solid var(--arena-gold);border-left:1px solid var(--arena-gold);top:-1px;left:-1px}.arena-frame:after{border-bottom:1px solid var(--arena-gold);border-right:1px solid var(--arena-gold);bottom:-1px;right:-1px}.arena-header{border-bottom:1px solid #dbceb31a;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:105px;margin:0 40px;display:grid;position:absolute;top:0;left:0;right:0}.arena-brand{align-items:center;gap:12px;width:fit-content;display:flex}.arena-brand>svg{width:45px;height:45px;color:var(--arena-gold)}.arena-wordmark{font-family:var(--font-display), Georgia, serif;letter-spacing:.105em;font-size:23px;font-weight:520;line-height:1.15;display:block}.arena-brand-subtitle{color:var(--arena-gold);letter-spacing:.45em;justify-content:center;align-items:center;gap:11px;margin-top:6px;padding-left:.45em;font-size:8px;line-height:1;display:flex}.arena-brand-subtitle i{background:var(--arena-border);width:21px;height:1px}.arena-navigation{align-items:stretch;gap:37px;height:100%;display:flex}.arena-navigation button{color:#b3bcb5;letter-spacing:.015em;padding:0 2px;font-size:12px;transition:color .2s;position:relative}.arena-navigation button:hover,.arena-navigation button.is-active{color:var(--arena-gold-bright)}.arena-navigation button.is-active:after{content:"";background:var(--arena-gold);height:1px;position:absolute;bottom:-1px;left:-8px;right:-8px;box-shadow:0 -2px 12px #d6b77759}.arena-navigation button.is-active span{background:var(--arena-gold);width:4px;height:4px;position:absolute;bottom:-2px;left:calc(50% - 2px);transform:rotate(45deg)}.arena-header-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.arena-live-label{letter-spacing:.12em;color:#a0afa2;white-space:nowrap;align-items:center;gap:7px;margin-right:18px;font-size:8px;display:flex}.arena-live-label i{background:#9eaf8c;border-radius:50%;width:4px;height:4px;box-shadow:0 0 8px #a3bc7960}.arena-icon-button{border:1px solid #0000;border-radius:3px;place-items:center;width:34px;height:34px;transition:background .2s,color .2s,border-color .2s;display:grid;color:#acb6af!important}.arena-icon-button svg{width:17px;height:17px}.arena-icon-button:hover{border-color:var(--arena-border);background:#d6b7770d;color:var(--arena-gold-bright)!important}.arena-icon-button[aria-pressed=true]{color:var(--arena-gold)!important}.arena-eyebrow{letter-spacing:.18em;color:var(--arena-gold);align-items:center;gap:9px;font-size:9px;font-weight:550;line-height:1.4;display:flex}.arena-eyebrow>i{background:var(--arena-gold);opacity:.6;width:22px;height:1px}.arena-lobby-intro{text-shadow:0 2px 18px #07111566;width:350px;position:absolute;top:168px;left:40px}.arena-lobby-intro h1{font-family:var(--font-display), Georgia, serif;letter-spacing:-.05em;font-variation-settings:"opsz" 80, "SOFT" 15, "WONK" 1;margin:24px 0 22px;font-size:clamp(56px,4.9vw,76px);font-weight:430;line-height:1.035}.arena-lobby-intro h1 em{color:#e4ce9f;letter-spacing:-.045em;font-weight:400}.arena-lobby-intro>p{color:#a4aea8;letter-spacing:.015em;font-size:12px;font-weight:380;line-height:1.95}.arena-intro-rule{color:#b9a981;align-items:center;gap:14px;width:133px;margin-top:27px;display:flex}.arena-intro-rule span{background:linear-gradient(90deg, var(--arena-border), transparent);flex:1;height:1px}.arena-intro-rule span:first-child{background:linear-gradient(90deg, transparent, var(--arena-border))}.arena-intro-rule svg{width:16px;height:16px}.arena-intro-caption{letter-spacing:.2em;color:#8f968b;margin-top:12px;font-size:7px;display:block}.arena-champion-panel{width:292px;position:absolute;top:160px;right:40px}.arena-panel-heading{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.arena-panel-heading .arena-eyebrow{letter-spacing:.17em;color:#c7c0aa;font-size:8px}.arena-panel-heading>span:last-child{color:#72857f;letter-spacing:.09em;font-size:8px}.arena-class-mage{--class-accent:#e0b06b;--class-soft:#a86b39;--class-glow:#c77b3a26}.arena-class-rogue{--class-accent:#b3a7d1;--class-soft:#7a688d;--class-glow:#836db126}.arena-champion-card{isolation:isolate;background:linear-gradient(110deg,#101c1ff2 0%,#112023df 59%,#17272bcc 100%);border:1px solid #7b8b8030;height:153px;margin-bottom:12px;transition:border-color .2s,box-shadow .2s,background .2s;position:relative}.arena-champion-card:hover,.arena-champion-card:focus-within{border-color:var(--class-soft);z-index:6}.arena-champion-card.is-selected{border-color:var(--class-accent);box-shadow:inset 3px 0 0 var(--class-accent), 0 0 30px var(--class-glow);background:linear-gradient(110deg,#202522f5 0%,#1b2525e8 63%,#33352cc2 100%)}.arena-champion-card.is-selected:after{content:"";pointer-events:none;border:1px solid #d7b87f17;position:absolute;inset:4px}.arena-champion-card.arena-class-rogue.is-selected{background:linear-gradient(110deg,#1c202af5 0%,#21252ce8 63%,#30303dc2 100%)}.arena-champion-select{z-index:2;width:100%;height:100%;position:absolute;inset:0}.arena-champion-art{pointer-events:none;object-fit:cover;object-position:50% 13%;opacity:.79;filter:saturate(.7);width:164px;height:100%;transition:opacity .3s,filter .3s;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 42%);mask-image:linear-gradient(90deg,#0000 0%,#000 42%)}.arena-champion-card.is-selected .arena-champion-art,.arena-champion-card:hover .arena-champion-art{opacity:1;filter:saturate(.95)}.arena-selection-mark{z-index:1;background:#10191b6b;border:1px solid #d1c8b343;border-radius:50%;width:14px;height:14px;position:absolute;top:12px;right:12px}.arena-selection-mark svg{width:10px;height:10px;margin:1px}.arena-champion-card.is-selected .arena-selection-mark{color:#182024;background:var(--class-accent);border-color:var(--class-accent)}.arena-champion-copy{z-index:3;pointer-events:none;padding:21px 18px 15px;position:relative}.arena-champion-role{color:var(--class-accent);text-transform:uppercase;letter-spacing:.14em;font-size:7px;font-weight:500}.arena-champion-copy h3{font-family:var(--font-display), Georgia, serif;letter-spacing:-.025em;margin-top:4px;font-size:24px;font-weight:430;line-height:1.2}.arena-champion-copy p{color:#9fa9a0;width:135px;margin-top:5px;font-size:8px;line-height:1.55}.arena-mini-skills{gap:5px;width:fit-content;margin-top:14px;display:flex}.arena-mini-skill{width:25px;height:25px;color:var(--class-accent);cursor:help;pointer-events:auto;background:#0b1419cc;border:1px solid #b6b39a26;place-items:center;display:grid;position:relative}.arena-mini-skill>svg{width:15px;height:15px}.arena-mini-skill:hover{border-color:var(--class-accent)}.arena-difficulty{margin-top:22px}.arena-difficulty>label{color:#acae9f;letter-spacing:.025em;margin-bottom:10px;font-size:9px;display:block}.arena-select-wrap{background:#101d20dc;border:1px solid #a7ac8f30;align-items:center;height:42px;display:flex;position:relative}.arena-select-wrap>svg{pointer-events:none;color:#a09b80;width:15px;height:15px;position:absolute}.arena-select-wrap>svg:first-child{left:13px}.arena-select-wrap>svg:last-child{width:12px;height:12px;right:13px}.arena-select-wrap select{appearance:none;outline-offset:3px;cursor:pointer;background:0 0;border:none;border-radius:0;width:100%;height:100%;padding:0 37px;font-size:11px}.arena-select-wrap select option{color:var(--arena-ivory);background:#142126}.arena-difficulty-caption{color:#87938a;text-align:center;margin:9px 0 0;font-size:8px}.arena-camera-controls{pointer-events:none;background:linear-gradient(120deg,#0d191dcc,#10202599);border:1px solid #bdac7830;width:210px;padding:9px 10px 8px}.arena-champion-panel>.arena-camera-controls{width:100%;margin-top:16px}.arena-camera-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;display:flex}.arena-camera-heading label{color:#bdc3b2;letter-spacing:.025em;font-size:9px}.arena-camera-reset{border-radius:2px;justify-content:center;align-items:center;gap:5px;height:22px;padding:0 3px;display:flex;color:#a3ac98!important}.arena-camera-reset>svg{width:12px;height:12px}.arena-camera-reset>kbd{border:1px solid #b9ae8a38;border-radius:2px;padding:0 3px;font-size:7px}.arena-camera-reset:hover{color:var(--arena-gold-bright)!important}.arena-camera-presets{background:#0c171b80;border:1px solid #bdac7829;padding:2px;display:flex}.arena-camera-presets>button{color:#a6b0a5;flex:1;min-width:0;min-height:27px;padding:3px 5px;font-size:9px;transition:color .15s,background .15s}.arena-camera-presets>button:hover{color:var(--arena-gold-bright);background:#bfa67212}.arena-camera-presets>button[aria-pressed=true]{color:#e4ca94;background:#bfa67225;box-shadow:inset 0 0 0 1px #bfa67230}.arena-camera-zoom{appearance:none;width:100%;height:18px;accent-color:var(--arena-gold);cursor:ew-resize;touch-action:none;background:0 0;margin:4px 0 0;display:block}.arena-camera-zoom::-webkit-slider-runnable-track{background:linear-gradient(90deg,#718278,#c4ad79);border-radius:2px;height:2px}.arena-camera-zoom::-webkit-slider-thumb{appearance:none;background:#bfa06c;border:1px solid #f0d29b;border-radius:50%;width:10px;height:10px;margin-top:-4px;box-shadow:0 0 0 3px #0d191dcc}.arena-camera-zoom::-moz-range-track{background:linear-gradient(90deg,#718278,#c4ad79);border-radius:2px;height:2px}.arena-camera-zoom::-moz-range-thumb{background:#bfa06c;border:1px solid #f0d29b;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #0d191dcc}.arena-camera-scale{color:#a5ad9d;justify-content:space-between;gap:8px;font-size:7px;display:flex}.arena-camera-hint{color:#8e9e93;border-top:1px solid #bdac781c;justify-content:space-between;gap:8px;margin-top:6px;padding-top:6px;font-size:7px;display:flex}.arena-camera-dock{pointer-events:none;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:31px;right:40px}.arena-location{align-items:center;gap:15px;display:flex;position:absolute;bottom:92px;left:40px}.arena-location>svg{color:#af9d75;width:48px;height:48px}.arena-location .arena-eyebrow{color:#9a9f8e;letter-spacing:.16em;font-size:7px}.arena-location h2{font-family:var(--font-display), Georgia, serif;letter-spacing:-.02em;margin:5px 0 7px;font-size:21px;font-weight:440;line-height:1.2}.arena-location-mode{color:#8b9991;letter-spacing:.095em;align-items:center;gap:7px;font-size:7px;display:flex}.arena-location-mode i{background:#bdb783;width:4px;height:4px;margin-right:1px;transform:rotate(45deg)}.arena-location-mode b{color:#586b66;font-weight:400}.arena-start-area{text-align:center;width:322px;position:absolute;bottom:85px;left:50%;transform:translate(-50%)}.arena-start-overline{color:#bab89e;letter-spacing:.2em;justify-content:center;align-items:center;gap:10px;margin-bottom:16px;font-size:7px;display:flex}.arena-start-overline i{background:linear-gradient(90deg,#0000,#d6b7776e);width:24px;height:1px}.arena-start-overline i:last-child{transform:rotate(180deg)}.arena-start-button{isolation:isolate;background:linear-gradient(110deg,#ae864a,#d6b675 45%,#b99557);border:1px solid #efce8e;justify-content:center;align-items:center;gap:16px;width:100%;height:61px;transition:filter .2s,box-shadow .2s,transform .2s;display:flex;position:relative;box-shadow:0 0 0 4px #d4ad6810,0 10px 40px #0004,0 0 45px #e5a84d15;color:#1e281f!important}.arena-start-button:after{content:"";pointer-events:none;border:1px solid #4a411b46;position:absolute;inset:4px}.arena-start-button>span:not(.arena-start-progress){letter-spacing:.16em;z-index:1;font-size:10px;font-weight:730;position:relative}.arena-start-button>svg{z-index:1;width:21px;height:21px;position:relative}.arena-start-button>svg:last-child{opacity:.7;width:17px;height:17px;margin-left:2px}.arena-start-button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 0 0 4px #d4ad681c,0 10px 45px #0004,0 0 50px #e5a84d28}.arena-start-button:active:not(:disabled){transform:translateY(0)}.arena-start-button:disabled{background:#26322ddd;border-color:#9b8b625d;gap:10px;color:#cabc9d!important}.arena-start-button:disabled>span:not(.arena-start-progress){font-size:8px}.arena-start-button>b{z-index:1;font-size:10px;font-weight:500}.arena-start-progress{z-index:0;background:#cfab6824;transition:width .35s;position:absolute;inset:0 auto 0 0}.arena-start-area>p{color:#84918a;justify-content:center;align-items:center;gap:7px;margin-top:16px;font-size:8px;display:flex}.arena-start-area>p>span:not(.arena-selected-dot){color:#b4a785;margin:0 1px}.arena-selected-dot{background:var(--class-accent);width:4px;height:4px;box-shadow:0 0 6px var(--class-glow);border-radius:50%;display:inline-block}.arena-loading-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.arena-footer{color:#6e7d75;letter-spacing:.12em;justify-content:space-between;align-items:center;font-size:7px;display:flex;position:absolute;bottom:28px;left:40px;right:40px}.arena-footer>div{align-items:center;gap:8px;display:flex}.arena-footer b{color:#a3a086;letter-spacing:.09em;margin-left:18px;font-size:7px;font-weight:450}.arena-footer-diamond{border:1px solid #b5a67a;width:4px;height:4px;transform:rotate(45deg)}.arena-is-match .arena-header{height:78px}.arena-is-match .arena-brand>svg{width:33px;height:33px}.arena-is-match .arena-wordmark{font-size:18px}.arena-is-match .arena-brand-subtitle{margin-top:4px;font-size:6px}.arena-is-match .arena-navigation{gap:28px}.arena-is-match .arena-navigation button{font-size:10px}.arena-is-match .arena-live-label{display:none}.arena-combat-top{justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:103px;left:40px;right:40px}.arena-unitframe{background:linear-gradient(90deg,#0d191eea,#0d191e7a);border:1px solid #bfa97e29;gap:11px;width:290px;padding:9px 11px 8px 9px;display:flex;box-shadow:0 4px 20px #0002}.arena-unit-portrait{border:1px solid var(--class-soft);background:linear-gradient(145deg,#5d483d,#162528);flex-shrink:0;width:54px;height:64px;position:relative;overflow:hidden}.arena-unit-portrait img{width:85px;max-width:none;height:auto;position:absolute;top:-4px;left:-16px}.arena-unit-portrait span{text-align:center;letter-spacing:.2em;color:var(--class-accent);background:#0b141de6;border-top:1px solid #d6b77740;padding:2px 0;font-size:6px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.arena-unit-info{flex:1;min-width:0}.arena-unit-title{justify-content:space-between;align-items:center;gap:5px;margin:0 0 8px;display:flex}.arena-unit-title strong{font-family:var(--font-display), Georgia, serif;white-space:nowrap;font-size:15px;font-weight:470;line-height:1.1}.arena-unit-title>span{color:#7e918b;letter-spacing:.09em;font-size:5px}.arena-health-track{background:#111c19;border:1px solid #aec19027;height:17px;position:relative;overflow:hidden}.arena-health-fill{background:linear-gradient(90deg,#596844,#9aa974);transition:width .1s linear;position:absolute;inset:0 auto 0 0}.arena-shield-fill{background:repeating-linear-gradient(120deg,#d1ede34d 0 3px,#84adbd4d 3px 6px);border-left:1px solid #cbd6d3;height:100%;position:absolute;top:0;right:0}.arena-meter-text{color:#fff5de;text-shadow:0 1px 3px #0009;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:4px;font-size:8px;font-weight:550;display:flex;position:absolute;inset:0}.arena-meter-text>span{opacity:.75;font-size:7px}.arena-meter-text b{color:#d9f1fb;font-size:7px;font-weight:500}.arena-resource-track{background:#121a1d;height:4px;margin-top:3px;position:relative;overflow:hidden}.arena-resource-track>span{background:#6997ba;height:100%;transition:width .1s linear;display:block}.arena-class-rogue .arena-resource-track>span{background:#c2a661}.arena-unit-bottom{color:#8b9b9b;justify-content:space-between;align-items:center;margin-top:4px;font-size:6px;display:flex}.arena-unit-status{color:var(--arena-gold-bright);letter-spacing:.07em}.arena-unitframe-enemy{background:linear-gradient(-90deg,#0d191eea,#0d191e7a);flex-direction:row-reverse;padding:9px 9px 8px 11px}.arena-unitframe-enemy .arena-unit-title,.arena-unitframe-enemy .arena-unit-bottom{flex-direction:row-reverse}.arena-unitframe-enemy .arena-health-fill{background:linear-gradient(90deg,#824c46,#b6705a)}.arena-match-clock{text-align:center;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.arena-match-clock>span{letter-spacing:.18em;color:#a6ac99;white-space:nowrap;font-size:6px}.arena-match-clock strong{font-family:var(--font-display), Georgia, serif;font-variant-numeric:tabular-nums;letter-spacing:-.035em;text-shadow:0 2px 20px #0008;font-size:38px;font-weight:400;line-height:1.35;display:block}.arena-match-clock>small{letter-spacing:.1em;color:#b6a783;justify-content:center;align-items:center;gap:8px;font-size:6px;display:flex}.arena-match-clock i{background:var(--arena-gold);width:3px;height:3px;transform:rotate(45deg)}.arena-nameplates{pointer-events:none}.arena-nameplate{text-align:center;width:94px;position:absolute;transform:translate(-50%,-100%)}.arena-nameplate>span{letter-spacing:.09em;color:#e4d7b8;text-shadow:0 1px 5px #000,0 1px 3px #000;margin-bottom:5px;font-size:7px;font-weight:600;display:block}.arena-nameplate>div{background:#10191cd9;border:1px solid #111d1cc2;height:5px;padding:1px;box-shadow:0 2px 5px #0006}.arena-nameplate i{background:#b0c088;height:100%;transition:width .1s linear;display:block}.arena-nameplate-enemy>span{color:#f0d8ca}.arena-nameplate-enemy i{background:#c27c68}.arena-nameplate .arena-nameplate-shield{border-top:0;height:3px;padding-top:0}.arena-nameplate .arena-nameplate-shield i{background:#aac8e0}.arena-rival-indicator{z-index:2;text-align:left;background:#251c1ce6;border:1px solid #c4877259;border-radius:3px;align-items:center;gap:8px;min-height:38px;padding:7px 10px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 12px #0003;color:#e2b3a0!important}.arena-rival-indicator>svg{width:16px;height:16px}.arena-rival-indicator>span{font-size:9px;line-height:1.3}.arena-rival-indicator small{color:#b59a8b;font-variant-numeric:tabular-nums;margin-top:2px;font-size:7px;display:block}.arena-rival-indicator:hover{background:#362421ed;border-color:#d5987f99}.arena-combat-message{color:#e8d1a5;text-align:center;text-shadow:0 2px 8px #000,0 1px 3px #000;white-space:nowrap;font-size:11px;position:absolute;top:210px;left:50%;transform:translate(-50%)}.arena-countdown{text-align:center;text-shadow:0 4px 32px #0009;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.arena-countdown>span{letter-spacing:.3em;color:var(--arena-gold-bright);white-space:nowrap;font-size:10px}.arena-countdown>strong{font-family:var(--font-display), Georgia, serif;color:var(--arena-ivory);font-size:116px;font-weight:350;line-height:1.5;animation:.9s ease-out both arena-count-in;display:block}.arena-countdown>small{font-family:var(--font-display), Georgia, serif;color:#d6d1bd;white-space:nowrap;font-size:16px;font-style:italic}.arena-control-hints{position:absolute;bottom:38px;left:40px}.arena-control-hints>.arena-eyebrow{color:#a1a28b;margin-bottom:15px;font-size:6px}.arena-control-hints p{color:#80918b;align-items:center;gap:9px;margin-top:7px;font-size:8px;display:flex}.arena-control-hints p>svg{color:#b5b6a0;width:12px;height:12px}.arena-control-hints p b{color:#b4bba9;margin-left:8px;font-weight:400}.arena-control-hints kbd{color:#b5b6a0;text-align:center;background:#10202580;border:1px solid #aeb69930;border-radius:2px;min-width:43px;padding:2px 5px;font-size:6px}.arena-control-hints p:last-of-type kbd:nth-of-type(2){min-width:24px;margin-left:3px}.arena-control-hints>button{color:#b8af8e;align-items:center;gap:10px;margin-top:18px;font-size:8px;display:flex}.arena-control-hints>button svg{width:12px;height:12px}.arena-control-hints>button:hover{color:var(--arena-gold-bright)}.arena-actionbar{width:584px;max-width:calc(100% - 28px);position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.arena-unitframe.is-frozen{border-color:#89c9e177;box-shadow:inset 0 0 20px #76ccff12,0 0 14px #66c9ff12}.arena-unitframe.is-dancing{border-color:#b69ae66b}.arena-unitframe.is-frozen .arena-unit-status{color:#b2e5ff}.arena-unitframe.is-dancing .arena-unit-status{color:#d0b1ff}.arena-buff-row{justify-content:center;gap:8px;display:flex;position:absolute;bottom:calc(100% + 16px);left:0;right:0}.arena-combat-buff{color:#a7e0fa;background:#0a1725e8;border:1px solid #93cce166;align-items:center;gap:9px;width:220px;min-width:0;max-width:calc(50% - 4px);padding:10px 11px 12px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #0003}.arena-buff-ambush{color:#f2d198;background:#2b2115ed;border-color:#e5bd7770}.arena-buff-dance{color:#d2b5ff;background:#1b1427eb;border-color:#ad8cdf70}.arena-combat-buff>svg{width:25px;height:25px}.arena-combat-buff>span{flex:1;min-width:0}.arena-combat-buff strong{letter-spacing:.1em;font-size:8px;font-weight:650;display:block}.arena-combat-buff span small{opacity:.68;margin-top:3px;font-size:6px;display:block}.arena-combat-buff>b{font-variant-numeric:tabular-nums;font-size:15px;font-weight:550}.arena-combat-buff>b small{opacity:.7;padding-left:2px;font-size:8px}.arena-combat-buff>i{opacity:.8;background:currentColor;height:2px;transition:width .1s linear;position:absolute;bottom:0;left:0}.arena-sixth-skill.arena-class-mage{--class-accent:#a2ddf4;--class-soft:#659cad;--class-glow:#71cfff24}.arena-sixth-skill.arena-class-rogue{--class-accent:#d5b5ff;--class-soft:#9674bd;--class-glow:#b57cff29}.arena-skill.is-executing .arena-skill-tile,.arena-skill.is-empowered .arena-skill-tile{border-color:var(--class-accent);box-shadow:inset 0 0 0 3px #0e191bd9, 0 0 22px var(--class-glow)}.arena-skill.is-executing .arena-skill-tile>svg{opacity:1}.arena-class-mage .arena-mini-skill:last-child{color:#a2ddf4;border-color:#659cad70}.arena-class-rogue .arena-mini-skill:last-child{color:#d5b5ff;border-color:#9674bd80}.arena-target-info{color:#96a08f;letter-spacing:.09em;border-bottom:1px solid #c1b99424;align-items:flex-start;gap:9px;height:24px;margin:0 4px 11px;font-size:6px;display:flex}.arena-target-info>span:first-child{align-items:center;gap:5px;display:flex}.arena-target-info>span:first-child>i{background:#a8b186;border-radius:50%;width:3px;height:3px}.arena-target-info .arena-target-blocked{color:#d8a075}.arena-target-info .arena-target-blocked>i{background:#d8a075!important}.arena-combo{gap:5px;margin-left:auto;padding-top:2px;display:flex}.arena-combo>i{border:1px solid #b0a0c36b;width:6px;height:6px;transform:rotate(45deg)}.arena-combo>i.is-filled{background:#b9a9d5;border-color:#d6c5f3;box-shadow:0 0 9px #b7a1eb40}.arena-skills{grid-template-columns:repeat(6,1fr);gap:11px;padding:0 5px;display:grid}.arena-skill{text-align:center;min-width:0;padding:0;transition:transform .15s;position:relative}.arena-skill:hover,.arena-skill:focus-visible{z-index:8;transform:translateY(-3px)}.arena-skill-tile{background:radial-gradient(ellipse at center, var(--class-glow), transparent 75%), linear-gradient(135deg, #29302a, #111f25 75%);border:1px solid var(--class-soft);height:70px;color:var(--class-accent);place-items:center;margin:0 5px;transition:border-color .15s,box-shadow .15s;display:grid;position:relative;box-shadow:inset 0 0 0 3px #0e191bd9,inset 0 0 0 4px #d1b87a13,0 3px 12px #0006}.arena-skill:hover .arena-skill-tile{border-color:var(--class-accent);box-shadow:inset 0 0 0 3px #0e191bd9, 0 0 15px var(--class-glow)}.arena-skill-tile>svg{width:34px;height:34px;filter:drop-shadow(0 0 6px var(--class-glow))}.arena-skill:nth-child(3).arena-class-mage .arena-skill-tile{color:#a2c7d1}.arena-skill:nth-child(4).arena-class-mage .arena-skill-tile{color:#cec0a1}.arena-skill-tile>kbd{z-index:2;color:#ded1ae;background:#152025;border:1px solid #b5a17477;place-items:center;width:19px;height:19px;font-size:9px;display:grid;position:absolute;top:-6px;left:-6px;box-shadow:0 1px 3px #0005}.arena-skill-tile>small{z-index:2;color:#9eafc0;font-size:7px;position:absolute;bottom:4px;right:6px}.arena-class-rogue .arena-skill-tile>small{color:#c6b280}.arena-skill-name{color:#c3c9b9;min-height:20px;margin-top:9px;font-size:8px;line-height:1.2;display:block}.arena-skill.is-unavailable .arena-skill-tile>svg{opacity:.45}.arena-skill.is-unavailable{cursor:not-allowed}.arena-cooldown{z-index:1;background:conic-gradient(#03090dd6 var(--cooldown), #03090d1f 0);place-items:center;display:grid;position:absolute;inset:0}.arena-cooldown>b{color:#eee8db;font-variant-numeric:tabular-nums;text-shadow:0 1px 6px #000;font-size:19px;font-weight:450}.arena-actionbar-bottom{color:#7e9089;letter-spacing:.09em;border-top:1px solid #c1b99424;justify-content:space-between;align-items:center;margin:7px 5px 0;padding-top:10px;font-size:6px;display:flex}.arena-actionbar-bottom>span:first-child{letter-spacing:.01em;color:#b2b6a3;align-items:center;gap:6px;font-size:7px;display:flex}.arena-actionbar-bottom b{color:#ac9e7c;padding:0 7px;font-weight:400}.arena-camera-shortcuts{color:#8c9b8e;justify-content:center;gap:17px;margin-top:9px;font-size:7px;display:flex}.arena-camera-shortcuts>span{align-items:center;gap:5px;display:flex}.arena-camera-shortcuts kbd{color:#b3b6a0;font-size:7px}.arena-castbar{background:#122024e8;border:1px solid #e3bc756e;width:260px;height:25px;position:absolute;bottom:calc(100% + 16px);left:50%;overflow:hidden;transform:translate(-50%)}.arena-castbar>span{background:linear-gradient(90deg,#97704199,#d2ac69ad);height:100%;transition:width .1s linear;display:block}.arena-castbar>div{color:#f2e3be;align-items:center;gap:8px;padding:0 9px;font-size:8px;display:flex;position:absolute;inset:0}.arena-castbar svg{width:14px;height:14px}.arena-castbar b{margin-left:auto;font-size:8px;font-weight:500}.arena-ability-tooltip{text-align:left;width:249px;color:var(--arena-ivory);pointer-events:none;opacity:0;visibility:hidden;z-index:20;white-space:normal;background:linear-gradient(140deg,#1e2b2d,#0d181e);border:1px solid #b6a07372;padding:17px 18px 13px;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%,5px);box-shadow:0 10px 35px #0007}.arena-ability-tooltip:after{content:"";background:#142023;border-bottom:1px solid #b6a07372;border-right:1px solid #b6a07372;width:8px;height:8px;position:absolute;bottom:-5px;left:calc(50% - 4px);transform:rotate(45deg)}.arena-mini-skill:hover .arena-ability-tooltip,.arena-mini-skill:focus-visible .arena-ability-tooltip,.arena-skill:hover .arena-ability-tooltip,.arena-skill:focus-visible .arena-ability-tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.arena-ability-tooltip>strong{font-family:var(--font-display), Georgia, serif;color:var(--class-accent);margin-bottom:8px;font-size:20px;font-weight:460;display:block}.arena-tooltip-description{color:#bcc4b9;font-size:10px;line-height:1.7;display:block}.arena-tooltip-meta{color:#cfc4a4;border-top:1px solid #b2ad8b24;flex-wrap:wrap;gap:5px 12px;margin-top:11px;padding-top:10px;font-size:7px;display:flex}.arena-tooltip-cast{color:#859b94;margin-top:7px;font-size:7px;display:block}.arena-minimap{background:#102025c9;border:1px solid #bdac7833;width:148px;padding:11px 11px 8px}.arena-minimap-title{color:#adaf94;letter-spacing:.1em;justify-content:space-between;font-size:5px;display:flex}.arena-minimap-title>span:last-child{color:#d5c197}.arena-minimap>svg{width:100%;height:auto;margin-top:5px;overflow:visible}.arena-minimap-border{fill:#162b2b;stroke:#7d8a713b;stroke-width:.8px}.arena-minimap-grid{stroke:#86997719;stroke-width:.5px}.arena-minimap-ring{fill:none;stroke:#af9f6652;stroke-width:.7px}.arena-minimap-pillar{fill:#718371;stroke:#b8b596;stroke-width:.6px}.arena-minimap-player{fill:#e9ca7f}.arena-minimap-player-ring{fill:none;stroke:#e9ca7f55;stroke-width:1px}.arena-minimap-enemy{fill:#c97f69}.arena-minimap text{font-family:var(--font-mona), sans-serif;text-anchor:middle;fill:#182222;font-size:6px;font-weight:750}.arena-minimap-caption{text-align:center;letter-spacing:.11em;color:#7e9286;margin-top:4px;font-size:5px;display:block}.arena-touch-controls{display:none}.arena-app .arena-floating-hit{color:#fff8e5;font-family:var(--font-mona), sans-serif;text-shadow:0 2px 2px #18120e,0 0 8px #0008;pointer-events:none;white-space:nowrap;z-index:2;font-size:23px;font-weight:700;line-height:1;position:absolute;top:0;left:0}.arena-modal-backdrop{z-index:12;-webkit-backdrop-filter:blur(9px);background:#050f15b8;justify-content:center;align-items:center;padding:30px;animation:.2s ease-out arena-fade-in;display:flex;position:absolute;inset:0}.arena-dialog{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#766b50 #152226;-webkit-user-select:text;user-select:text;background:radial-gradient(at top,#29373152,#0000 60%),#101d23fa;border:1px solid #bfa47259;outline:none;width:100%;max-width:530px;max-height:calc(100dvh - 60px);padding:36px;position:relative;overflow-y:auto;box-shadow:0 20px 100px #0006,inset 0 0 0 5px #0d191e,inset 0 0 0 6px #bfa4720f}.arena-dialog-close{position:absolute;top:14px;right:14px}.arena-dialog>.arena-eyebrow{padding-right:20px;font-size:8px}.arena-dialog h2{font-family:var(--font-display), Georgia, serif;letter-spacing:-.035em;margin:14px 0 0;font-size:39px;font-weight:420;line-height:1.15}.arena-dialog-intro{color:#9dacaa;margin-top:14px;font-size:11px;line-height:1.9}.arena-gold-button,.arena-secondary-button{letter-spacing:.12em;justify-content:center;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 20px;transition:background .15s,filter .15s,border-color .15s;display:flex;font-size:9px!important;font-weight:650!important}.arena-gold-button{background:linear-gradient(120deg,#b8965b,#dfc186,#b8965b);border:1px solid #e7c889;box-shadow:inset 0 0 0 3px #a9905e,inset 0 0 0 4px #655d372b;color:#1a261f!important}.arena-gold-button:hover{filter:brightness(1.12)}.arena-secondary-button{background:#bfa46d06;border:1px solid #ad9d6d52;color:#c8c3a8!important}.arena-secondary-button:hover{background:#bfa46d15;border-color:#ad9d6d9c}.arena-gold-button>svg,.arena-secondary-button>svg{width:17px;height:17px}.arena-text-button{justify-content:center;align-items:center;gap:13px;margin:5px auto;padding:6px 0;display:flex;color:#aaae99!important;font-size:10px!important}.arena-text-button:hover{color:var(--arena-gold-bright)!important}.arena-text-button>svg{width:14px;height:14px}.arena-dialog-actions{flex-direction:column;gap:11px;margin-top:29px;display:flex}.arena-dialog-footnote{color:#889d92;border-top:1px solid #b2ad8b24;justify-content:space-between;align-items:center;gap:10px;margin-top:23px;padding-top:18px;font-size:8px;display:flex}.arena-dialog-footnote svg{color:#a8aa91;width:17px;height:17px}.arena-book-tabs{background:#0c171b;border:1px solid #b6a2732b;gap:3px;margin:24px 0 5px;padding:4px;display:flex}.arena-book-tabs button{color:#96a59c;flex:1;justify-content:center;align-items:center;gap:9px;padding:10px 8px;font-size:10px;transition:background .2s,color .2s;display:flex}.arena-book-tabs button.is-active{color:var(--arena-gold-bright);background:#b69b661b;box-shadow:inset 0 0 0 1px #b69b6633}.arena-book-tabs button svg{width:16px;height:16px}.arena-book-ability{border-bottom:1px solid #b2ad8b1a;align-items:flex-start;gap:16px;padding:17px 0;display:flex}.arena-book-ability:last-child{border-bottom:0;padding-bottom:0}.arena-book-icon{border:1px solid var(--class-soft);background:radial-gradient(ellipse at center, var(--class-glow), #121e23);width:44px;height:46px;color:var(--class-accent);flex-shrink:0;place-items:center;margin-top:2px;display:grid;position:relative;box-shadow:inset 0 0 0 3px #112026}.arena-book-icon>svg{width:25px;height:25px}.arena-book-icon kbd{text-align:center;color:#ddd1ab;background:#132026;border:1px solid #a6966f;width:14px;height:14px;font-size:7px;position:absolute;top:-5px;left:-5px}.arena-book-ability>div:last-child{flex:1}.arena-book-ability h3{font-family:var(--font-display), Georgia, serif;color:#ded6bf;justify-content:space-between;align-items:center;gap:9px;font-size:18px;font-weight:450;line-height:1.3;display:flex}.arena-book-ability h3 span{color:#889b91;font-family:var(--font-mona), sans-serif;white-space:nowrap;font-size:7px}.arena-book-ability p{color:#9dac9f;margin-top:5px;font-size:9px;line-height:1.65}.arena-book-meta{color:#b3a987;flex-wrap:wrap;gap:12px;margin-top:7px;font-size:7px;display:flex}.arena-spellbook-dialog{max-width:580px;padding-top:31px}.arena-spellbook-dialog .arena-dialog-footnote{justify-content:flex-start;font-size:7px}.arena-help-dialog{max-width:580px}.arena-help-controls{grid-template-columns:1fr 1fr;gap:26px 30px;margin-top:28px;display:grid}.arena-help-controls>div>svg{width:23px;height:23px;color:var(--arena-gold);margin-bottom:11px}.arena-help-controls strong{font-family:var(--font-display), Georgia, serif;color:#e0d6ba;font-size:18px;font-weight:430}.arena-help-controls p{color:#9eada1;margin-top:8px;font-size:9px;line-height:1.85}.arena-help-controls kbd,.arena-help-camera kbd{color:#e1d4b0;white-space:nowrap;background:#e2c2860b;border:1px solid #b6b08936;border-radius:2px;padding:1px 3px;font-size:8px}.arena-help-camera{border-top:1px solid #b2ad8b24;margin:23px 0;padding-top:19px}.arena-help-camera>strong{font-family:var(--font-display), Georgia, serif;color:#e0d6ba;font-size:18px;font-weight:430}.arena-help-camera>p{color:#9eada1;margin-top:8px;font-size:9px;line-height:1.85}.arena-help-camera>div{color:#b2b8a5;grid-template-columns:1fr 1fr;gap:9px 14px;margin-top:13px;font-size:8px;display:grid}.arena-help-camera>div>span{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.arena-setting-row{border-bottom:1px solid #b2ad8b24;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;display:flex}.arena-setting-row strong{color:#d0cfb8;font-size:12px;font-weight:450}.arena-setting-row p{color:#869b90;margin-top:6px;font-size:9px}.arena-audio-row{border-bottom:0;padding-bottom:16px}.arena-sound-preview{border-bottom:1px solid #b2ad8b24;padding-bottom:20px}.arena-sound-preview>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.arena-sound-preview .arena-secondary-button{gap:8px;width:auto;min-height:36px;padding:8px 12px;font-size:8px!important}.arena-sound-preview .arena-secondary-button>svg{color:#d3ac73;width:15px;height:15px}.arena-sound-preview .arena-secondary-button:disabled{opacity:.5}.arena-sound-preview a{color:#96a294;text-underline-offset:3px;align-items:center;gap:5px;font-size:8px;display:flex}.arena-sound-preview a:hover{color:var(--arena-gold-bright);text-decoration:underline}.arena-sound-preview a>svg{width:11px;height:11px;transform:rotate(-45deg)}.arena-sound-preview>p{color:#93a195;margin-top:9px;font-size:8px;line-height:1.7}.arena-switch{background:#17262b;border:1px solid #8b95764f;border-radius:20px;flex-shrink:0;width:38px;height:21px;padding:3px;position:relative}.arena-switch>span{background:#7a8d86;border-radius:50%;width:13px;height:13px;transition:transform .2s,background .2s;display:block}.arena-switch.is-on{background:#665a322e;border-color:#ccb17985}.arena-switch.is-on>span{background:var(--arena-gold);transform:translate(16px)}.arena-segmented{background:#0d1a1f;border:1px solid #a69e742e;padding:3px;display:flex}.arena-segmented>button{color:#8b9c93;padding:5px 12px;font-size:9px}.arena-segmented>button.is-active{color:#ddc695;background:#bfa67225}.arena-setting-note{color:#879a8f;margin:11px 0 25px;font-size:8px}.arena-settings-dialog>.arena-dialog-footnote{letter-spacing:.1em;font-size:6px}.arena-dialog-crest{color:#bfa270;width:76px;height:76px;margin:28px auto 22px}.arena-pause-dialog,.arena-result-dialog{text-align:center}.arena-pause-dialog>.arena-eyebrow,.arena-result-dialog>.arena-eyebrow{justify-content:center;padding:0 10px}.arena-pause-dialog h2{font-size:36px}.arena-result-emblem{color:#a99772;width:106px;height:106px;margin:28px auto 23px;position:relative}.arena-result-emblem>svg:first-child{opacity:.22;width:106px;height:106px}.arena-result-emblem>svg:last-child{width:41px;height:41px;position:absolute;top:32px;left:32px}.arena-result-win .arena-result-emblem{color:var(--arena-gold-bright);filter:drop-shadow(0 0 20px #d6b77755)}.arena-result-stats{border-top:1px solid #b2ad8b24;border-bottom:1px solid #b2ad8b24;grid-template-columns:1fr 1fr 1.2fr;margin-top:26px;padding:17px 0;display:grid}.arena-result-stats>div+div{border-left:1px solid #b2ad8b24}.arena-result-stats span{color:#8c9b89;letter-spacing:.08em;font-size:6px;display:block}.arena-result-stats strong{color:#dfcfab;font-family:var(--font-display), Georgia, serif;margin-top:5px;font-size:28px;font-weight:450;display:block}.arena-result-stats .arena-result-class{padding-top:8px;font-size:17px}.arena-error-detail{color:#d9b297;overflow-wrap:anywhere;background:#b7724c0c;border:1px solid #b7724c35;margin:20px 0 25px;padding:13px;font-size:9px;line-height:1.7}.arena-notice{z-index:30;border:1px solid var(--arena-border);color:#ddceb0;text-align:center;background:#132226f5;width:max-content;max-width:calc(100% - 36px);padding:14px 20px;font-size:11px;position:absolute;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0005}@keyframes arena-count-in{0%{opacity:0;transform:scale(1.3)}20%{opacity:1}to{opacity:.85;transform:scale(1)}}@keyframes arena-fade-in{0%{opacity:0}to{opacity:1}}@media (min-width:1600px){.arena-header{height:119px;margin:0 52px}.arena-lobby-intro{top:190px;left:52px}.arena-lobby-intro>p{font-size:13px}.arena-champion-panel{width:310px;top:184px;right:52px}.arena-champion-card{height:165px}.arena-champion-copy{padding-top:24px}.arena-mini-skills{margin-top:17px}.arena-location{bottom:110px;left:52px}.arena-start-area{width:346px;bottom:100px}.arena-start-button{height:65px}.arena-footer{bottom:31px;left:52px;right:52px}}@media (max-width:1150px){.arena-header{gap:16px;margin:0 28px}.arena-wordmark{font-size:20px}.arena-brand>svg{width:39px;height:39px}.arena-navigation{gap:25px}.arena-live-label{display:none}.arena-lobby-intro{width:300px;top:155px;left:28px}.arena-lobby-intro h1{font-size:61px}.arena-lobby-intro>p{font-size:11px}.arena-champion-panel{width:263px;top:153px;right:28px}.arena-champion-copy{padding-left:16px}.arena-champion-copy h3{font-size:22px}.arena-champion-art{width:145px}.arena-location{gap:11px;bottom:86px;left:28px}.arena-location>svg{width:39px;height:39px}.arena-location h2{font-size:19px}.arena-location-mode{gap:5px;font-size:6px}.arena-start-area{width:298px;bottom:80px}.arena-footer,.arena-combat-top{left:28px;right:28px}.arena-unitframe{gap:8px;width:259px}.arena-unit-title>span{display:none}.arena-control-hints{left:28px}.arena-actionbar{width:510px}.arena-skill-tile{height:65px;margin:0 3px}.arena-minimap{width:126px}.arena-camera-dock{right:28px}.arena-camera-dock .arena-camera-controls{width:194px}}@media (max-width:940px){.arena-header{height:90px}.arena-brand{gap:9px}.arena-brand>svg{width:33px;height:33px}.arena-wordmark{font-size:18px}.arena-navigation{gap:21px}.arena-navigation button{font-size:10px}.arena-header-actions{gap:2px}.arena-icon-button{width:30px}.arena-lobby-intro{width:260px;top:139px}.arena-lobby-intro .arena-eyebrow{letter-spacing:.13em;font-size:7px}.arena-lobby-intro h1{margin-top:20px;font-size:53px}.arena-lobby-intro>p{font-size:10px}.arena-champion-panel{width:244px;top:137px}.arena-champion-card{height:148px}.arena-champion-copy{padding-left:14px}.arena-champion-copy h3{font-size:21px}.arena-champion-role{font-size:6px}.arena-champion-art{width:133px}.arena-champion-copy p{width:119px;font-size:7px}.arena-mini-skills{gap:4px}.arena-mini-skill{width:23px;height:23px}.arena-mini-skill>svg{width:13px;height:13px}.arena-panel-heading .arena-eyebrow{font-size:7px}.arena-location{bottom:82px}.arena-location>svg{width:33px;height:33px}.arena-location h2{font-size:17px}.arena-location .arena-eyebrow{font-size:6px}.arena-location-mode{font-size:5px}.arena-start-area{width:268px}.arena-start-button{gap:11px;height:56px}.arena-start-button>span:not(.arena-start-progress){font-size:9px}.arena-start-button>svg{width:18px;height:18px}.arena-start-overline{font-size:6px}.arena-start-area>p{font-size:7px}.arena-combat-top{top:98px}.arena-unitframe{gap:7px;width:224px;padding:7px}.arena-unit-portrait{width:43px;height:58px}.arena-unit-portrait img{width:73px;top:0;left:-15px}.arena-unit-title strong{font-size:13px}.arena-match-clock strong{font-size:34px}.arena-control-hints{bottom:28px}.arena-control-hints p{font-size:7px}.arena-control-hints p:last-of-type{flex-wrap:wrap;max-width:140px}.arena-actionbar{width:456px}.arena-skill-tile{height:59px;margin:0}.arena-skills{gap:12px}.arena-skill-name{font-size:7px}.arena-minimap{width:108px}.arena-camera-dock .arena-camera-controls{width:184px}.arena-camera-dock{gap:28px}.arena-camera-shortcuts{gap:13px}}@media (max-width:760px){.arena-frame{inset:9px}.arena-header{grid-template-columns:1fr auto;gap:8px;height:79px;margin:0 22px}.arena-brand>svg{width:33px;height:33px}.arena-wordmark{font-size:18px}.arena-brand-subtitle{margin-top:5px;font-size:6px}.arena-navigation{gap:18px;height:30px;position:absolute;top:82px;right:0}.arena-navigation button{font-size:8px}.arena-navigation button:first-child{display:none}.arena-header-actions{gap:2px}.arena-icon-button{width:28px;height:31px}.arena-icon-button svg{width:15px;height:15px}.arena-fullscreen-button{display:none}.arena-lobby-intro{width:265px;top:121px;left:22px}.arena-lobby-intro .arena-eyebrow{letter-spacing:.16em;font-size:6px}.arena-lobby-intro .arena-eyebrow>i{width:15px}.arena-lobby-intro h1{margin:14px 0 13px;font-size:47px;line-height:1.03}.arena-lobby-intro>p{color:#a8b5a8;max-width:233px;font-size:9px;line-height:1.7}.arena-desktop-break,.arena-intro-rule,.arena-intro-caption{display:none}.arena-vignette{background:linear-gradient(#061217db,#06121733 20%,#0000 40%,#06121738 54%,#061217ef 78%,#061217 100%),linear-gradient(90deg,#0612176b,#0000 72%)}.arena-champion-panel{grid-template-columns:1fr 1fr;gap:9px;width:auto;display:grid;inset:auto 22px 174px}.arena-panel-heading{grid-column:1/-1;margin-bottom:3px}.arena-panel-heading .arena-eyebrow{font-size:7px}.arena-panel-heading>span:last-child{font-size:6px}.arena-champion-card{height:139px;margin:0}.arena-champion-copy{padding:18px 12px 12px}.arena-champion-copy h3{margin-top:6px;font-size:20px}.arena-champion-role{letter-spacing:.12em;font-size:5px}.arena-champion-art{opacity:.65;object-position:50% 4%;width:115px;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 60%);mask-image:linear-gradient(90deg,#0000 0%,#000 60%)}.arena-champion-copy p{width:100px;margin-top:5px;font-size:6px}.arena-selection-mark{width:11px;height:11px;top:8px;right:8px}.arena-selection-mark svg{width:7px;height:7px}.arena-mini-skills{gap:4px;margin-top:17px}.arena-mini-skill{width:22px;height:23px}.arena-mini-skill>svg{width:13px;height:13px}.arena-champion-panel>.arena-difficulty{grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;margin-top:3px;display:flex}.arena-champion-panel .arena-difficulty>label{margin:0;font-size:8px}.arena-champion-panel .arena-select-wrap{width:50%;height:35px}.arena-select-wrap select{font-size:9px}.arena-difficulty-caption{display:none}.arena-location{gap:9px;bottom:402px;left:22px}.arena-location>svg{width:30px;height:30px}.arena-location .arena-eyebrow{display:none}.arena-location h2{margin:0 0 5px;font-size:16px}.arena-location-mode{letter-spacing:.08em;font-size:5px}.arena-start-area{width:auto;bottom:78px;left:22px;right:22px;transform:none}.arena-start-overline{display:none}.arena-start-button{gap:18px;height:54px}.arena-start-button>span:not(.arena-start-progress){font-size:10px}.arena-start-area>p{margin-top:13px;font-size:7px}.arena-footer{letter-spacing:.07em;font-size:5px;bottom:29px;left:22px;right:22px}.arena-footer>div>span:not(.arena-footer-diamond){display:none}.arena-footer b{margin-left:2px;font-size:6px}.arena-mini-skill .arena-ability-tooltip{width:auto;max-width:360px;position:fixed;bottom:230px;left:22px;right:22px;transform:translateY(5px)}.arena-mini-skill:hover .arena-ability-tooltip,.arena-mini-skill:focus-visible .arena-ability-tooltip{transform:translateY(0)}.arena-mini-skill .arena-ability-tooltip:after{display:none}.arena-is-match .arena-header{height:61px;margin:0 18px}.arena-is-match .arena-brand>svg{width:25px;height:25px}.arena-is-match .arena-wordmark{font-size:14px}.arena-is-match .arena-brand-subtitle{margin-top:3px;font-size:5px}.arena-is-match .arena-navigation{display:none}.arena-combat-top{top:78px;left:18px;right:18px}.arena-unitframe{gap:6px;width:calc(50% - 30px);padding:6px}.arena-unit-portrait{width:33px;height:47px}.arena-unit-portrait img{width:61px;top:-2px;left:-14px}.arena-unit-portrait span{padding:1px;font-size:5px}.arena-unit-title{margin-bottom:6px}.arena-unit-title strong{font-size:10px}.arena-health-track{height:12px}.arena-meter-text{gap:2px;font-size:6px}.arena-meter-text>span{font-size:5px}.arena-unit-bottom{margin-top:3px;font-size:5px}.arena-unit-status{display:none}.arena-match-clock{top:7px}.arena-match-clock>span{display:none}.arena-match-clock strong{font-size:23px}.arena-match-clock>small{white-space:nowrap;gap:0;max-width:36px;height:8px;margin:1px auto 0;font-size:5px;display:block;overflow:hidden}.arena-match-clock>small i{display:none}.arena-combat-message{white-space:normal;max-width:calc(100% - 40px);font-size:9px;top:157px}.arena-actionbar{width:calc(100% - 36px);bottom:22px}.arena-skill-tile{height:59px;margin:0}.arena-skills{gap:6px;padding:0 3px}.arena-combat-buff{gap:6px;padding:8px 7px 10px}.arena-combat-buff strong{letter-spacing:.03em;font-size:7px}.arena-combat-buff span small{display:none}.arena-combat-buff>svg{width:20px;height:20px}.arena-skill-tile>svg{width:28px;height:28px}.arena-skill-tile>kbd{width:16px;height:16px;font-size:7px;top:-4px;left:-4px}.arena-skill-name{margin-top:8px;font-size:7px}.arena-actionbar-bottom{margin-top:3px;padding-top:9px;font-size:5px}.arena-actionbar-bottom>span:first-child{font-size:6px}.arena-actionbar-bottom>span:last-child{font-size:0}.arena-actionbar-bottom>span:last-child:after{content:"TAP AN ABILITY TO CAST";font-size:5px}.arena-actionbar-bottom b{display:none}.arena-target-info{margin-bottom:10px;font-size:5px}.arena-control-hints{display:none}.arena-minimap{width:88px;padding:7px}.arena-camera-dock{bottom:192px;right:19px}.arena-camera-controls,.arena-camera-shortcuts{display:none}.arena-minimap-title{font-size:4px}.arena-minimap-caption{display:none}.arena-castbar{width:210px;height:22px;bottom:calc(100% + 17px)}.arena-countdown{top:43%}.arena-countdown>strong{font-size:87px}.arena-countdown>span{font-size:8px}.arena-countdown>small{font-size:13px}.arena-skill .arena-ability-tooltip{width:220px;padding:12px}.arena-skill:first-child .arena-ability-tooltip,.arena-skill:nth-child(2) .arena-ability-tooltip{left:0;transform:translateY(5px)}.arena-skill:nth-child(4) .arena-ability-tooltip,.arena-skill:nth-child(5) .arena-ability-tooltip,.arena-skill:nth-child(6) .arena-ability-tooltip{left:auto;right:0;transform:translateY(5px)}.arena-skill:first-child:hover .arena-ability-tooltip,.arena-skill:nth-child(2):hover .arena-ability-tooltip,.arena-skill:nth-child(4):hover .arena-ability-tooltip,.arena-skill:nth-child(5):hover .arena-ability-tooltip,.arena-skill:first-child:focus-visible .arena-ability-tooltip,.arena-skill:nth-child(2):focus-visible .arena-ability-tooltip,.arena-skill:nth-child(4):focus-visible .arena-ability-tooltip,.arena-skill:nth-child(5):focus-visible .arena-ability-tooltip,.arena-skill:nth-child(6):hover .arena-ability-tooltip,.arena-skill:nth-child(6):focus-visible .arena-ability-tooltip{transform:translate(0)}.arena-modal-backdrop{padding:16px}.arena-dialog{max-height:calc(100dvh - 32px);padding:30px 23px}.arena-dialog h2{font-size:32px}.arena-dialog>.arena-eyebrow{letter-spacing:.13em;font-size:7px}.arena-help-controls{gap:22px 20px}.arena-help-controls strong{font-size:16px}.arena-help-controls p{font-size:8px}.arena-dialog-intro{font-size:10px}.arena-book-ability{gap:12px;padding:15px 0}.arena-book-ability h3{font-size:16px}.arena-book-ability h3 span{font-size:6px}.arena-book-ability p{font-size:8px}.arena-book-meta{gap:9px;font-size:6px}.arena-book-icon{width:38px;height:41px}.arena-result-stats .arena-result-class{font-size:14px}.arena-setting-row p{font-size:8px}}@media (pointer:coarse){.arena-touch-controls{pointer-events:auto;align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:195px;left:20px}.arena-touch-pad{grid-template-rows:repeat(2,34px);grid-template-columns:repeat(3,34px);gap:3px;display:grid}.arena-touch-controls button{color:#d4c6a1;touch-action:none;background:#112126a3;border:1px solid #c5b38057;border-radius:3px;place-items:center;display:grid}.arena-touch-controls button:active{background:#a38d4959}.arena-touch-controls svg{width:20px;height:20px}.arena-touch-up{grid-column:2}.arena-touch-left{grid-area:2/1}.arena-touch-down{grid-area:2/2}.arena-touch-right{grid-area:2/3}.arena-touch-jump{align-content:center;gap:2px;width:39px;height:39px}.arena-touch-jump span{font-size:6px}.arena-touch-jump>svg{width:16px;height:16px}.arena-skill:hover{transform:none}.arena-skill:hover:not(:focus-visible) .arena-ability-tooltip{opacity:0;visibility:hidden}}@media (max-height:850px) and (min-width:761px){.arena-header{height:85px}.arena-lobby-intro{top:134px}.arena-lobby-intro h1{margin:20px 0;font-size:59px}.arena-lobby-intro>p{font-size:10px}.arena-intro-rule{margin-top:21px}.arena-champion-panel{top:127px}.arena-champion-card{height:138px}.arena-champion-copy{padding-top:17px}.arena-mini-skills{margin-top:11px}.arena-panel-heading{margin-bottom:12px}.arena-difficulty{margin-top:14px}.arena-difficulty>label{margin-bottom:7px}.arena-select-wrap{height:36px}.arena-start-area{bottom:66px}.arena-start-overline{margin-bottom:12px}.arena-location{bottom:73px}.arena-footer{bottom:23px}.arena-is-match .arena-header{height:65px}.arena-combat-top{top:82px}.arena-combat-message{top:181px}.arena-actionbar{bottom:17px}.arena-skill-tile{height:58px}.arena-control-hints{bottom:24px}.arena-minimap{width:120px}.arena-camera-dock{bottom:22px}}@media (max-height:720px) and (min-width:761px){.arena-champion-panel{top:100px}.arena-champion-card{height:110px}.arena-champion-copy{padding-top:11px}.arena-champion-copy p,.arena-difficulty-caption{display:none}.arena-mini-skills,.arena-champion-panel>.arena-camera-controls{margin-top:10px}.arena-champion-panel .arena-camera-hint{display:none}}@media (max-height:580px){.arena-champion-panel>.arena-camera-controls{display:none}}@media (max-height:740px) and (max-width:760px){.arena-header{height:65px}.arena-navigation{top:69px}.arena-lobby-intro{top:102px}.arena-lobby-intro h1{margin:11px 0;font-size:39px}.arena-lobby-intro>p{display:none}.arena-champion-panel{bottom:145px}.arena-champion-card{height:123px}.arena-champion-copy{padding-top:13px}.arena-champion-copy h3{font-size:18px}.arena-champion-copy p{display:none}.arena-mini-skills{margin-top:19px}.arena-location{bottom:356px}.arena-start-area{bottom:58px}.arena-start-button{height:49px}.arena-start-area>p{margin-top:11px}.arena-footer{bottom:20px}.arena-actionbar{bottom:17px}.arena-skill-tile{height:51px}.arena-touch-controls{bottom:169px}.arena-camera-dock{bottom:168px}}@media (max-height:520px) and (min-width:600px){.arena-header{height:58px;margin:0 22px}.arena-navigation{height:100%;position:static}.arena-header{grid-template-columns:1fr auto 1fr}.arena-brand>svg{width:28px;height:28px}.arena-wordmark{font-size:16px}.arena-lobby-intro{width:200px;top:92px;left:22px}.arena-lobby-intro h1{margin:15px 0;font-size:42px}.arena-lobby-intro>p,.arena-intro-rule,.arena-intro-caption{display:none}.arena-champion-panel{width:217px;display:block;inset:91px 22px auto auto}.arena-champion-card{height:98px;margin-bottom:8px}.arena-champion-copy{padding:10px 11px}.arena-champion-copy h3{margin-top:3px;font-size:20px}.arena-champion-copy p{display:none}.arena-mini-skills{margin-top:10px}.arena-mini-skill{width:20px;height:20px}.arena-champion-art{width:115px}.arena-panel-heading{margin-bottom:10px}.arena-champion-panel>.arena-difficulty{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.arena-champion-panel .arena-difficulty>label{margin:0;font-size:7px}.arena-champion-panel .arena-select-wrap{width:112px;height:30px}.arena-champion-panel select{padding-left:30px;font-size:8px}.arena-difficulty-caption{display:none}.arena-location{bottom:76px;left:22px}.arena-location>svg{width:27px;height:27px}.arena-location h2{font-size:15px}.arena-location-mode{font-size:5px}.arena-start-area{width:250px;bottom:43px;left:50%;right:auto;transform:translate(-50%)}.arena-start-overline{display:none}.arena-start-button{gap:9px;height:46px}.arena-start-button>span:not(.arena-start-progress){font-size:8px}.arena-start-area>p{margin-top:10px;font-size:6px}.arena-footer{font-size:5px;bottom:17px;left:22px;right:22px}.arena-is-match .arena-header{height:50px}.arena-combat-top{top:64px;left:22px;right:22px}.arena-unitframe{width:206px;padding:5px}.arena-unit-portrait{width:35px;height:47px}.arena-unit-portrait img{width:61px;top:-2px;left:-13px}.arena-unit-title strong{font-size:11px}.arena-unit-title{margin-bottom:5px}.arena-health-track{height:12px}.arena-unit-bottom{font-size:5px}.arena-match-clock strong{font-size:26px}.arena-match-clock>span,.arena-match-clock>small{font-size:5px}.arena-combat-message{font-size:9px;top:136px}.arena-control-hints,.arena-camera-dock .arena-camera-controls{display:none}.arena-actionbar{width:352px;bottom:14px}.arena-skill-tile{height:44px}.arena-skill-tile>svg{width:25px;height:25px}.arena-skill-name{min-height:10px;margin-top:6px;font-size:6px}.arena-actionbar-bottom{margin-top:5px;padding-top:7px}.arena-target-info{height:18px;margin-bottom:9px;font-size:5px}.arena-minimap{width:88px}.arena-camera-dock{bottom:22px;right:22px}.arena-minimap-title{font-size:4px}.arena-minimap-caption{display:none}.arena-touch-controls{gap:8px;bottom:23px;left:22px}.arena-touch-pad{grid-template-rows:repeat(2,29px);grid-template-columns:repeat(3,29px)}.arena-touch-jump{width:32px;height:32px}.arena-castbar{height:20px;bottom:calc(100% + 8px)}.arena-countdown>strong{font-size:66px;line-height:1.3}.arena-countdown>span{font-size:7px}.arena-countdown>small{font-size:12px}}@media (max-width:370px){.arena-header{margin:0 17px}.arena-wordmark{font-size:16px}.arena-brand>svg{width:28px;height:28px}.arena-lobby-intro{left:17px}.arena-champion-panel{gap:7px;left:17px;right:17px}.arena-champion-copy{padding-left:9px}.arena-champion-copy h3{font-size:17px}.arena-mini-skills{gap:3px}.arena-mini-skill{width:21px}.arena-start-area{left:17px;right:17px}.arena-location{left:17px}.arena-unitframe{gap:4px;width:calc(50% - 25px);padding:4px}.arena-unit-portrait{width:27px}.arena-unit-title strong{font-size:9px}.arena-unit-bottom{font-size:4px}.arena-skill-name{font-size:6px}.arena-skill-tile{height:48px}.arena-touch-controls{gap:9px}.arena-dialog{padding:28px 19px}.arena-help-controls{grid-template-columns:1fr;gap:20px}}@media (prefers-reduced-motion:reduce){.arena-app *,.arena-app :before,.arena-app :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.arena-enemy-cast{background:#211c17ed;border:1px solid #dba26a80;border-radius:3px;width:164px;height:21px;margin-top:7px;position:relative;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 2px 12px #0009}.arena-enemy-cast>i{background:linear-gradient(90deg,#6c341b,#c77b38);position:absolute;inset:0 auto 0 0}.arena-enemy-cast>span{color:#ffe0ac;letter-spacing:.06em;justify-content:space-between;align-items:center;height:100%;padding:0 6px;font-size:10px;display:flex;position:relative}.arena-quickstep{color:#dfd4b6;cursor:pointer;font:inherit;letter-spacing:.06em;background:#142722;border:1px solid #bca97755;border-radius:4px;align-items:center;gap:9px;padding:6px 9px;font-size:10px;display:inline-flex}.arena-quickstep kbd{color:#f7e6b6;font:inherit}.arena-quickstep b{color:#91c4b0;font-size:9px}.arena-quickstep:disabled{opacity:.5;cursor:default}.arena-quickstep:focus-visible{outline-offset:3px;outline:2px solid #efcf84}.arena-preview-tools{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.arena-preview-tools select{color:#e8ddc3;min-width:155px;font:inherit;background:#162822;border:1px solid #bca97755;border-radius:4px;padding:11px;font-size:13px}.arena-mix-row label{gap:5px;display:grid}.arena-mix-row label span{color:#a9b4a8;font-size:12px;line-height:1.5}.arena-mix-row>div{text-align:right;gap:7px;width:32%;min-width:110px;display:grid}.arena-mix-row output{color:#dfc68f;font-variant-numeric:tabular-nums;font-size:12px}.arena-mix-row input{accent-color:#d8bb7d;cursor:pointer;width:100%}.arena-music-preview{margin:2px 0 14px}@media (max-width:600px){.arena-mix-row{gap:16px}.arena-mix-row label span{max-width:200px}.arena-quickstep{gap:5px;padding:5px;font-size:9px}}.arena-control-status{gap:4px;margin-top:7px;display:grid}.arena-control-status>span{letter-spacing:.07em;border:1px solid;border-radius:3px;align-items:center;gap:5px;min-height:24px;padding:4px 6px;font-size:9px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 9px #0005}.arena-control-status svg{flex:0 0 14px;width:14px;height:14px}.arena-control-status strong{font-weight:750}.arena-control-status b{font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.arena-stun-badge{color:#ffe094;background:#392609eb;border-color:#e8b653b3!important}.arena-interrupt-badge{color:#ffe3dd;background:#481b20f2;border-color:#ff796cc7!important}.arena-slow-badge{color:#e0fbb8;background:#1d301af2;border-color:#a7d960b8!important}.arena-control-status .arena-slow-badge>i{background:#b0df72;height:3px;transition:width .1s linear;position:absolute;bottom:0;left:0}.arena-control-status .arena-interrupt-badge>i{background:#ff806c;height:3px;transition:width .1s linear;position:absolute;bottom:0;left:0}.arena-nameplate .arena-control-status{width:174px;position:relative;left:50%;transform:translate(-50%)}.arena-nameplate .arena-control-status>span{text-shadow:0 1px 2px #000;min-height:27px;font-size:10px}.arena-castbar.is-interrupted{background:#3b161def;border-color:#ff796cbf}.arena-castbar.is-interrupted>span{background:linear-gradient(90deg,#912f36,#ce5148)}.arena-castbar.is-interrupted>div{color:#fff0e9;font-weight:700}.arena-actionbar.has-cast-status .arena-buff-row{bottom:calc(100% + 52px)}.arena-combo-meter{background:linear-gradient(100deg,#21182cf5,#101b24f0);border:1px solid #b396d580;border-radius:5px;justify-content:center;align-items:center;gap:13px;width:184px;margin:0 0 9px;padding:8px 11px;display:flex;position:relative;left:50%;transform:translate(-50%);box-shadow:0 3px 16px #0008}.arena-combo-meter strong{color:#f2defe;font-variant-numeric:tabular-nums;font-size:18px;line-height:1;animation:.22s ease-out arena-combo-count}.arena-combo-meter strong small{color:#baa4c4;padding-left:2px;font-size:10px;font-weight:500}.arena-combo-meter .arena-combo{gap:11px;margin:0;padding:2px}.arena-nameplate .arena-combo-meter .arena-combo>i{background:#0c101b;border:1px solid #967aad;width:11px;height:11px}.arena-nameplate .arena-combo-meter .arena-combo>i.is-filled{background:linear-gradient(135deg,#fff0ff,#bf87fa);border-color:#efcfff;animation:.3s ease-out arena-combo-gain;box-shadow:0 0 10px #c887fc80}.arena-combo-meter.is-full{border-color:#d8b1f1bd;box-shadow:0 0 16px #be78f03b,0 3px 16px #0008}.arena-finisher-hint{color:#bfaaca;justify-content:space-between;align-items:center;gap:8px;margin:-3px 9px 10px;font-size:9px;line-height:1.4;display:flex}.arena-finisher-hint>b{color:#ecd1ff;letter-spacing:.05em;white-space:nowrap;font-size:8px;font-weight:650}.arena-finisher-hint>span{text-align:right}.arena-tooltip-finisher{color:#ecd1ff;border-top:1px solid #bea1d638;margin-top:7px;padding-top:8px;font-size:9px;line-height:1.5;display:block}.arena-nameplate{transition-property:left,top;transition-duration:40ms;transition-timing-function:linear}.arena-nameplate-health{position:relative;overflow:hidden}.arena-nameplate-health>i{max-width:calc(100% - 2px);height:auto;position:absolute;top:1px;bottom:1px;left:1px}.arena-health-chip,.arena-nameplate-health>.arena-health-chip{background:#e9c6a388;transition:width .36s ease-out .12s;position:absolute;inset:0 auto 0 0}.arena-nameplate-health>.arena-health-chip{inset:1px auto 1px 1px}@keyframes arena-combo-gain{0%{transform:rotate(45deg)scale(1.6);box-shadow:0 0 22px #e3b1ff}to{transform:rotate(45deg)scale(1)}}@keyframes arena-combo-count{0%{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.arena-combo-meter{gap:10px;width:162px;padding:7px 9px}.arena-combo-meter .arena-combo{gap:9px}.arena-nameplate .arena-combo-meter .arena-combo>i{width:10px;height:10px}.arena-finisher-hint{gap:5px;margin-bottom:8px;font-size:8px}.arena-finisher-hint>b{font-size:7px}.arena-unitframe .arena-control-status>span{gap:3px;padding:3px;font-size:7px}.arena-unitframe .arena-control-status svg{display:none}.arena-unitframe .arena-control-status b{font-size:9px}}@media (prefers-reduced-motion:reduce){.arena-combo-meter strong,.arena-combo-meter .arena-combo>i.is-filled{animation:none}}.arena-sap-badge{color:#edd8ff;background:#2b183eed;border-color:#c692f2b8!important}.arena-control-status .arena-sap-badge>i{background:#cd9bfa;height:3px;transition:width .1s linear;position:absolute;bottom:0;left:0}.arena-sap-skill .arena-skill-tile{background:linear-gradient(140deg,#36234a,#171221);border-color:#ba87e7a6}.arena-sap-skill .arena-skill-tile>svg{color:#e0baff}.arena-step-charges{justify-content:center;align-items:center;gap:3px;height:12px;margin-top:-8px;display:flex}.arena-step-charges>i{background:#13111c;border:1px solid #a08cb16b;border-radius:2px;width:6px;height:6px;transition:background .15s,box-shadow .15s}.arena-step-charges>i.is-filled{background:#c2a0f1;border-color:#e6d2ff;box-shadow:0 0 5px #a879dc70}.arena-step-charges>b{letter-spacing:.035em;color:#c6b7dc;margin-left:1px;font-size:5px;font-weight:500}.arena-cheap-shot-skill .arena-skill-tile{background:linear-gradient(140deg,#3c2943,#1c1825);border-color:#e7bd78b0}.arena-cheap-shot-skill .arena-skill-tile>svg{color:#ffdb91}.arena-buff-stealth{color:#e2bfff;background:#20162deb;border-color:#d0a6f070}@media (max-width:600px){.arena-step-charges{gap:2px;margin-top:-2px}.arena-step-charges>i{width:4px;height:4px}.arena-step-charges>b{font-size:4px}}.arena-combustion-badge{color:#ffce9d;background:#3b1d10f2;border-color:#f9a154a6!important}.arena-cloak-badge{color:#dec4ff;background:#211331f2;border-color:#b997e8a6!important}.arena-control-status .arena-combustion-badge>i,.arena-control-status .arena-cloak-badge>i{opacity:.75;background:currentColor;height:3px;transition:width .1s linear;position:absolute;bottom:0;left:0}.arena-skip-entrance{color:#d6d5d0;cursor:pointer;pointer-events:auto;background:#101a2bcc;border:1px solid #b8a17655;border-radius:3px;margin:16px auto 0;padding:8px 14px;font-size:11px;display:block}.arena-skip-entrance:hover,.arena-skip-entrance:focus-visible{color:#fff4d3;border-color:#cfb779}.arena-world-select{margin-top:12px}.arena-world-select select{font-size:11px}.arena-world-loading{color:var(--arena-gold-bright);margin:0;font-size:10px;position:absolute;bottom:-18px;left:0}@media (max-width:900px){.arena-champion-panel>.arena-world-select{grid-column:1/-1;margin-top:2px}.arena-world-loading{grid-column:1/-1}}@media (max-width:760px) and (min-height:521px){.arena-location{transform:translateY(-52px)}}.arena-trailer{pointer-events:none;position:absolute;inset:0}.arena-trailer-bars:before,.arena-trailer-bars:after{content:"";background:#05090df0;height:9%;position:absolute;left:0;right:0}.arena-trailer-bars:before{top:0}.arena-trailer-bars:after{bottom:0}.arena-trailer-caption{text-align:center;color:#ffcd9b;text-shadow:0 2px 15px #000,0 1px 4px #000;position:absolute;bottom:13%;left:7%;right:7%}.arena-trailer-caption>span{letter-spacing:.32em;font-size:10px}.arena-trailer-caption h2{font:400 clamp(22px, 3.2vw, 42px)/1.15 var(--font-display), Georgia, serif;color:#fff4df;margin:10px 0 0}.arena-trailer-caption.is-shadow{color:#c2a3ff}.arena-trailer-skip{pointer-events:auto;color:#ece3cb;cursor:pointer;background:#121c22;border:1px solid #d9cfaf55;align-items:center;gap:12px;padding:8px 14px;font-size:11px;display:flex;position:absolute;bottom:2.5%;right:5%}.arena-trailer-skip svg{width:14px;height:14px}.arena-trailer-skip:focus-visible{outline-offset:3px;outline:2px solid #e7c980}.arena-online-create{letter-spacing:.12em;background:#122326e8;border:1px solid #bcab805f;justify-content:center;align-items:center;gap:11px;width:100%;min-height:39px;margin-top:10px;transition:background .18s,border-color .18s;display:flex;color:#e2d3b2!important;font-size:9px!important;font-weight:600!important}.arena-online-create svg{width:15px;height:15px}.arena-online-create:hover:not(:disabled){background:#263732;border-color:#d5bd83}.arena-online-create:disabled{opacity:.55}.arena-online.arena-is-lobby .arena-lobby-intro{width:322px}.arena-online .arena-lobby-intro h1{margin:16px 0 20px;font-size:45px}.arena-online .arena-intro-rule,.arena-online .arena-intro-caption{display:none}.arena-online-room{text-shadow:none;pointer-events:auto;background:linear-gradient(145deg,#112025f5,#111c23f0);border:1px solid #b9ac8047;border-radius:5px;padding:17px;box-shadow:0 12px 35px #0003}.arena-online-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.arena-online-heading .arena-eyebrow{letter-spacing:.12em;font-size:8px}.arena-online-status{color:#c2b99e;white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:flex}.arena-online-status i{background:#d0b47a;border-radius:50%;width:5px;height:5px}.arena-online-status.is-connected{color:#b7d5b6}.arena-online-status.is-connected i{background:#9ecf9a}.arena-online-players{grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 11px;display:grid}.arena-online-players>div{background:#08151b77;border:1px solid #a9b4a02b;border-radius:3px;gap:5px;min-width:0;padding:10px;display:grid}.arena-online-players span{letter-spacing:.09em;color:#93a59d;font-size:8px}.arena-online-players strong{font-family:var(--font-display), Georgia, serif;white-space:nowrap;font-size:16px;font-weight:500}.arena-online-players b{color:#a6aca4;font-size:9px;font-weight:500}.arena-online-players b.is-ready{color:#b5d99d}.arena-online-room>p{color:#acb6ad;margin:0 0 14px;font-size:10px;line-height:1.7}.arena-online-room>label{color:#d1c6aa;margin-bottom:7px;font-size:10px;display:block}.arena-online-invite{gap:7px;display:flex}.arena-online-invite input{color:#c7d0c5;min-width:0;font:10px/1.4 var(--font-mona), Arial, sans-serif;-webkit-user-select:text;user-select:text;background:#09151be8;border:1px solid #a9b4a03b;border-radius:3px;flex:1;padding:8px}.arena-online-invite button{white-space:nowrap;background:#b89b5830;border:1px solid #c8b68280;border-radius:3px;padding:8px 10px;color:#ecdbb5!important;font-size:10px!important}.arena-online-invite button:hover{background:#b89b5850}.arena-online-leave{text-underline-offset:3px;margin-top:13px;text-decoration:underline;display:block;color:#9eaca2!important;font-size:9px!important}.arena-online-leave:hover{color:#eee0bc!important}.arena-online .arena-start-button:disabled{cursor:default}.arena-online select:disabled{cursor:default;color:#b4bbae;opacity:.8}.arena-online .arena-unit-portrait>span{font-size:7px}.arena-connection-dialog{max-width:440px}.arena-connection-dialog h2{font-size:30px}@media (min-width:761px) and (max-height:850px){.arena-online.arena-is-lobby .arena-lobby-intro{top:127px}.arena-online .arena-lobby-intro h1{margin:12px 0 16px;font-size:37px}}@media (min-width:761px) and (max-height:720px){.arena-online.arena-is-lobby .arena-lobby-intro{top:108px}.arena-online .arena-lobby-intro h1{display:none}.arena-online-room{margin-top:14px}}@media (max-width:760px) and (min-height:521px){.arena-online.arena-is-lobby .arena-interface{pointer-events:auto;grid-template-columns:minmax(0,1fr);align-content:start;gap:18px;padding:112px 22px 35px;display:grid;overflow-y:auto}.arena-online.arena-is-lobby .arena-header{z-index:7;background:#0c1a21f5;height:65px;position:fixed}.arena-online.arena-is-lobby .arena-lobby-intro,.arena-online.arena-is-lobby .arena-champion-panel,.arena-online.arena-is-lobby .arena-start-area{width:auto;margin:0;position:static;transform:none}.arena-online .arena-lobby-intro>.arena-eyebrow,.arena-online .arena-lobby-intro h1{display:none}.arena-online .arena-champion-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.arena-online .arena-champion-card{min-width:0;height:120px;margin-bottom:0}.arena-online .arena-champion-copy p{display:none}.arena-online .arena-champion-copy h3{font-size:19px}.arena-online .arena-mini-skills{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;width:100%;max-width:145px;margin-top:13px;display:grid}.arena-online .arena-mini-skill{width:100%;min-width:0}.arena-online .arena-location,.arena-online .arena-footer,.arena-online .arena-start-overline{display:none}.arena-online .arena-start-area>p{margin-top:11px}.arena-online-room{padding:15px}}@media (max-height:620px) and (min-width:761px),(max-height:520px){.arena-online.arena-is-lobby .arena-interface{pointer-events:auto;grid-template-columns:minmax(270px,1fr) minmax(220px,1fr);align-content:start;gap:18px 32px;padding:85px 28px 30px;display:grid;overflow-y:auto}.arena-online.arena-is-lobby .arena-header{z-index:7;background:#0c1a21f5;height:58px;position:fixed}.arena-online.arena-is-lobby .arena-lobby-intro,.arena-online.arena-is-lobby .arena-champion-panel,.arena-online.arena-is-lobby .arena-start-area{width:auto;margin:0;position:static;transform:none}.arena-online .arena-lobby-intro>.arena-eyebrow,.arena-online .arena-lobby-intro h1,.arena-online .arena-location,.arena-online .arena-footer,.arena-online .arena-start-overline{display:none}.arena-online .arena-champion-panel{display:block}.arena-online .arena-champion-card{height:96px;margin-bottom:9px}.arena-online .arena-champion-copy{padding-top:10px}.arena-online .arena-champion-copy p,.arena-online .arena-champion-panel>.arena-camera-controls{display:none}.arena-online-room{margin:0}.arena-online.arena-is-lobby .arena-start-area{grid-column:1/-1;justify-self:center;width:322px}}.arena-chat-bubbles{z-index:15;pointer-events:none;position:absolute;inset:0;overflow:hidden}.arena-chat-anchor{width:max-content;max-width:min(240px,65vw);position:absolute;transform:translate(-50%,calc(-100% - 38px))}.arena-chat-bubble{color:#24282b;overflow-wrap:anywhere;white-space:pre-wrap;background:#f5efe2f5;border:1px solid #e8d8b58c;border-radius:15px;padding:11px 15px;font:500 13px/1.45 system-ui,sans-serif;animation:5.5s both arena-chat-life;position:relative;box-shadow:0 5px 22px #0005}.arena-chat-bubble:after{content:"";background:#f5efe2;border-bottom:1px solid #e8d8b58c;border-right:1px solid #e8d8b58c;width:10px;height:10px;position:absolute;bottom:-6px;left:calc(50% - 5px);transform:rotate(45deg)}.arena-chat-anchor.is-player .arena-chat-bubble{border-color:#d2b879}.arena-quick-chat{z-index:21;pointer-events:auto;max-width:calc(100% - 48px);position:absolute;bottom:225px;left:24px}.arena-chat-hint{color:#e6decc;cursor:pointer;background:#111b20b8;border:1px solid #d3bb8540;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:11px;display:flex}.arena-quick-chat kbd{font:inherit;border:1px solid #d5c8a750;border-radius:3px;padding:1px 4px}.arena-chat-compose{background:#101a20f5;border:1px solid #ceb078a0;border-radius:12px;align-items:center;gap:10px;width:min(470px,100vw - 48px);padding:12px 14px;animation:.16s ease-out arena-chat-open;display:flex;box-shadow:0 8px 28px #0005}.arena-chat-compose label{color:#d4b77c;letter-spacing:.14em;font-size:10px}.arena-chat-compose input{color:#faf3e5;background:0 0;border:0;outline:none;flex:1;min-width:0;font:14px/1.5 sans-serif}.arena-chat-compose input::placeholder{color:#a3a5a5}.arena-chat-shortcuts{color:#b8b7b0;white-space:nowrap;font-size:10px}.arena-chat-error{color:#f2c5a3;padding-top:5px;font-size:11px;position:absolute;top:100%;left:14px}@keyframes arena-chat-life{0%{opacity:0;transform:translateY(6px)scale(.97)}4%,82%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-4px)}}@keyframes arena-chat-open{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.arena-quick-chat{max-width:calc(100% - 24px);bottom:165px;left:12px}.arena-chat-compose{width:min(440px,100vw - 24px)}.arena-chat-shortcuts{display:none}}@media (prefers-reduced-motion:reduce){.arena-chat-compose{animation:none}.arena-chat-bubble{animation-name:arena-chat-fade}}@keyframes arena-chat-fade{0%,82%{opacity:1}to{opacity:0}}.arena-app .arena-floating-hit{z-index:5;text-align:center;font-variant-numeric:tabular-nums;text-shadow:0 2px 1px #16131a,1px 0 #16131a,-1px 0 #16131a,0 -1px #16131a,0 3px 8px #000b}.arena-floating-hit>strong{font-size:23px;font-weight:800;line-height:1;display:block}.arena-floating-hit.is-damage>strong{letter-spacing:-.045em;font-size:28px;font-weight:850}.arena-floating-hit.is-critical>strong{text-shadow:0 2px 1px #24140b,1px 0 #24140b,-1px 0 #24140b,0 -1px #24140b,0 0 9px #ffa63380;font-size:36px;font-style:italic;font-weight:900}.arena-floating-hit>small{letter-spacing:.2em;color:#fff3c2;margin:0 0 3px 2px;font:800 9px/1 system-ui,sans-serif;display:block}.arena-floating-hit.is-tick>strong{letter-spacing:0;font-size:17px;font-weight:650}.arena-class-warrior{--class-accent:#dbc08d;--class-soft:#a2794e;--class-glow:#d39a5126}.arena-champion-card.arena-class-warrior.is-selected{background:linear-gradient(110deg,#28231ff5,#352820ed 65%,#502b28c2)}.arena-is-lobby .arena-champion-card{height:116px;margin-bottom:9px}.arena-is-lobby .arena-champion-copy{padding:12px 15px}.arena-is-lobby .arena-champion-copy h3{font-size:22px}.arena-is-lobby .arena-champion-copy p{margin-top:3px;line-height:1.3}.arena-is-lobby .arena-mini-skills{gap:4px;margin-top:8px}.arena-class-warrior .arena-resource-track>span{background:linear-gradient(90deg,#a44b3c,#dc8a56)}.arena-class-warrior .arena-skill-tile{color:#e3c995}.arena-sixth-skill.arena-class-warrior{--class-accent:#f0d99f;--class-soft:#a89977;--class-glow:#e5b85e29}.arena-control-status .arena-warrior-badge{color:#f4dfae;background:#30271cf2;border-color:#b69960}.arena-control-status .arena-rally-badge{color:#bcedbb;background:#173420f2;border-color:#61976c}.arena-lobby-camera{color:#c2b798;pointer-events:auto;margin-top:10px;font-size:10px}.arena-lobby-camera summary{cursor:pointer;padding:6px 0}.arena-lobby-camera .arena-camera-controls{margin-top:6px}.arena-book-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:760px) and (min-height:521px){.arena-is-lobby .arena-interface{pointer-events:auto;grid-template-columns:minmax(0,1fr);align-content:start;gap:18px;padding:90px 20px 35px;display:grid;overflow-y:auto}.arena-is-lobby .arena-header{z-index:7;background:#0c1a21f5;height:65px;position:fixed}.arena-is-lobby .arena-lobby-intro,.arena-is-lobby .arena-champion-panel,.arena-is-lobby .arena-start-area{width:auto;margin:0;position:static;transform:none}.arena-is-lobby .arena-lobby-intro h1{font-size:40px}.arena-is-lobby .arena-champion-panel{display:block}.arena-is-lobby .arena-champion-card{height:116px;margin-bottom:9px}.arena-is-lobby .arena-champion-panel>.arena-difficulty{margin-top:8px;display:flex}.arena-is-lobby .arena-location,.arena-is-lobby .arena-footer{display:none}.arena-is-lobby .arena-start-area{justify-self:center;width:min(322px,100%)}}@media (max-height:720px) and (min-width:761px){.arena-is-lobby .arena-champion-card{height:99px}.arena-is-lobby .arena-champion-copy p,.arena-is-lobby .arena-lobby-camera{display:none}}.arena-skill.arena-class-warrior .arena-skill-tile{background:linear-gradient(145deg,#36454a 0%,#19292e 46%,#131c21 100%);border-color:#8b7957;box-shadow:inset 0 1px #cce0e035,inset 0 -2px #02070a}.arena-skill.arena-class-warrior:not(.is-unavailable):hover .arena-skill-tile{border-color:#f0d196;box-shadow:inset 0 1px #edf3e956,0 0 14px #daa15130}.arena-skill.arena-class-warrior.is-executing .arena-skill-tile{background:linear-gradient(135deg,#78623c,#283e46);border-color:#fff1c9}.arena-skill.arena-class-warrior .arena-skill-tile>svg{stroke-width:1.65px;filter:drop-shadow(0 1px 1px #000a)}.arena-class-warrior .arena-unit-portrait{background:radial-gradient(at 50% 30%,#465258,#151b22 72%);border-color:#bba16b}.arena-auto-attack{color:#a6b4aa;font:inherit;letter-spacing:.04em;cursor:pointer;background:#17231f;border:1px solid #74847c66;border-radius:4px;align-items:center;gap:6px;padding:6px 8px;font-size:9px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.arena-auto-attack[aria-pressed=true]{color:#c1ecd5;background:#203a2e;border-color:#91c4b080}.arena-auto-attack kbd{font:inherit;color:#efcf84}.arena-auto-attack:disabled{opacity:.5;cursor:default}.arena-auto-attack:focus-visible{outline-offset:3px;outline:2px solid #efcf84}@media (max-width:600px){.arena-auto-attack{gap:4px;padding:5px;font-size:8px}}.arena-skill.is-instant-fireball .arena-skill-tile{background:linear-gradient(140deg,#59331f,#201b18);border-color:#ffd78c;box-shadow:inset 0 0 14px #ffb95826,0 0 12px #ffb95836}.arena-skill.is-instant-fireball .arena-skill-name{color:#ffdb98}.arena-buff-fireball{color:#ffdb98;background:#322218ed;border-color:#eab56d88}.arena-buff-fireball>i{background:#ffc36d}.arena-shatter-badge{color:#b8e8ff;background:#152d3cf2;border-color:#8acdeaa6!important}.arena-mage-shatter,.arena-mage-shatter>b{color:#b8e8ff}.arena-ultimate{--ultimate-color:#f0cd89;width:calc(100% - 10px);color:var(--ultimate-color);cursor:pointer;text-align:left;background:linear-gradient(115deg,#273129f5,#14221ff5);border:1px solid #d5b97666;border-radius:5px;align-items:center;gap:12px;margin:0 5px 12px;padding:9px 13px 11px;display:flex;position:relative;box-shadow:0 3px 12px #0004}.arena-ultimate-mage{--ultimate-color:#b6e8ff;background:linear-gradient(115deg,#203742f5,#12252df5);border-color:#9cd7ed66}.arena-ultimate-rogue{--ultimate-color:#ddbcff;background:linear-gradient(115deg,#35233ff5,#211827f5);border-color:#c197e666}.arena-ultimate>kbd{border:1px solid;border-radius:4px;flex-shrink:0;place-items:center;width:29px;height:29px;font-family:inherit;font-size:14px;font-weight:600;display:grid}.arena-ultimate>svg{flex-shrink:0;width:28px;height:28px}.arena-ultimate-title{flex:1;min-width:0}.arena-ultimate-title small,.arena-ultimate-status small{letter-spacing:.1em;opacity:.7;font-size:7px;display:block}.arena-ultimate-title strong{margin-top:3px;font-size:13px;font-weight:550;display:block}.arena-ultimate-status{text-align:right}.arena-ultimate-status b{font-variant-numeric:tabular-nums;margin-bottom:3px;font-size:13px;font-weight:600;display:block}.arena-ultimate-progress{background:var(--ultimate-color);transform-origin:0;pointer-events:none;height:2px;transition:transform .1s linear;position:absolute;bottom:0;left:0;right:0}.arena-ultimate[aria-disabled=true]{cursor:default}.arena-ultimate:not(.is-active)[aria-disabled=true]>svg{opacity:.45}.arena-ultimate.is-active{border-color:var(--ultimate-color);box-shadow:inset 0 0 20px #b4c6ec16}.arena-ultimate.is-ready:hover{border-color:var(--ultimate-color)}.arena-ultimate:focus-visible{outline:2px solid var(--ultimate-color);outline-offset:3px}.arena-ultimate:hover .arena-ability-tooltip,.arena-ultimate:focus-visible .arena-ability-tooltip{opacity:1;visibility:visible;transform:translate(-50%)}@media (max-width:600px){.arena-ultimate{gap:9px;margin-bottom:9px;padding:7px 9px 9px}.arena-ultimate-title strong,.arena-ultimate-status b{font-size:11px}.arena-ultimate>svg{width:23px;height:23px}.arena-ultimate-title small,.arena-ultimate-status small{font-size:6px}.arena-ultimate>kbd{width:25px;height:25px;font-size:12px}}@media (hover:none){.arena-ultimate:hover:not(:focus-visible) .arena-ability-tooltip{opacity:0;visibility:hidden}}@media (max-width:700px){.arena-quick-chat{bottom:230px}}@media (max-width:700px) and (min-height:601px){.arena-camera-dock{bottom:250px}}.arena-match-clock .arena-performance-chip{color:#b0d5bb;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;white-space:nowrap;background:#102026ba;border:1px solid #9ebda32d;border-radius:12px;margin:5px auto 0;padding:4px 7px;font-size:8px;display:block}.arena-match-clock .arena-performance-chip:hover,.arena-match-clock .arena-performance-chip:focus-visible{color:#fff0cf;border-color:#d5be81}.arena-match-clock .arena-performance-chip.is-slow,.arena-match-clock .arena-connection-slow{color:#e8b878}.arena-online-label{align-items:center;gap:8px;display:inline-flex}@media (max-width:700px){.arena-match-clock .arena-performance-chip{margin-top:3px;padding:3px 5px;font-size:7px}.arena-performance-chip span,.arena-match-clock .arena-online-label{display:none}.arena-match-clock>small{max-width:55px;height:10px;font-size:7px}}.arena-champion-select:disabled{cursor:default}.arena-online-invite button:disabled{opacity:.5;cursor:wait}.arena-connection-dialog>.arena-text-button{margin:14px auto 0;display:block}.arena-enemy-melee{color:#efd3a2;background:#171c20f2;border:1px solid #d9aa6370;border-radius:3px;width:164px;margin-top:6px;padding:5px 6px 4px;position:relative;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0007}.arena-enemy-melee-label{justify-content:space-between;align-items:center;gap:6px;line-height:1.15;display:flex}.arena-enemy-melee-label strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;font-weight:550;overflow:hidden}.arena-enemy-melee-label b{letter-spacing:.06em;flex-shrink:0;font-size:7px;font-weight:700}.arena-enemy-melee-meter{background:#ffffff12;height:3px;margin-top:4px;display:block;overflow:hidden}.arena-nameplate .arena-enemy-melee-meter>i{transform-origin:0;background:#e7b35d;width:100%;height:100%;transition:none}.arena-enemy-melee>small{color:#c4b49b;justify-content:space-between;margin-top:3px;font-size:7px;line-height:1;display:flex}.arena-enemy-melee>small b{font-variant-numeric:tabular-nums;font-weight:500}.arena-enemy-melee.is-recovering{color:#a8c2bd;border-color:#799f9b60}.arena-nameplate .arena-enemy-melee.is-recovering .arena-enemy-melee-meter>i{background:#789d99}.arena-enemy-melee.is-recovering>small{color:#99aaa5}.arena-skill.is-queued .arena-skill-tile{border-color:#f4e1a4;box-shadow:inset 0 0 0 3px #0e191bd9,inset 0 0 0 4px #f4e1a45c}.arena-skill.is-queued .arena-skill-tile>svg{opacity:.9}.arena-skill-queued{z-index:3;color:#f9e7b3;letter-spacing:.04em;pointer-events:none;background:#172328f2;border:1px solid #e9d39470;border-radius:2px;padding:3px 4px;font-size:7px;font-weight:650;line-height:1;position:absolute;top:3px;right:3px}@media (max-width:600px){.arena-enemy-melee{width:146px;padding:4px 5px}.arena-enemy-melee-label strong{font-size:8px}.arena-enemy-melee-label b{font-size:6px}.arena-skill-queued{letter-spacing:0;padding:2px;font-size:6px;top:2px;right:2px}}.arena-room-browser{min-width:0}.arena-room-browser .arena-dialog-intro{margin:12px 0 19px}.arena-room-entry{margin:0}.arena-room-entry>label{color:#e0d3b4;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;font-size:11px;display:flex}.arena-room-entry>label>span{color:#8faaa5;font-size:9px}.arena-room-entry>input{color:#ece1c8;width:100%;min-width:0;height:42px;font:13px/1.4 var(--font-mona), Arial, sans-serif;-webkit-user-select:text;user-select:text;background:#0b171de8;border:1px solid #8d9f904d;border-radius:3px;padding:10px 12px;display:block}.arena-room-entry>input::placeholder{color:#7f9391}.arena-room-entry>small{color:#92a39b;margin:6px 0 14px;font-size:9px;display:block}.arena-room-find{text-transform:uppercase}.arena-room-find>svg:last-child{width:15px;margin-left:auto}.arena-room-find>svg:first-child{margin-right:auto}.arena-room-create{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:9px;display:grid}.arena-room-create>button{text-align:center;background:#bca36d08;border:1px solid #ac9c7152;border-radius:3px;min-height:61px;padding:10px 8px}.arena-room-create strong,.arena-room-create span{display:block}.arena-room-create strong{color:#dbcbaa;font-size:10px;font-weight:600;line-height:1.4}.arena-room-create span{color:#99aaa1;margin-top:5px;font-size:9px;line-height:1.4}.arena-room-browser button:disabled{opacity:.46;cursor:default;filter:none}.arena-room-browser input:disabled{opacity:.65}.arena-room-create>button:hover:not(:disabled){background:#bca36d17;border-color:#d5bd7d99}.arena-room-list-heading{border-bottom:1px solid #9daa862b;justify-content:space-between;align-items:center;gap:10px;margin-top:23px;padding-bottom:10px;display:flex}.arena-room-list-heading h3{color:#c7cbb9;letter-spacing:.055em;text-transform:uppercase;margin:0;font-size:10px;font-weight:600}.arena-room-list-heading>span{color:#9dac9b;white-space:nowrap;font-size:9px}.arena-room-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#766b50 #152226;gap:7px;max-height:270px;margin:10px 0 0;padding:4px;list-style:none;display:grid;overflow-y:auto}.arena-room-row{background:#14262b66;border:1px solid #a3ad8b2b;border-radius:3px;align-items:center;gap:10px;min-width:0;min-height:66px;padding:9px;display:flex}.arena-room-row.is-full{background:#0b171d66}.arena-room-champion{border:1px solid var(--class-soft,#8a9c85);width:34px;height:39px;color:var(--class-accent,#d3bf8c);background:#0b171db3;border-radius:3px;flex-shrink:0;place-items:center;display:grid}.arena-room-champion>svg{width:21px;height:21px}.arena-room-details{flex:1;min-width:0}.arena-room-details>strong{text-overflow:ellipsis;white-space:nowrap;color:#e4d9c3;font-size:12px;font-weight:550;display:block;overflow:hidden}.arena-room-details>span{color:#9aaea3;margin-top:5px;font-size:9px;line-height:1.5;display:block}.arena-room-details i{color:#697f75;padding:0 3px;font-style:normal}.arena-room-admission{flex-shrink:0;align-items:center;gap:9px;display:flex}.arena-room-admission>small{color:#c3c8ad;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.arena-room-admission>small>span{color:#7f9388;font-size:9px}.arena-room-admission>button{color:#ead6a4;background:#b7984c1a;border:1px solid #b5a36b80;border-radius:3px;min-width:48px;min-height:36px;padding:8px;font-size:10px}.arena-room-admission>button:hover:not(:disabled){background:#b7984c33;border-color:#d5bd7da6}.arena-room-state{text-align:center;background:#0c191c55;border:1px dashed #9bac8733;border-radius:3px;margin-top:10px;padding:22px 14px}.arena-room-state>strong{color:#c9d0bc;font-size:12px;font-weight:550}.arena-room-state>p{color:#96a79b;overflow-wrap:anywhere;margin:7px 0 0;font-size:10px;line-height:1.7}.arena-room-state.is-error{border-color:#c88f714d}.arena-room-state.is-error>strong{color:#e7bca0}.arena-room-state>button,.arena-room-list-footer>button{color:#cfbd95;justify-content:center;align-items:center;gap:6px;padding:6px 3px;font-size:10px;display:inline-flex}.arena-room-state>button{text-underline-offset:3px;margin-top:9px;text-decoration:underline}.arena-room-state>button>svg,.arena-room-list-footer>button>svg{width:12px;height:12px}.arena-room-list-footer{color:#849c90;justify-content:space-between;align-items:center;gap:8px;min-height:35px;margin-top:6px;font-size:9px;line-height:1.5;display:flex}.arena-room-list-footer>button{flex-shrink:0}@media (max-width:600px){.arena-room-entry>input{font-size:16px}.arena-room-create{gap:7px}.arena-room-row{gap:8px;padding:8px}.arena-room-admission{flex-direction:column;gap:3px}.arena-room-admission>button{min-height:32px}.arena-room-list{max-height:240px}}@media (max-width:370px){.arena-room-entry>label{flex-wrap:wrap;gap:4px}.arena-room-create strong{font-size:9px}.arena-room-create span{font-size:8px}.arena-room-champion{display:none}.arena-room-details>strong{font-size:11px}}.arena-room-identity{background:#0b171d99;border:1px solid #9bad8b33;border-radius:3px;align-items:center;gap:9px;min-width:0;margin:0 0 14px;padding:10px 12px;display:flex}.arena-room-identity>span{color:#91a69a;flex-shrink:0;font-size:10px}.arena-room-identity>strong{text-overflow:ellipsis;white-space:nowrap;color:#e4d8ba;min-width:0;font-size:12px;font-weight:550;overflow:hidden}.arena-room-identity>small{color:#9ea888;text-transform:uppercase;letter-spacing:.06em;margin-left:auto;font-size:8px}.arena-guest-entry .arena-dialog-intro{margin-bottom:20px}.arena-guest-entry-error{color:#e7bca0;overflow-wrap:anywhere;background:#40282033;border:1px solid #c8916d4d;border-radius:3px;margin:12px 0;padding:10px 12px;font-size:11px;line-height:1.6}.arena-guest-entry-status{color:#92a99e;margin:12px 0 0;font-size:10px;line-height:1.7}.arena-guest-entry button:disabled{cursor:default;opacity:.5;filter:none}.arena-guest-entry input[aria-invalid=true]{border-color:#c8916da3}.arena-room-arrival{background:#c5ae6d0c;border:1px solid #c5ae6d55;border-radius:5px;gap:7px;margin-top:14px;padding:12px;display:grid}.arena-room-arrival strong{color:#ead8ac;overflow-wrap:anywhere;font-size:13px}.arena-room-arrival span{color:#b9c2b9;font-size:11px;line-height:1.6}.arena-room-arrival.is-connected{background:#93c6a510;border-color:#93c6a56b}.arena-room-arrival.is-connected strong{color:#c1e5c9}.arena-online-players span{overflow-wrap:anywhere}.arena-presence-summary,.arena-room-population{color:#aec5b6;justify-content:space-between;gap:12px;margin-bottom:15px;font-size:11px;display:flex}.arena-presence-summary{background:#9fc6ac0a;border:1px solid #9fc6ac40;border-radius:5px;padding:12px}.arena-presence-summary b{color:#dcf0df;font-size:17px}.arena-online-roster{color:#b7c5bc;margin-bottom:16px;font-size:11px}.arena-online-roster summary{cursor:pointer}.arena-online-roster>div{flex-wrap:wrap;gap:6px;max-height:100px;margin-top:10px;display:flex;overflow:auto}.arena-online-roster span{overflow-wrap:anywhere;border:1px solid #91ab9840;border-radius:4px;padding:5px 8px}.arena-online-count{color:#b9d8b8;letter-spacing:.08em;white-space:nowrap;border-left:1px solid #9fb7a44d;padding-left:10px;font-size:9px}@media (max-width:760px){.arena-online-count{border:0;padding-left:0;font-size:8px}}