:root{--gold: #ffd100;--gold-dim: #c9a227;--parch: #f2e6c9;--ink: #e8dcc0;--panel: rgba(16, 12, 8, .86);--panel-2: rgba(36, 26, 16, .92);--border: #7a5c2e;--border-hi: #c79c4e;--alliance: #3a7bd5;--horde: #c8372d;--hp: #2fb52f;--mana: #2f6fd8;--rage: #c22a1e;--xp: #9b4fd8;--q-common: #ffffff;--q-rare: #0070dd;--q-epic: #a335ee;--q-legendary: #ff8000;font-family:FrizQuadrata,Palatino Linotype,Georgia,serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0b0907;color:var(--ink);overflow:hidden;user-select:none}#app{position:fixed;inset:0}h1,h2,h3{font-family:Morpheus,FrizQuadrata,Georgia,serif;color:var(--gold);font-weight:400;margin:0 0 12px;text-shadow:0 2px 4px #000}button{font-family:inherit;font-size:15px;color:var(--gold);background:linear-gradient(#5a0f0a,#2e0705);border:1px solid var(--border-hi);border-radius:4px;padding:8px 18px;margin:4px;cursor:pointer;text-shadow:0 1px 2px #000;box-shadow:inset 0 1px #ffffff26,0 2px 6px #0009}button:hover{background:linear-gradient(#7d1710,#3e0a07);color:#fff2a8}button.active{background:linear-gradient(#8a6a1a,#4a3608);color:#fff}button.primary{background:linear-gradient(#1f6a14,#0d3407)}button.big{font-size:20px;padding:12px 30px;min-width:280px}select,input[type=range]{accent-color:var(--gold-dim)}select{background:#1d140b;color:var(--ink);border:1px solid var(--border);padding:4px 8px;font-family:inherit}.muted{color:#9a8f78;font-size:13px;margin-top:10px}.lobby{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.lobby-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 30%,#4d6a34,#2b3a1e 35%,#120d08 85%),#120d08;filter:saturate(.9)}.lobby-bg .lobby-canvas{position:absolute;inset:0;width:100%;height:100%;filter:saturate(.85) brightness(.75)}.lobby-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.55))}@keyframes drift{0%{background-position:0 0}to{background-position:600px 0}}.lobby-panel{position:relative;min-width:560px;max-width:1100px;max-height:92vh;overflow:auto;padding:28px 36px;background:var(--panel);border:2px solid var(--border);border-radius:8px;box-shadow:0 0 0 1px #000,0 10px 40px #000c,inset 0 0 40px #78501e26;text-align:center}.lobby.home h1{font-size:56px;margin-bottom:0}.subtitle{font-family:Morpheus,serif;color:var(--parch);font-size:22px;margin-bottom:24px}.menu{display:flex;flex-direction:column;align-items:center}.menu .section{color:var(--gold-dim);margin:8px 0 4px;letter-spacing:2px;text-transform:uppercase;font-size:12px}.asset-note{margin-top:16px;font-size:12px;color:#b9ad8e;max-width:640px;margin-left:auto;margin-right:auto}.factions{display:flex;gap:24px;justify-content:center}.faction-card{width:300px;padding:22px;border:2px solid var(--border);border-radius:8px;cursor:pointer;background:var(--panel-2);transition:transform .15s}.faction-card:hover{transform:translateY(-4px);border-color:var(--gold)}.faction-card.alliance .crest{background:radial-gradient(circle,#6aa0ff,#1b3c7d)}.faction-card.horde .crest{background:radial-gradient(circle,#ff7a5a,#6d130b)}.faction-card .crest{width:120px;height:120px;border-radius:50%;margin:0 auto 12px;border:3px solid var(--gold-dim);background-size:80%!important;background-position:center!important;background-repeat:no-repeat!important}.faction-card small{color:#b9ad8e}.diff-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:10px 0}.diff-row>span{width:200px;text-align:right;margin-right:12px;color:var(--parch)}.match-options{margin-top:12px;border-top:1px solid var(--border);padding-top:10px}.nav{margin-top:16px}.portrait{width:64px;height:64px;border-radius:50%;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;font-family:Morpheus,serif;font-size:30px;color:#fff;border:3px solid var(--gold-dim);position:relative;text-shadow:0 2px 3px #000}.portrait.alliance{background:radial-gradient(circle at 40% 35%,#6aa0ff,#142c5c)}.portrait.horde{background:radial-gradient(circle at 40% 35%,#ff7a5a,#4d0d07)}.detail{text-align:left;background:#00000059;border:1px solid var(--border);padding:12px 16px;border-radius:6px}.detail h2 small{font-family:FrizQuadrata,serif;color:#b9ad8e;font-size:14px}.stat-grid{display:grid;grid-template-columns:repeat(4,auto 1fr);gap:4px 10px;font-size:13px}.stat-grid span{color:#b9ad8e}.stat-grid b{color:var(--parch);font-weight:400}.label{margin:10px 0 6px;color:var(--gold-dim)}.spell-row{display:flex;gap:8px}.tabs{margin-bottom:10px}.opt-row{display:flex;justify-content:space-between;align-items:center;min-height:46px;padding:6px 2px;border-bottom:1px solid rgba(122,92,46,.3)}.lobby.options .lobby-panel{display:grid;grid-template-columns:240px minmax(0,1fr);width:min(1120px,94%);height:min(720px,92%);max-height:none;padding:0;overflow:hidden}.opt-tabs{display:flex;flex-direction:column;gap:4px;padding:26px 14px;background:#0000006b;border-right:1px solid rgba(122,92,46,.5)}.opt-tabs h1{margin:0 0 18px;font-size:34px;text-align:center}.opt-tabs .nav{margin-top:auto}button.opt-tab{padding:11px 16px;text-align:left;font-family:FrizQuadrata,Georgia,serif;font-size:16px;color:#c8b88a;background:none!important;border:0!important;border-left:3px solid transparent!important;border-image:none!important;box-shadow:none;min-height:0}html.wow-skin button.opt-tab:after{content:none!important}html.wow-skin button.opt-tab:hover,button.opt-tab:hover{color:#f1dfae;background:#ffffff0a!important;border-image:none!important}html.wow-skin button.opt-tab.on,button.opt-tab.on{color:var(--gold);background:linear-gradient(90deg,rgba(232,194,90,.18),transparent)!important;border-left-color:var(--gold)!important}.opt-body{min-width:0;overflow:auto;padding:26px 32px;text-align:left}.opt-body>h2{margin:0 0 12px;font-size:26px;text-align:left}.opt-body>button{margin-top:18px}.opt-body input[type=range]{width:300px}.seg{display:inline-flex;border:1px solid #6b5a2e;border-radius:3px;overflow:hidden}button.seg-btn{min-width:92px;min-height:34px;padding:5px 14px;font-family:FrizQuadrata,Georgia,serif;font-size:14px;color:#c8b88a;background:#00000073!important;border:0!important;border-image:none!important;border-right:1px solid #4b3a1e!important;box-shadow:none}button.seg-btn:last-child{border-right:0!important}button.seg-btn:hover{color:#f1dfae}button.seg-btn.on{color:#1b1206;background:linear-gradient(#f0cf6a,#b98a25)!important;text-shadow:none}input[type=checkbox]{appearance:none;flex:none;width:24px;height:24px;margin:0;border:1px solid #8a7a5a;border-radius:3px;background:#120d06 center / 28px no-repeat;cursor:pointer}input[type=checkbox]:hover{border-color:var(--gold)}input[type=checkbox]:checked{background-image:url(/assets/wow/interface/buttons/ui-checkbox-check.png);border-color:var(--gold)}input[type=range]{appearance:none;height:8px;border:1px solid #6b5a2e;border-radius:4px;background:#120d06;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border:1px solid #2a1c07;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffe28a,#b98a25);box-shadow:0 1px 3px #000}input[type=range]::-moz-range-thumb{width:18px;height:18px;border:1px solid #2a1c07;border-radius:50%;background:#d9a93c}.opt-row.small{font-size:13px}.keys{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;text-align:left}button.key-btn,html.wow-skin button.key-btn{min-width:90px;min-height:30px;padding:3px 10px;font-family:FrizQuadrata,Georgia,serif;font-size:13px;color:#f1dfae;background:linear-gradient(#2c2418,#15100a)!important;border:1px solid #6b5a2e!important;border-image:none!important;border-radius:4px;box-shadow:inset 0 -2px #0009}button.key-btn:hover,html.wow-skin button.key-btn:hover:not(:disabled){border-color:var(--gold)!important;color:var(--gold)}html.wow-skin button.key-btn:after{content:none!important}*{scrollbar-width:thin;scrollbar-color:#8a6a2a rgba(0,0,0,.35)}.lobby.loading .lobby-bg{background:#0d0a06 center / cover no-repeat;filter:none}.lobby.loading .lobby-bg:after{background:linear-gradient(#080603b8,#08060373 40%,#080603d9);animation:none}.lobby.loading .lobby-panel{position:relative;width:100%;height:100%;max-width:none;max-height:none;min-width:0;margin:0;padding:2.5vh 3vw;display:flex;flex-direction:column;gap:1.6vh;background:none;border:0;box-shadow:none;border-image:none;overflow:hidden}.load-head{text-align:center;flex:none}.load-head h1{margin:0;font-size:clamp(26px,4.4vh,44px)}.versus{flex:1;min-height:0;display:flex;flex-direction:column;gap:1.6vh}.load-row{flex:1;min-height:0;display:flex;gap:14px;align-items:stretch}.load-side{flex:none;width:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-family:Morpheus,serif;font-size:19px;color:var(--gold);text-shadow:0 2px 4px #000}.load-side img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 2px 6px #000)}.load-row .col{flex:1;min-width:0;display:flex;justify-content:center;gap:12px}.load-card{position:relative;flex:1;min-width:0;max-width:300px;overflow:hidden;border:2px solid #6b5a2e;border-radius:4px;background:#15100a;box-shadow:0 6px 18px #000000b3}.load-row.alliance .load-card{background:linear-gradient(#1a2a4c,#0c1220)}.load-row.horde .load-card{background:linear-gradient(#4a1a12,#1c0a07)}.load-card.me{border-color:#f5cf5a;box-shadow:0 0 18px #f5cf5a8c}.load-card .portrait{position:absolute;inset:0;width:auto;height:auto;margin:0;border-radius:0;background:transparent;background-position:center top;opacity:0;transition:opacity .35s}.load-card .portrait.ready{opacity:1}.load-card:not(:has(.portrait.ready)):before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.07) 50%,transparent 65%) 0 0 / 250% 100%;animation:load-shine 1.5s linear infinite}@keyframes load-shine{0%{background-position:150% 0}to{background-position:-100% 0}}.load-name{position:absolute;left:0;right:0;bottom:0;padding:26px 10px 9px;text-align:center;background:linear-gradient(transparent,#000000e6 55%)}.load-name b{display:block;font-family:Morpheus,serif;font-size:clamp(15px,2.3vh,22px);font-weight:400;color:#f1dfae;text-shadow:0 1px 3px #000}.load-name small{color:#cdbb8e;font-size:13px}.load-card.me .load-name small{color:#f5cf5a}.load-spells{position:absolute;top:6px;right:6px;display:flex;gap:3px}.load-spells img{width:26px;height:26px;border:1px solid #000;border-radius:2px}.load-foot{flex:none;text-align:center}.load-foot .tip{margin:0 0 8px}.load-foot .muted{margin-top:6px;font-size:13px}.load-bar{position:relative;height:8px;max-width:760px;margin:0 auto;overflow:hidden;border:1px solid #6b5a2e;border-radius:3px;background:#120d06}.load-bar div{position:absolute;top:0;bottom:0;width:30%;background:linear-gradient(90deg,transparent,#e8c25a,transparent);animation:load-slide 1.6s ease-in-out infinite}@keyframes load-slide{0%{left:-30%}to{left:100%}}.lbar{grid-column:2 / 4;height:5px;background:#000;border-radius:3px;overflow:hidden}.lbar div{height:100%;width:0;background:var(--gold-dim);transition:width .2s}.tip{margin-top:18px;color:var(--parch)}#app.ingame canvas{display:block}.world-overlay{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.unit-bar{position:absolute;left:0;top:0;width:50px;margin-left:-25px;margin-top:-14px;transform-origin:50% 100%;pointer-events:none;display:flex;flex-direction:column;gap:0}.unit-bar.hero{z-index:3;width:124px;margin-left:-62px;margin-top:-26px;flex-wrap:wrap;flex-direction:row;padding:1px;background:#080604d1;border:1px solid #000;box-shadow:0 0 0 1px #c9a2278c,0 2px 4px #0009}.unit-bar.structure{z-index:2;width:150px;margin-left:-75px;margin-top:-20px;padding:2px;background:#080604d9;border:1px solid #000;box-shadow:0 0 0 1px #c9a22799,0 2px 5px #000000b3}.unit-bar .hp{position:relative;height:6px;width:100%;background:#160f0a;border:1px solid #000;overflow:hidden}.unit-bar.hero .hp{height:11px;width:calc(100% - 20px);border:0}.unit-bar.structure .hp{height:11px;border:0}.unit-bar .hp .fill{position:relative;height:100%;background:var(--hp);box-shadow:inset 0 1px #ffffff59,inset 0 -2px #00000040}.unit-bar .hp .chip{position:absolute;top:0;left:0;height:100%;background:#f0e2b0;opacity:.85}.unit-bar .hp .ticks{position:absolute;inset:0;pointer-events:none}.unit-bar.hero .hp .ticks{background:repeating-linear-gradient(90deg,transparent 0 calc(var(--tick-big, 200%) - 2px),rgba(0,0,0,.9) calc(var(--tick-big, 200%) - 2px) var(--tick-big, 200%)),repeating-linear-gradient(90deg,transparent 0 calc(var(--tick, 200%) - 1px),rgba(0,0,0,.7) calc(var(--tick, 200%) - 1px) var(--tick, 200%));-webkit-mask:linear-gradient(#000 0 55%,transparent 55%);mask:linear-gradient(#000 0 55%,transparent 55%)}.unit-bar[data-team=ally] .hp .fill{background:linear-gradient(#5d9cf0,#2a62b8)}.unit-bar[data-team=enemy] .hp .fill{background:linear-gradient(#e8574a,#a3241b)}.unit-bar[data-team=neutral] .hp .fill{background:linear-gradient(#e6c46e,#a8852f)}.unit-bar.self .hp .fill{background:linear-gradient(#5fe35f,#23962a)}.unit-bar .hp .shield{position:absolute;top:0;height:100%;background:#e8e8e8}.unit-bar .res{height:5px;width:calc(100% - 20px);margin-left:20px;margin-top:1px;background:#0a0806}.unit-bar .res .fill{height:100%;background:linear-gradient(#5a95ff,#2554b8)}.unit-bar .res.rage .fill{background:linear-gradient(#ff5a4a,#8a1a10)}.unit-bar .res.energy .fill{background:linear-gradient(#ffe25a,#b89a10)}.unit-bar .lvl{width:19px;height:17px;margin-right:1px;font-size:11px;line-height:17px;text-align:center;background:#1a1209;border-right:1px solid #000;color:var(--gold);order:-1;margin-bottom:-6px;font-family:FrizQuadrata,Georgia,serif}.unit-bar.hero .hp{margin-left:0}.unit-bar .reset{height:4px;background:#e0e0e0;box-shadow:0 0 4px #fff}.unit-bar.invuln .hp{opacity:.6}.unit-bar.invuln .hp .fill{filter:grayscale(.8)}.float-text{position:absolute;left:0;top:0;font-weight:700;font-size:15px;text-shadow:0 0 3px #000,0 0 2px #000;white-space:nowrap}.float-text.physical{color:#ffb84a}.float-text.magic{color:#c49aff}.float-text.true{color:#fff}.float-text.heal{color:#5dff5d}.float-text.gold{color:var(--gold);font-size:13px}.float-text.taken{color:#ff4a4a}.hud{position:absolute;inset:0;z-index:1;pointer-events:none}.hud>*{pointer-events:auto}.hud>.window{z-index:45}.hud-top{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:18px;padding:4px 20px;background:var(--panel);border:1px solid var(--border);border-top:0;border-radius:0 0 8px 8px;pointer-events:none}.hud-top .team{display:flex;align-items:center;gap:8px}.hud-top .team b{font-size:22px}.hud-top .team.alliance b{color:#6aa0ff}.hud-top .team.horde b{color:#ff6a5a}.unit-bar .hp .lh-mark{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 2px #000}.unit-bar.lasthit[data-team] .hp{border-color:#fff3b0;box-shadow:0 0 5px 1px #ffd84a}.unit-bar.lasthit[data-team] .hp .fill{background:linear-gradient(#fff6c8,#ffc93c)}.unit-bar.lasthit .hp .lh-mark{display:none}.hud-top small{color:#b9ad8e;font-size:11px}.hud-top .clock{font-size:18px;color:var(--gold);min-width:54px;text-align:center}.hud-bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:8px;padding:8px 12px 10px;background:linear-gradient(#140e08e6,#0a0704f7);border:2px solid var(--border);border-bottom:0;border-radius:10px 10px 0 0}.hud-bottom .stats{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;font-size:12px;color:var(--parch);width:110px;align-self:center}.unitframe{display:flex;align-items:center;gap:8px}.unitframe .portrait{width:76px;height:76px;margin:0;font-size:36px}.unitframe .level{position:absolute;bottom:-6px;right:-6px;width:26px;height:26px;border-radius:50%;background:#1a1209;border:2px solid var(--gold-dim);color:var(--gold);font-size:13px;display:flex;align-items:center;justify-content:center;font-family:FrizQuadrata,serif}.unitframe .respawn{position:absolute;inset:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;color:#fff;text-shadow:0 2px 2px #000;pointer-events:none}.unitframe .respawn:not(:empty){background:#0000009e}.unitframe .level.flash{animation:flash 1s}@keyframes flash{0%,to{box-shadow:none}30%{box-shadow:0 0 20px 8px var(--gold)}}.bars{width:230px;display:flex;flex-direction:column;gap:3px}.bar{position:relative;height:16px;background:#0a0806;border:1px solid #000;box-shadow:0 0 0 1px var(--border);overflow:hidden}.bar .fill{height:100%;transition:width .1s}.bar.hp .fill{background:linear-gradient(#4fe04f,#1d8a1d)}.bar.mana .fill{background:linear-gradient(#5a95ff,#1d4ab0)}.bar.rage .fill{background:linear-gradient(#ff5a4a,#8a1a10)}.bar.focus .fill{background:linear-gradient(#ffb14a,#a8611a)}.bar.xp{height:5px}.bar.xp .fill{background:var(--xp)}.bar .text{position:absolute;inset:0;font-size:11px;line-height:16px;text-align:center;color:#fff;text-shadow:0 1px 2px #000}.buffs{display:flex;gap:4px;flex-wrap:wrap;min-height:14px}.buff{font-size:10px;padding:0 4px;background:#2a1d0e;border:1px solid var(--border);color:var(--gold);text-transform:capitalize}.spellbar{display:flex;align-items:flex-end;gap:5px}.icon{position:relative;width:52px;height:52px;border:2px solid #4a3a20;border-radius:4px;background:#222 center/cover;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--gold)}.icon img{width:100%;height:100%;display:block}.icon.fallback{background:linear-gradient(#3a2a14,#1a120a)}.icon.passive{width:36px;height:36px;font-size:14px}.icon.small{width:38px;height:38px;font-size:14px}.icon.spell{cursor:pointer;box-shadow:0 0 0 1px #000}.icon.spell:hover{border-color:var(--gold-dim)}.icon.unlearned img{filter:grayscale(1) brightness(.45)}.icon.nores img{filter:saturate(.3) brightness(.6) sepia(.4) hue-rotate(180deg)}.icon.charging{border-color:#60ff90;box-shadow:0 0 10px #60ff90}.icon .cd{position:absolute;inset:0}.icon .cdtext{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;text-shadow:0 0 3px #000,0 0 3px #000}.icon .key{position:absolute;top:1px;left:3px;font-size:11px;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000}.icon .rank{position:absolute;bottom:1px;left:0;right:0;display:flex;justify-content:center;gap:2px}.icon .rank i{width:5px;height:5px;background:#333;border:1px solid #000}.icon .rank i.on{background:var(--gold)}.icon .plus{position:absolute;top:-2px;right:1px;width:16px;height:16px;font-size:15px;line-height:15px;color:#fff;background:#1f6a14;border:1px solid var(--gold);border-radius:3px;animation:pulse 1s infinite}@keyframes pulse{50%{box-shadow:0 0 8px var(--gold)}}.summoners{display:flex;flex-direction:column;gap:4px;margin-left:4px}.inventory{display:grid;grid-template-columns:repeat(3,40px);gap:3px;margin-left:6px}.inventory .slot{position:relative;width:40px;height:40px;border:1px solid #4a3a20;background:#0009}.inventory .slot .icon{width:38px;height:38px;border-width:1px;font-size:14px}.inventory .slot .key{position:absolute;top:0;left:2px;font-size:10px;color:#ccc;z-index:2;text-shadow:0 0 2px #000}.inventory .slot .count{position:absolute;bottom:0;right:2px;font-size:11px;color:#fff;text-shadow:0 0 2px #000}.q-common{border-color:#9d9d9d!important;color:var(--q-common)}.q-rare{border-color:var(--q-rare)!important;color:#3a9cff}.q-epic{border-color:var(--q-epic)!important;color:#c072ff}.q-legendary{border-color:var(--q-legendary)!important;color:var(--q-legendary)}.extras{display:flex;flex-direction:column;gap:4px;align-items:center;margin-left:6px}.extras .gold{color:var(--gold);font-size:16px;cursor:pointer;padding:2px 8px;border:1px solid var(--border);background:#1a1209;min-width:70px;text-align:center}.extras .gold:before{content:"● ";color:#e6b800}.extras .ward{font-size:11px;color:#b9ad8e}.minimap{position:absolute;right:0;bottom:0;padding:6px;background:var(--panel);border:2px solid var(--border);border-right:0;border-bottom:0;border-radius:10px 0 0}.minimap,.hud-bottom{zoom:var(--ui-scale, 1)}.minimap canvas{display:block;width:260px;height:260px;cursor:pointer;image-rendering:auto}.announce{position:absolute;z-index:40;top:70px;left:50%;transform:translate(-50%);font-family:Morpheus,serif;font-size:26px;color:var(--gold);text-shadow:0 2px 6px #000,0 0 2px #000;opacity:0;transition:opacity .3s;pointer-events:none;white-space:nowrap}.announce.show{opacity:1}.error-text{position:absolute;top:28%;left:50%;transform:translate(-50%);color:#ff2020;font-size:18px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 4px #000;opacity:0;transition:opacity .2s;pointer-events:none}.error-text.show{opacity:1}.channel-bar{position:absolute;bottom:150px;left:50%;transform:translate(-50%);width:260px;height:18px;background:#000;border:1px solid var(--gold-dim);display:none;pointer-events:none}.channel-bar .fill{height:100%;background:linear-gradient(#ffd24a,#b07a00)}.channel-bar span{position:absolute;inset:0;text-align:center;font-size:12px;line-height:18px;color:#fff;text-shadow:0 0 2px #000}.death-timer{position:absolute;top:22%;left:50%;transform:translate(-50%);padding:6px 28px;font-family:Morpheus,serif;font-size:32px;color:#f2e6c9;text-shadow:0 2px 0 #000,0 0 8px #000;background:radial-gradient(ellipse,rgba(0,0,0,.7),transparent 70%);pointer-events:none}.selected{position:absolute;top:8px;left:8px;width:260px;padding:8px 10px;background:var(--panel);border:1px solid var(--border);border-radius:6px;display:none;font-size:13px}.selected b.alliance{color:#6aa0ff}.selected b.horde{color:#ff6a5a}.selected b.neutral{color:#e8c060}.selected .bar{margin:4px 0}.selected small{display:block;color:#b9ad8e}.window{position:absolute;background:var(--panel);border:2px solid var(--border);border-radius:8px;box-shadow:0 10px 40px #000c;padding:14px 18px}.scoreboard{top:120px;left:50%;transform:translate(-50%);width:min(1280px,96vw)}.sb-teams{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sb-team h3,.end-stats h3{display:flex;align-items:baseline;gap:10px;margin:2px 0 6px;font-size:20px}.sb-team h3 b,.end-stats h3 b{font-family:FrizQuadrata,Georgia,serif;font-weight:400;font-size:22px;color:#fff}.sb-hero{position:relative;width:40px;padding:2px 0!important}.sb-face{display:grid;place-items:center;width:36px;height:36px;border:1px solid #000;box-shadow:0 0 0 1px #888;background:#222 center / cover;font-size:15px;color:#ddd}.sb-face.alliance{box-shadow:0 0 0 1px #4a8ae0;background-color:#1b3c7d}.sb-face.horde{box-shadow:0 0 0 1px #d8473b;background-color:#6d130b}.sb-lvl{position:absolute;right:-3px;bottom:0;min-width:16px;height:14px;padding:0 2px;font-size:10px;line-height:14px;text-align:center;color:#ffd100;background:#000;border:1px solid #5a4520}.sb-dead{position:absolute;left:0;top:2px;width:36px;height:36px;display:grid;place-items:center;background:#000000a6;color:#fff;font-size:15px}.sb-name{white-space:nowrap}.sb-name small{display:block;font-size:10px;color:#9a8f78}.sb-kda{white-space:nowrap;color:#fff}.sb-gold{color:#ffd100}.sb-items{white-space:nowrap}.sb-item{display:inline-block;width:24px;height:24px;margin-right:2px;border:1px solid #555;background:#111 center / cover;vertical-align:middle;font-size:11px;line-height:22px;text-align:center}.sb-item.empty{border-color:#2a2a2a;background:#00000073}.scoreboard tr.dead .sb-face,.end-table tr.dead .sb-face{filter:grayscale(1)}.scoreboard table,.scoreboard-inner table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:10px}.scoreboard th,.scoreboard-inner th{color:var(--gold-dim);text-align:left;font-weight:400;border-bottom:1px solid var(--border)}.scoreboard td,.scoreboard-inner td{padding:2px 6px;vertical-align:middle;border-bottom:1px solid rgba(122,92,46,.25)}.scoreboard tr.me,.scoreboard-inner tr.me{background:#ffd1001f}.scoreboard tr.dead,.scoreboard-inner tr.dead{color:#777}h3.alliance{color:#6aa0ff}h3.horde{color:#ff6a5a}.mini{display:inline-block;width:18px;height:18px;border:1px solid;margin-right:2px;font-size:11px;text-align:center;line-height:16px;background:#111}.mini.empty{border-color:#333}.shop{top:60px;left:50%;transform:translate(-50%);width:700px;max-height:calc(100vh - 170px);overflow:auto}.shop-head{display:flex;align-items:center;justify-content:space-between}.shop-head .gold{color:var(--gold);font-size:18px}.shop-head .close{padding:2px 10px}.warn{color:#ff8a5a;margin-bottom:8px}.items-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.shop-item{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;gap:0 8px;align-items:center;padding:5px;border:1px solid rgba(122,92,46,.5);border-radius:4px;cursor:pointer;background:#0000004d}.shop-item:hover{border-color:var(--gold-dim);background:#ffd10014}.shop-item.poor .icon{filter:saturate(.4) brightness(.8)}.shop-item.poor .price{color:#8a8a8a}.shop-item .icon{width:42px;height:42px;grid-row:span 2;font-size:16px}.shop-item .name{font-size:12px}.shop-item .price{font-size:12px;color:var(--gold)}.shop-inv{display:flex;gap:6px;margin-top:12px;border-top:1px solid var(--border);padding-top:10px}.shop-inv .slot{width:100px;height:78px;display:flex;flex-direction:column;align-items:center;border:1px solid rgba(122,92,46,.5);padding:4px}.shop-inv .sell{font-size:11px;padding:2px 6px;white-space:nowrap}.pause-menu{top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;min-width:260px;text-align:center}.end-veil{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:4vh;overflow:auto;background:radial-gradient(ellipse at 50% 18%,#3c280a59,#000000c7 70%);animation:veilIn .6s ease-out}.end-veil.lost{background:radial-gradient(ellipse at 50% 18%,#280a0a66,#000000d1 70%)}@keyframes veilIn{0%{opacity:0}to{opacity:1}}.end-banner{text-align:center;margin-bottom:14px;animation:bannerIn .9s cubic-bezier(.2,1.4,.4,1)}@keyframes bannerIn{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:none}}.end-title{font-family:Morpheus,FrizQuadrata,Georgia,serif;font-size:96px;line-height:1;color:#ffd100;text-shadow:0 4px 0 #000,0 0 30px rgba(255,190,40,.55)}.end-veil.lost .end-title{color:#c9c0b0;text-shadow:0 4px 0 #000,0 0 30px rgba(200,40,30,.5)}.end-sub{margin-top:6px;font-size:18px;color:#e8dcc0;text-shadow:0 2px 2px #000}.end-sub .alliance{color:#6aa0ff}.end-sub .horde{color:#ff6a5a}.endscreen{position:relative;width:min(1180px,96vw);text-align:left}.end-nav{display:flex;justify-content:center;gap:12px;margin:10px 0 4px}.end-nav button{min-width:180px}.spectator{top:60px;right:8px;width:300px;font-size:13px}.spectator .speeds{display:flex;align-items:center;gap:4px;margin-bottom:8px}.spectator .speeds button{padding:3px 12px}.spectator .r{padding:3px 6px;cursor:pointer;border-left:3px solid;margin-bottom:2px;background:#0000004d}.spectator .r.alliance{border-color:var(--alliance)}.spectator .r.horde{border-color:var(--horde)}.spectator .r.dead{opacity:.5}.spectator .r small{color:#b9ad8e;display:block}.tooltip{position:fixed;z-index:100;max-width:320px;padding:8px 10px;background:#080614f2;border:1px solid #8a8a9a;border-radius:4px;font-size:13px;color:#fff;pointer-events:none;box-shadow:0 4px 12px #000}.tooltip .t-title{display:block;font-size:15px;color:#fff;margin-bottom:2px}.tooltip .t-title.q-rare{color:#3a9cff}.tooltip .t-title.q-epic{color:#c072ff}.tooltip .t-title.q-legendary{color:var(--q-legendary)}.tooltip .t-sub{color:#bbb;font-size:12px;margin:2px 0}.tooltip .t-hint{color:#8f8a78;font-style:italic;margin-top:6px}.tooltip .ss-rows{margin-top:6px}.tooltip .t-stat{color:#fff}.tooltip .t-use{color:#1eff00;margin-top:4px}.unit-bar[data-cc]:not([data-cc=""]):after{position:absolute;top:-16px;left:50%;transform:translate(-50%);font-size:11px;font-weight:700;padding:0 4px;border-radius:3px;background:#000000b3;white-space:nowrap}.unit-bar[data-cc=stun]:after,.unit-bar[data-cc=knockup]:after{content:"✶ STUN";color:#ffd84a}.unit-bar[data-cc=root]:after{content:"❄ ROOT";color:#9fdcff}.unit-bar[data-cc=silence]:after{content:"✕ SILENCE";color:#c49aff}.unit-bar[data-cc=fear]:after,.unit-bar[data-cc=taunt]:after,.unit-bar[data-cc=hex]:after{content:"! " attr(data-cc);color:#ff7a5a;text-transform:uppercase}.unit-bar[data-cc=slow]:after{content:"▼";color:#9fdcff}.unit-bar[data-tal]:not([data-tal=""]):before{content:attr(data-tal);position:absolute;top:-15px;left:0;font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 2px #000,0 1px 2px #000;pointer-events:none}.unit-bar[data-tal~=bleed]:before{color:#ff5a4d}.unit-bar[data-tal~=burn]:before{color:#ffae42}.unit-bar[data-tal~=defiance]:before{color:#c9c2ff}.icon.freecast{box-shadow:0 0 8px 2px #7fd4ff}.unit-bar{position:absolute}#app.ingame.dead canvas{filter:grayscale(.85) brightness(.8)}.ping{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border:3px solid #ffd84a;border-radius:50%;pointer-events:none;animation:ping 1.2s ease-out 2}@keyframes ping{0%{transform:scale(.4);opacity:1}to{transform:scale(1.8);opacity:0}}html.wow-skin button{position:relative;background:none;border-radius:0;box-shadow:none;color:#ffd100;border-style:solid;border-width:5px 7px;border-image:var(--wow-btn-up) 5 7 fill / 5px 7px stretch;padding:3px 14px;min-height:26px;text-shadow:0 1px 1px #000}html.wow-skin button:hover:not(:disabled){color:#fff}html.wow-skin button:hover:not(:disabled):after,html.wow-skin button.active:after{content:"";position:absolute;inset:-5px -7px;pointer-events:none;background:var(--wow-btn-hi) center / 100% 100% no-repeat;mix-blend-mode:screen;opacity:.85}html.wow-skin button:active:not(:disabled){border-image-source:var(--wow-btn-down);padding-top:4px;padding-bottom:2px}html.wow-skin button:disabled{border-image-source:var(--wow-btn-dis);color:#7f7f7f;cursor:default}html.wow-skin button.active{color:#fff;outline:1px solid #ffd100;outline-offset:3px}html.wow-skin button.primary{color:#ffd100}html.wow-skin button.big{border-width:12px 15px;border-image:var(--wow-glue-up) 12 15 fill / 12px 15px stretch;font-size:19px;padding:4px 26px;min-width:300px;min-height:52px}html.wow-skin button.big:hover:not(:disabled):after,html.wow-skin button.big.active:after{inset:-12px -15px;background-image:var(--wow-glue-hi)}html.wow-skin button.big:hover:not(:disabled){outline:1px solid #ffd100;outline-offset:2px}html.wow-skin button.big:active:not(:disabled){border-image-source:var(--wow-glue-down)}html.wow-skin button.big:disabled{border-image-source:var(--wow-glue-dis)}html.wow-skin .lobby-panel,html.wow-skin .window{border-radius:0;border-style:solid;border-width:22px;border-image:var(--wow-frame-border) 32 / 22px round;background:var(--wow-frame-bg) repeat;background-clip:padding-box;background-color:#000000d9;box-shadow:0 10px 40px #000c}html.wow-skin .lobby-panel{padding:12px 22px}html.wow-skin .window{padding:4px 8px}html.wow-skin .window>h2:first-child,html.wow-skin .lobby-panel>h2:first-child{display:block;width:fit-content;min-width:220px;margin:-34px auto 10px;padding:12px 40px 14px;background:var(--wow-frame-header) center / 100% 100% no-repeat;font-size:18px;text-align:center}html.wow-skin .selected,html.wow-skin .minimap,html.wow-skin .tooltip{border-radius:0;border-style:solid;border-width:10px;border-image:var(--wow-tip-border) 16 / 10px round;background:#0a0a1aeb;background-clip:padding-box}html.wow-skin .tooltip{padding:4px 6px;line-height:1.35;box-shadow:0 6px 18px #000000b3}html.wow-skin button.close{border:0;border-image:none;width:28px;height:28px;min-height:0;padding:0;color:transparent;font-size:0;background:var(--wow-close) center / 100% 100% no-repeat;outline:none}html.wow-skin button.close:after{display:none}html.wow-skin button.close:hover{filter:brightness(1.3)}html.wow-skin button.close:active{background-image:var(--wow-close-down)}.perf{position:absolute;top:44px;left:8px;z-index:50;font:12px/1.3 Consolas,monospace;color:#9f9;background:#0009;padding:2px 6px;pointer-events:none}.death-recap{position:absolute;bottom:150px;left:50%;transform:translate(-50%);width:420px;padding:10px 14px 8px;pointer-events:none;background:linear-gradient(#160e0af5,#0a0705f5);border:1px solid #000;box-shadow:0 0 0 1px #c9a227b3,0 8px 30px #000000d9;animation:recapIn .25s ease-out}@keyframes recapIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.recap-head{display:flex;align-items:center;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(201,162,39,.35)}.recap-face{flex:none;width:52px;height:52px;border:2px solid #888;background:#222 center / cover;display:grid;place-items:center;font-size:20px;color:#ddd}.recap-face.small{width:26px;height:26px;border-width:1px;font-size:12px}.recap-face.alliance{border-color:#4a8ae0}.recap-face.horde{border-color:#d8473b}.recap-face.neutral{border-color:#c9a227}.recap-title{flex:1;display:flex;flex-direction:column;line-height:1.15}.recap-title small{font-size:12px;color:#c8bba0;letter-spacing:.5px}.recap-title b{font-family:FrizQuadrata,Georgia,serif;font-weight:400;font-size:24px;color:#ffd100;text-shadow:0 2px 0 #000,0 0 6px rgba(0,0,0,.9)}.recap-total{text-align:right;line-height:1.1}.recap-total b{display:block;font-size:22px;color:#fff}.recap-total small{font-size:11px;color:#c8bba0}.recap-split{display:flex;height:8px;margin:8px 0 4px;background:#000;overflow:hidden}.recap-split i{display:block;height:100%}.dmg-physical{--dmg: #e8873a}.dmg-magic{--dmg: #9a6cff}.dmg-true{--dmg: #f2f2f2}.recap-split i,.recap-legend i,.recap-row .dot{background:var(--dmg)}.recap-legend{display:flex;gap:14px;font-size:12px;color:#e8dcc0;margin-bottom:6px}.recap-legend i{display:inline-block;width:9px;height:9px;margin-right:5px;vertical-align:-1px}.recap-row{display:grid;grid-template-columns:26px 150px 1fr 44px;gap:8px;align-items:center;font-size:13px;color:#f2e6c9;margin:4px 0}.recap-row b{text-align:right;color:#fff;font-weight:400}.recap-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recap-row .dot{display:inline-block;width:7px;height:7px;margin-left:5px;border-radius:50%;vertical-align:1px}.recap-bar{height:8px;background:#ffffff14}.recap-bar i{display:block;height:100%;background:linear-gradient(90deg,#a01e18,#ff6a3a)}.recap-foot{margin-top:6px;font-size:11px;color:#8f846c;text-align:right}.kill-feed{position:absolute;top:48px;right:8px;display:flex;flex-direction:column;gap:4px;pointer-events:none}.feed-row{display:flex;align-items:center;gap:6px;padding:3px 6px;background:#0000008c;border:1px solid rgba(201,162,39,.5);animation:feedIn .2s ease-out}.feed-face{width:30px;height:30px;border:2px solid #888;background:#222 center / cover;display:grid;place-items:center;font-size:13px;color:#ddd}.feed-face.alliance{border-color:#3a7bd5}.feed-face.horde{border-color:#c8372d}.feed-sword{color:#ffd100;font-size:14px}@keyframes feedIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.unitframe .portrait:before{content:"";position:absolute;inset:-8px;border-radius:50%;pointer-events:none;background:conic-gradient(var(--xp-c, #b46ae8) calc(var(--xp, 0) * 360deg),rgba(0,0,0,.55) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px))}.portrait span{font-family:FrizQuadrata,Georgia,serif}.end-stats{margin:8px 0}.end-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:10px}.end-table tr.me{background:#ffd1001f}.end-table th{color:var(--gold-dim);font-weight:400;text-align:left;border-bottom:1px solid var(--border)}.end-table td{padding:2px 6px;vertical-align:middle;border-bottom:1px solid rgba(122,92,46,.25)}.end-num{white-space:nowrap}.end-bar{display:inline-block;width:90px;height:7px;margin-right:6px;background:#ffffff14;vertical-align:middle}.end-bar i{display:block;height:100%;background:#d9a441}.end-bar.taken i{background:#8a8a9a}.gold-curve{width:100%;height:120px;margin-top:8px;background:#0000004d}.gold-curve path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.gold-curve .alliance{stroke:#3a7bd5}.gold-curve .horde{stroke:#c8372d}.ping-wheel{position:absolute;width:0;height:0;z-index:60;pointer-events:none}.ping-wheel span{position:absolute;transform:translate(-50%,-50%);padding:3px 8px;background:#000000bf;border:1px solid #555;color:#ddd;font-size:12px;white-space:nowrap}.ping-wheel .pw-danger{left:0;top:-46px}.ping-wheel .pw-retreat{left:0;top:46px}.ping-wheel .pw-omw{left:70px;top:0}.ping-wheel .pw-assist{left:-70px;top:0}.ping-wheel span.on{border-color:#ffd100;color:#fff;background:#3c280ae6}.ping-call{position:absolute;top:22%;left:50%;transform:translate(-50%);font-family:FrizQuadrata,Georgia,serif;font-size:22px;text-shadow:0 2px 0 #000,0 0 6px #000;pointer-events:none}.ping-call.danger,.ping-call.retreat{color:#ff6a50}.ping-call.omw{color:#6ac8ff}.ping-call.assist{color:#8aff8a}.training-panel{position:absolute;top:60px;left:12px;display:flex;flex-direction:column;gap:4px;width:220px;padding:8px 10px;z-index:20}.training-panel .dps{font-size:12px;color:#ffd100}.training-panel button{font-size:12px;padding:3px 6px}.training-panel button.active{border-color:#ffd100;color:#fff}.world-ping{position:absolute;left:0;top:0;width:0;height:0;z-index:4;pointer-events:none;--c: 255, 216, 74}.world-ping.danger,.world-ping.retreat{--c: 255, 80, 60}.world-ping.omw{--c: 90, 200, 255}.world-ping.assist{--c: 120, 255, 120}.world-ping i{position:absolute;left:-26px;top:-14px;width:52px;height:28px;border:3px solid rgb(var(--c));border-radius:50%;animation:wping .9s ease-out 3}.world-ping b{position:absolute;left:-17px;top:-58px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:400;color:rgb(var(--c));background:#000000bf;box-shadow:0 0 0 2px rgb(var(--c)),0 0 14px rgba(var(--c),.8);animation:wpingDrop .35s cubic-bezier(.3,1.6,.5,1)}.world-ping b:after{content:"";position:absolute;left:16px;top:36px;width:2px;height:16px;background:rgb(var(--c))}@keyframes wping{0%{transform:scale(.3);opacity:1}to{transform:scale(1.6);opacity:0}}@keyframes wpingDrop{0%{transform:translateY(-30px);opacity:0}to{transform:none;opacity:1}}.summoners .icon.passive{border-style:dashed;filter:saturate(.9);cursor:default}.unit-bar .res.focus .fill{background:linear-gradient(#ffb14a,#a8611a)}.hidden-badge{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);padding:0 6px;background:#14280ae6;border:1px solid #9fd060;color:#d8f0a0;font-size:10px;white-space:nowrap;pointer-events:none;display:none}.pregame-countdown{position:absolute;top:12%;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;text-shadow:0 2px 6px #000;z-index:30}.pregame-countdown small{display:block;font-family:Morpheus,serif;font-size:22px;color:#ffd100}.pregame-countdown b{display:block;font-family:Morpheus,serif;font-size:72px;color:#fff;line-height:1}.lobby.heroes-3d .lobby-panel{width:min(1560px,97vw);max-width:none;height:min(900px,92vh);max-height:none;display:flex;flex-direction:column;overflow:hidden;text-align:left}.lobby.heroes-3d .lobby-panel>h1{text-align:center;margin-bottom:8px}.hs{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:210px minmax(0,1fr) 380px;gap:14px}.hs-left,.hs-right{min-height:0;display:flex;flex-direction:column;gap:10px}.hs-right{overflow:hidden}.hs-right>.hs-stats,.hs-right>.hs-profile,.hs-right>.hs-legend{flex:none}.hs-right>.hs-sheet{flex:0 1 auto;min-height:60px;overflow-y:auto;overflow-x:hidden}.hs-tabs{display:flex;gap:4px}.hs-tabs .hs-tab{flex:1;margin:0;padding:6px 4px;font-size:13px;min-width:0}.hs-heroes{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.hs-hero{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid rgba(214,178,94,.25);border-radius:4px;background:#00000059;cursor:pointer;transition:background .15s,border-color .15s}.hs-hero:hover{background:#3c280f8c;border-color:#d6b25e99}.hs-hero.active{border-color:var(--gold);background:linear-gradient(90deg,#7850148c,#0000004d);box-shadow:0 0 10px #ffd1004d}.hs-hero .portrait{width:44px;height:44px;margin:0;font-size:20px;flex:none;border-width:2px}.hs-portrait{overflow:hidden;background:radial-gradient(circle at 50% 36%,#57524a 0 17%,transparent 18%),radial-gradient(ellipse 34% 30% at 50% 88%,#57524a 0 98%,transparent 100%),#26231e}.hs-portrait img{width:100%;height:100%;display:block;opacity:0;transition:opacity .25s}.hs-portrait.ready img{opacity:1}.hs-hero b{display:block;color:var(--parch);font-weight:400;font-size:14px}.hs-hero small{color:#b9ad8e;font-size:12px}.hs-stage{min-height:0;display:flex;flex-direction:column;align-items:stretch}.hs-title{text-align:center;margin-bottom:6px}.hs-title h2{font-family:Morpheus,FrizQuadrata,Georgia,serif;font-size:34px;margin:0;line-height:1.1;color:#ffd100}.hs-title small{font-family:FrizQuadrata,Georgia,serif;color:#cbbd99;font-size:14px}.hs-frame{position:relative;flex:1;min-height:240px;border:2px solid #8a6a2a;border-radius:4px;background:radial-gradient(ellipse at 50% 38%,#3b3a46,#1d1b22 52%,#0b0a0c);box-shadow:0 0 0 1px #000,inset 0 0 60px #000000d9,0 6px 22px #000000b3;overflow:hidden}.hs.horde .hs-frame{background:radial-gradient(ellipse at 50% 38%,#4a2e26,#22150f 52%,#0c0705)}.hs.alliance .hs-frame{background:radial-gradient(ellipse at 50% 38%,#2c3a52,#141c2b 52%,#07090d)}html.wow-skin .hs-frame{border-style:solid;border-width:14px;border-image:var(--wow-frame-border) 32 / 14px round;border-radius:0}.hs-view{position:absolute;inset:0}.hs-view canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.hs-view canvas:active{cursor:grabbing}.hs-overlay{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hs-loading{position:absolute;inset:0;display:none;align-items:center;justify-content:center;pointer-events:none}.hs-view.busy .hs-loading{display:flex;align-items:flex-end;padding-bottom:7%;box-sizing:border-box}.hs-stage-pic{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .35s;pointer-events:none}.hs-stage-pic.show{opacity:1}.hs-stage-pic img{height:74%;border:2px solid #8a6a2a;border-radius:4px;box-shadow:0 0 34px #000c}.hs-view.busy .hs-loading:after{content:"";width:46px;height:46px;border-radius:50%;border:3px solid rgba(214,178,94,.25);border-top-color:#ffd100;animation:hs-spin .9s linear infinite}@keyframes hs-spin{to{transform:rotate(360deg)}}.hs-hint{position:absolute;left:10px;bottom:8px;max-width:175px;font-size:11px;line-height:1.3;color:#e6dcbe8c;pointer-events:none}.hs-bar{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}.hs-bar .hs-spell{position:relative;width:54px;height:54px;padding:0;margin:0;border:2px solid #5d4a26;border-radius:4px;background:#111;overflow:hidden;box-shadow:0 2px 6px #000000b3}html.wow-skin .hs-bar .hs-spell{border-image:none;border-width:2px;border-style:solid}html.wow-skin .hs-bar .hs-spell:after{display:none}.hs-bar .hs-spell img{width:100%;height:100%;display:block}.hs-bar .hs-spell:hover{border-color:#d6b25e;filter:brightness(1.15)}.hs-bar .hs-spell.active{border-color:#ffd100;box-shadow:0 0 10px #ffd1008c}.hs-bar .hs-spell.playing{box-shadow:0 0 14px #78c8ffd9;border-color:#9fd4ff}.hs-key{position:absolute;right:2px;bottom:0;font-size:12px;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000}.hs-bar .hs-idle{margin-left:10px;min-width:96px}.hs-bar .hs-spell.waiting:before{content:"";position:absolute;z-index:1;left:50%;top:50%;width:22px;height:22px;margin:-13px 0 0 -13px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#ffd100;background:#00000059;animation:hs-spin .9s linear infinite}.hs-passive{position:relative;display:flex;align-items:center;gap:8px;margin-right:8px}.hs-passive-label{font-size:13px;color:#cbbd99}.hs-bar .hs-spell.passive,html.wow-skin .hs-bar .hs-spell.passive{border-radius:50%}.hs-play{position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;border-radius:50%;background:#1a1408;border:1px solid #ffd100;pointer-events:none}.hs-play:after{content:"";position:absolute;left:6px;top:4px;border-style:solid;border-width:4px 0 4px 7px;border-color:transparent transparent transparent #ffd100}.hs-bar .hs-spell.details-only{cursor:help;box-shadow:none}.hs-bar .hs-spell.details-only:hover,.hs-bar .hs-spell.details-only:active{filter:none;transform:none;border-color:#a89f84}.hs-bar .hs-spell.details-only.active{border-color:#cbbd99;box-shadow:none}.hs-counter{position:absolute;display:none;transform:translate(-50%,-100%);padding:1px 8px;font-size:15px;font-weight:700;color:#f0e6cc;background:#000000b3;border:1px solid rgba(214,178,94,.6);border-radius:10px;pointer-events:none}.hs-counter.show{display:block}.hs-counter.proc{font-size:19px;color:#ffd100;border-color:#ffd100;box-shadow:0 0 12px #ffd100bf}.hs-stats,.hs-sheet,.hs-legend{background:#00000073;border:1px solid rgba(214,178,94,.3);border-radius:4px;padding:8px 12px}html.wow-skin .hs-sheet{border-style:solid;border-width:10px;border-image:var(--wow-tip-border) 16 / 10px round;background:#080810f0;background-clip:padding-box;border-radius:0;padding:4px 8px 8px}.hs-h{font-family:Morpheus,serif;color:var(--gold);font-size:16px;margin-bottom:4px}.hs-grid{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:3px 10px;font-size:13px}.hs-grid span{color:#b9ad8e}.hs-grid b{color:var(--parch);font-weight:400}.hs-grid i{color:#8f866e;font-style:normal;font-size:11px}.ss-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}.ss-name{font-family:Morpheus,FrizQuadrata,serif;font-weight:400;font-size:21px;color:#ffd100}.ss-key{color:#cbbd99;font-size:12px;white-space:nowrap}.ss-rows{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 12px;font-size:13px;margin-bottom:8px}.ss-rows>span{color:#b9ad8e;white-space:nowrap}.ss-rows b{color:#f0e6cc;font-weight:400;min-width:0;overflow-wrap:anywhere}.ss-rows small,.ss-desc small{font-size:11px;opacity:.85}.ss-desc{font-size:13px;line-height:1.45;color:#e8dfc8;border-top:1px solid rgba(214,178,94,.25);padding-top:6px}.v-physical{color:#ff7a45}.v-magic{color:#9a8cff}.v-true{color:#fff}.v-heal{color:#62e06a}.v-shield{color:#9fb6d6}.v-cc{color:#ffcf4a}.ss-desc .v-physical,.ss-desc .v-magic,.ss-desc .v-true,.ss-desc .v-heal,.ss-desc .v-shield,.ss-desc .v-cc{font-weight:700}.hs-legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:#cbbd99}.hs-legend .lg{display:inline-flex;align-items:center;gap:5px}.hs-legend i{width:10px;height:10px;border-radius:2px;display:inline-block;box-shadow:0 0 0 1px #000}.sw-physical{background:#ff7a45}.sw-magic{background:#9a8cff}.sw-true{background:#fff}.sw-heal{background:#62e06a}.sw-shield{background:#9fb6d6}.sw-cc{background:#ffcf4a}@media(max-width:1150px){.hs{grid-template-columns:170px minmax(0,1fr)}.hs-right{grid-column:1 / -1;max-height:34vh}}.hs-search{width:100%;box-sizing:border-box;padding:6px 9px;font:13px FrizQuadrata,Georgia,serif;color:var(--parch);background:#0000008c;border:1px solid rgba(214,178,94,.45);border-radius:3px;outline:none}.hs-search:focus{border-color:#ffd100;box-shadow:0 0 6px #ffd10059}.hs-search::placeholder{color:#8f866e}.hs-roles{position:relative}button.hs-role-btn,button.hs-role{display:block;width:100%;min-height:0;margin:0;box-sizing:border-box;padding:6px 9px;text-align:left;font:13px FrizQuadrata,Georgia,serif;color:var(--parch);background:#0000008c!important;border:1px solid rgba(214,178,94,.45)!important;border-image:none!important;border-radius:3px;box-shadow:none}button.hs-role-btn{padding-right:24px}button.hs-role-btn:before{content:"";position:absolute;right:9px;top:50%;margin-top:-2px;border-style:solid;border-width:5px 4px 0;border-color:#d6b25e transparent transparent}button.hs-role-btn:after,button.hs-role:after{display:none}button.hs-role-btn:hover,button.hs-role:hover{color:#ffd100;border-color:#d6b25e!important}.hs-role-menu{position:absolute;z-index:25;left:0;right:0;top:calc(100% + 2px);display:none;background:#080810fa;border:1px solid #8a6a2a;border-radius:3px;box-shadow:0 6px 18px #000c}.hs-roles.open .hs-role-menu{display:block}.hs-role-menu button.hs-role{background:none!important;border:0!important;border-radius:0}.hs-role-menu button.hs-role.on{color:#ffd100;background:linear-gradient(90deg,rgba(232,194,90,.18),transparent)!important}.hs-hero[hidden],.hs-none[hidden]{display:none}.hs-none{color:#8f866e;font-size:12px;font-style:italic;padding:6px 4px}.hs-bio{margin:4px auto 0;max-width:620px;font-size:12.5px;line-height:1.4;color:#d9cba6;font-style:italic}.hs-profile{background:#00000073;border:1px solid rgba(214,178,94,.3);border-radius:4px;padding:8px 12px}.hs-profile[hidden]{display:none}.hs-bars{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;font-size:12px}.hs-bars>span{color:#b9ad8e}.hs-meter{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.hs-meter i{height:7px;border-radius:1px;background:#ffffff12;box-shadow:inset 0 0 0 1px #000c}.hs-meter i.on{background:linear-gradient(#ffe27a,#c48a1c);box-shadow:inset 0 0 0 1px #0009,0 0 4px #ffbe3c59}.hs-meter.p-toughness i.on{background:linear-gradient(#b7d27a,#5f8a2a)}.hs-meter.p-control i.on{background:linear-gradient(#c8b6ff,#6d55c9)}.hs-meter.p-mobility i.on{background:linear-gradient(#9fe6ff,#2f88b8)}.hs-meter.p-utility i.on{background:linear-gradient(#a8f0b6,#2f9a54)}.hs-diff{display:flex;align-items:center;gap:10px;margin-top:5px;padding-top:4px;border-top:1px solid rgba(214,178,94,.2);font-size:13px}.hs-diff>span:first-child{color:#b9ad8e}.hs-diff b{color:var(--parch);font-weight:400}.hs-pips{display:inline-flex;gap:4px}.hs-pips i{width:11px;height:11px;transform:rotate(45deg);background:#ffffff14;box-shadow:inset 0 0 0 1px #000}.hs-pips.d1 i.on{background:#62e06a}.hs-pips.d2 i.on{background:#ffcf4a}.hs-pips.d3 i.on{background:#ff5a46}.hs-tip{position:absolute;z-index:20;width:410px;pointer-events:none;opacity:0;transition:opacity .12s;background:#080810f5;border:1px solid rgba(214,178,94,.6);border-radius:4px;padding:8px 12px;box-shadow:0 6px 20px #000c}.hs-tip.show{opacity:1}html.wow-skin .hs-tip{border-style:solid;border-width:10px;border-image:var(--wow-tip-border) 16 / 10px round;background-clip:padding-box;border-radius:0;padding:4px 8px 8px}.lobby.herosel{--hsel-accent: 200, 55, 45;--hsel-gold: #c79c4e}.lobby.herosel.alliance{--hsel-accent: 58, 123, 213}.lobby.herosel .lobby-panel{width:100%;height:100%;min-width:0;max-width:none;max-height:none;padding:0;overflow:hidden;text-align:left;background:none;border:0;border-image:none;border-radius:0;box-shadow:none}.hsel{position:relative;width:100%;height:100%;display:flex;flex-direction:column;animation:hsel-in .25s ease-out;background:radial-gradient(ellipse 46% 62% at 50% 46%,rgba(var(--hsel-accent),.16),transparent 100%),radial-gradient(ellipse 72% 88% at 50% 44%,transparent 35%,rgba(5,3,1,.78) 100%),linear-gradient(transparent 70%,#050301cc)}@keyframes hsel-in{0%{opacity:0}to{opacity:1}}.hsel-main{flex:1;min-height:0;display:grid;grid-template-columns:clamp(250px,18vw,340px) minmax(0,1fr) clamp(350px,24vw,450px);gap:clamp(8px,1vw,20px);padding:clamp(10px,1.8vh,22px) clamp(14px,1.5vw,28px) 0}.hsel-left{min-height:0;display:flex;flex-direction:column}.hsel-left h1{margin:0 0 clamp(4px,1vh,12px);font-size:clamp(25px,3.7vh,40px);line-height:1.1;white-space:nowrap}.hsel-side{flex:none;display:flex;align-items:center;gap:10px;margin-bottom:clamp(6px,1.2vh,14px)}.hsel-side img,.hsel-foe-side img{flex:none;width:clamp(30px,4.4vh,44px);height:clamp(30px,4.4vh,44px);object-fit:contain;filter:drop-shadow(0 2px 4px #000)}.hsel-side b,.hsel-foe-side b{display:block;font-family:Morpheus,serif;font-weight:400;font-size:clamp(16px,2.1vh,21px);line-height:1.1;color:var(--parch);text-shadow:0 1px 3px #000}.hsel-side small,.hsel-foe-side small{display:block;font-size:12px;color:#b9ad8e;text-shadow:0 1px 2px #000;white-space:nowrap}.hsel-cards{flex:1;min-height:0;display:flex;flex-direction:column;gap:clamp(5px,.9vh,10px)}.lobby button.hsel-card{position:relative;flex:1 1 0;min-height:0;max-height:160px;width:100%;margin:0;padding:0 12px 0 clamp(8px,1.1vh,14px)!important;display:flex;align-items:center;gap:clamp(10px,1.4vh,16px);text-align:left;font-family:FrizQuadrata,Georgia,serif;cursor:pointer;color:var(--parch);background:linear-gradient(90deg,#1a120aeb,#0a0704c7);border:1px solid rgba(199,156,78,.42);border-image:none!important;border-radius:2px;box-shadow:0 0 0 1px #000,0 4px 12px #0000008c;transition:border-color .15s,box-shadow .15s,background .15s}.lobby button.hsel-card:after{display:none!important}.lobby button.hsel-card:hover:not(.active){color:#fff;background:linear-gradient(90deg,#4a3414eb,#140e08cc);border-color:#e2bb6a;box-shadow:0 0 0 1px #000,0 0 12px #ffd10052}.lobby button.hsel-card.active{color:#fff;background:linear-gradient(90deg,#88601ae6,#281a0ad1);border-color:#ffd100;box-shadow:0 0 0 1px #000,0 0 20px #ffd10080,inset 0 0 18px #ffd10024}.hsel-card .portrait{flex:none;width:clamp(58px,9.6vh,108px);height:clamp(58px,9.6vh,108px);margin:0;border:2px solid #8a6a2a;background-position:center;box-shadow:0 0 0 1px #000,0 0 0 3px #c79c4e59,0 3px 8px #000;transition:border-color .15s,box-shadow .15s}.hsel-card:hover .portrait{border-color:#e2bb6a}.hsel-card.active .portrait{border-color:#ffd100;box-shadow:0 0 0 1px #000,0 0 0 3px #ffd1008c,0 0 16px #ffd1008c}.hs-portrait[data-side=alliance] img{background:radial-gradient(circle at 40% 35%,#6aa0ff,#142c5c)}.hs-portrait[data-side=horde] img{background:radial-gradient(circle at 40% 35%,#ff7a5a,#4d0d07)}.hsel-card-text{flex:1;min-width:0}.hsel-card-text b{display:block;font-family:Morpheus,serif;font-weight:400;font-size:clamp(16px,2.2vh,22px);line-height:1.1;text-shadow:0 1px 3px #000}.hsel-card.active .hsel-card-text b{color:#ffd100}.hsel-card-text small{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:13px;color:#cbbd99}.hsel-role-icon{flex:none;width:18px;height:18px;border:1px solid #000;border-radius:2px;box-shadow:0 0 0 1px #c79c4e8c}.hsel-tag{position:absolute;right:7px;top:6px;padding:0 6px;font-size:10px;line-height:15px;letter-spacing:1px;text-transform:uppercase;color:#d9deff;background:#3c4256;text-shadow:none}.hsel-tag.me{color:#1b1206;background:linear-gradient(#f0cf6a,#b98a25)}.hsel-stage{position:relative;min-width:0;min-height:0}.hsel-frame{position:absolute;inset:0 -4% -2%}.hsel-frame .hs-view{-webkit-mask-image:radial-gradient(ellipse 50% 54% at 50% 54%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 50% 54% at 50% 54%,#000 62%,transparent 100%)}.hsel-frame .hs-stage-pic img{height:62%;margin-top:10%;border:0;border-radius:0;box-shadow:none;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 60%,transparent 100%)}.hsel-frame .hs-view.busy .hs-loading{z-index:1;padding-bottom:0;align-items:flex-end;bottom:clamp(70px,15vh,170px)}.hsel-frame .hs-view.busy .hs-loading:after{background:#00000080;box-shadow:0 0 10px 4px #00000080}.hsel-head{position:relative;text-align:center;pointer-events:none;text-shadow:0 2px 5px #000,0 0 16px rgba(0,0,0,.8)}.hsel-head h2{margin:0;font-size:clamp(32px,6.2vh,66px);line-height:1.05;color:#ffd100}.hsel-title{font-size:clamp(14px,2vh,20px);color:var(--parch)}.hsel-role{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-size:14px;color:#e8dcc0}.hsel-role .hsel-role-icon{width:22px;height:22px}.hsel-role em{width:1px;height:14px;margin:0 4px;background:#c79c4e99}.hsel-hint{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-size:12px;color:#e6dcbe9e;text-shadow:0 1px 2px #000;pointer-events:none}.hsel-right{min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(4px,1.2vh,16px);overflow:hidden;padding:clamp(8px,1.5vh,20px) clamp(12px,1vw,20px);background:linear-gradient(#160f08ed,#090603f2);border:1px solid #8a6a2a;border-radius:2px;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #ffdc821f,0 8px 30px #000000b3}.hsel-bio{flex:none;margin:0;font-size:clamp(12px,1.5vh,15px);line-height:1.4;font-style:italic;color:#d9cba6}.hsel-section{flex:none}.hsel-section[hidden]{display:none}.hsel-section>h3,.front .hsel-section>h3{display:flex;align-items:center;gap:10px;margin:0 0 clamp(3px,.8vh,9px);font-size:clamp(16px,2.1vh,21px);line-height:1.15;white-space:nowrap}.hsel-section>h3:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(199,156,78,.75),transparent)}.hsel-power{grid-column:1 / -1;margin-top:6px;color:#b9ad8e;font-size:11px;line-height:1.3}.hsel-stats{display:grid;grid-template-columns:minmax(0,max-content) minmax(56px,1fr) 36px 44px;column-gap:8px;row-gap:clamp(1px,1.05vh,13px)}.hsel-stat{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:center;font-size:clamp(12px,1.45vh,15px);line-height:1.3}.hsel-stat-name{min-width:0;overflow:hidden;color:#b9ad8e;text-overflow:ellipsis;white-space:nowrap}.hsel-bar{height:clamp(7px,1.1vh,12px);background:#000000bf;box-shadow:inset 0 0 0 1px #000,0 0 0 1px #c79c4e47}.hsel-bar i{display:block;height:100%;transition:width .3s ease-out;box-shadow:inset 0 1px #ffffff47,inset 0 -2px #00000040;background:linear-gradient(#ffe27a,#c48a1c)}.hsel-bar .f-hp{background:linear-gradient(#5fe35f,#23962a)}.hsel-bar .f-mana{background:linear-gradient(#5a95ff,#2554b8)}.hsel-bar .f-rage{background:linear-gradient(#ff5a4a,#8a1a10)}.hsel-bar .f-focus{background:linear-gradient(#ffb14a,#a8611a)}.hsel-bar .f-armor{background:linear-gradient(#c6c6c6,#6f6f6f)}.hsel-bar .f-mr{background:linear-gradient(#c8b6ff,#6d55c9)}.hsel-bar .f-move{background:linear-gradient(#9fe6ff,#2f88b8)}.hsel-stat b{font-weight:400;text-align:right;color:#f4ead0}.hsel-stat small{font-size:11px;color:#8f866e;white-space:nowrap}.hsel-profile .hs-bars{gap:clamp(1px,.8vh,9px) 12px;font-size:clamp(12px,1.4vh,15px)}.hsel-spells{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(6px,.55vw,10px)}.lobby button.hsel-spell{position:relative;display:block;width:100%;min-height:0;margin:0;padding:0!important;background:none;border:0;border-image:none!important;border-radius:0;box-shadow:none;font-family:FrizQuadrata,Georgia,serif}.lobby button.hsel-spell:after{display:none!important}.hsel-spell-icon{display:block;aspect-ratio:1;overflow:hidden;border:2px solid #6b5426;border-radius:3px;background:#111;box-shadow:0 0 0 1px #000,0 3px 8px #000000b3;transition:border-color .12s,box-shadow .12s,filter .12s}.hsel-spell-icon img{display:block;width:100%;height:100%}.hsel-spell.passive .hsel-spell-icon{border-radius:50%}.hsel-spell:hover .hsel-spell-icon,.hsel-spell:focus-visible .hsel-spell-icon{border-color:#ffd100;box-shadow:0 0 0 1px #000,0 0 14px #ffd100a6;filter:brightness(1.15)}.lobby button.hsel-spell:focus-visible{outline:none}.hsel-key{display:block;margin-top:4px;font-size:clamp(11px,1.35vh,13px);line-height:1.25;text-align:center;color:#e8dcc0;text-shadow:0 1px 2px #000;white-space:nowrap}.hsel-tip{position:absolute;z-index:20;left:0;top:0;width:clamp(340px,24vw,420px);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .1s;padding:8px 12px;background:#080810f7;border:1px solid rgba(214,178,94,.6);box-shadow:0 6px 20px #000000d9}.hsel-tip.show{opacity:1;visibility:visible}html.wow-skin .hsel-tip{border-style:solid;border-width:10px;border-image:var(--wow-tip-border) 16 / 10px round;background-clip:padding-box;padding:4px 8px 8px}.hsel-foot{position:relative;flex:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:clamp(6px,1.1vh,14px) clamp(14px,1.5vw,28px) clamp(8px,1.4vh,16px)}.hsel-foot-left{display:flex;align-items:center;min-width:0}.lobby button.hsel-back,.lobby .hsel-talents .tal-summary button{color:#e8dcc0;background:linear-gradient(#2c2418,#15100a)!important;border:1px solid #6b5a2e!important;border-image:none!important;border-radius:3px;box-shadow:0 0 0 1px #000,inset 0 -2px #0009}.lobby button.hsel-back:after,.lobby .hsel-talents .tal-summary button:after{display:none!important}.lobby button.hsel-back:hover:not(:disabled),.lobby .hsel-talents .tal-summary button:hover:not(:disabled){color:#ffd100;border-color:#c79c4e!important}.lobby button.hsel-back{min-width:140px;min-height:34px;margin:0;padding:3px 14px;font-size:16px}.lobby .hsel-talents .tal-summary button{min-width:0;min-height:28px;padding:2px 10px;font-size:13px}.hsel-foes{display:flex;align-items:center;justify-content:center;min-width:0;gap:clamp(5px,.5vw,9px)}.hsel-vs{margin-right:8px;font-family:Morpheus,serif;font-size:clamp(22px,3.2vh,32px);color:var(--gold);text-shadow:0 2px 4px #000}.hsel-foe-side{display:flex;align-items:center;gap:8px;margin-right:8px}.hsel-foe.portrait{flex:none;width:clamp(38px,5.2vh,54px);height:clamp(38px,5.2vh,54px);margin:0;border:2px solid #8a6a2a;background-position:center;box-shadow:0 0 0 1px #000,0 2px 6px #000}.hsel-foot-right{display:flex;align-items:center;justify-content:flex-end;gap:clamp(10px,1vw,20px);min-width:0}.hsel-talents{display:flex;align-items:center;gap:10px;min-width:0;text-shadow:0 1px 2px #000}.hsel-talents .tal-summary-name{max-width:100px}.hsel-talents .tal-summary-icon.no-icon:empty{display:none}.hsel-summoners{display:flex;align-items:center;gap:10px}.hsel-talents>span,.hsel-summoners>span{max-width:84px;font-size:13px;line-height:1.15;text-align:right;color:var(--gold-dim);text-shadow:0 1px 2px #000}.lobby .hsel-summoners .sum-picker{position:static;margin:0}.lobby .hsel-summoners .sum-slot{width:clamp(44px,6vh,58px);height:clamp(44px,6vh,58px);box-shadow:0 0 0 1px #000,0 2px 6px #000}.lobby button.hsel-start{min-width:clamp(240px,17vw,320px);margin:0;flex:none}.hsel-summoners .sum-grid-pop{bottom:calc(100% + 8px);left:auto;right:calc(clamp(14px,1.5vw,28px) + clamp(350px,24vw,450px) + clamp(8px,1vw,20px));transform:none}@media(max-height:760px){.hsel-bio{display:none}}@media(max-width:1560px){.hsel-summoners>span{display:none}.hsel-talents{gap:5px}.hsel-talents>span{max-width:none;white-space:nowrap;color:var(--gold)}.hsel-talents>span:after{content:attr(data-colon)}.hsel-talents .tal-summary-icon,.hsel-talents .tal-summary-split,.hsel-talents .tal-summary-unspent{display:none}.hsel-talents .tal-summary-text:has(.tal-summary-unspent) .tal-summary-name{color:#ff9a2e}}@media(max-width:1320px){.hsel-talents .tal-summary-name{max-width:72px}}@media(max-width:1279px){.hsel-foot{gap:8px}.lobby button.hsel-back{min-width:84px}.hsel-foes{gap:4px}.hsel-vs{margin-right:2px;font-size:22px}.hsel-foe-side{margin-right:2px}.hsel-foe-side div{display:none}.hsel-foe.portrait{width:32px;height:32px}.hsel-talents .tal-summary-name{max-width:56px}html.wow-skin .lobby button.hsel-start{min-width:204px;padding:4px;font-size:16px}}.front{position:absolute;inset:0;display:grid;grid-template-rows:72px minmax(0,1fr);color:var(--ink)}.front.login{display:block}.front-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 30% 30%,#4d6a34,#2b3a1e 35%,#120d08 85%),#120d08;overflow:hidden}.front-bg .lobby-canvas{position:absolute;inset:0;width:100%;height:100%;filter:saturate(.85) brightness(.62)}.front-bg:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 35%,rgba(5,3,1,.75) 100%),linear-gradient(transparent 55%,#050301d9)}.front.login .front-bg .lobby-canvas{filter:saturate(.9) brightness(.8)}.front-main{position:relative;z-index:1;min-height:0;overflow:hidden}.front .page{height:100%;overflow:auto;padding:22px 32px 28px}.front h3{font-size:20px;margin:18px 0 8px}.front .muted{color:#a89c80}button.glue{font-size:17px;padding:8px 26px;min-width:190px}html.wow-skin button.glue{border-width:12px 15px;border-image:var(--wow-glue-up) 12 15 fill / 12px 15px stretch;padding:2px 18px;min-height:46px;font-size:16px}html.wow-skin button.glue:hover:not(:disabled):after,html.wow-skin button.glue.active:after{inset:-12px -15px;background-image:var(--wow-glue-hi)}html.wow-skin button.glue:active:not(:disabled){border-image-source:var(--wow-glue-down)}html.wow-skin button.glue:disabled{border-image-source:var(--wow-glue-dis)}html.wow-skin button.glue.active{outline:none}button.small{font-size:12px;padding:2px 10px;margin:2px}html.wow-skin button.small{min-height:22px;padding:1px 10px;border-width:4px 6px}.front .flat,.front .nav-tab,.front .icon-btn,.front .mode-item,.front .mode-tile,.front .fp-card,.front .cs-hero,.front .q-cancel{border-image:none!important;border-radius:0;box-shadow:none;text-shadow:0 1px 2px #000;margin:0}.front .nav-tab:after,.front .icon-btn:after,.front .mode-item:after,.front .mode-tile:after,.front .fp-card:after,.front .cs-hero:after,.front .q-cancel:after{display:none!important}.wow-input{width:100%;font-family:inherit;font-size:16px;color:#fff;background:#000000c7;border:1px solid #8f7a4c;padding:7px 10px;outline:none;user-select:text}.wow-input:focus{border-color:var(--gold);box-shadow:0 0 8px #ffd10059}html.wow-skin .wow-input{border-style:solid;border-width:7px;border-image:var(--wow-tip-border) 16 / 7px round;background:#000000d1;background-clip:padding-box;padding:4px 6px}html.wow-skin .wow-input:focus{box-shadow:0 0 10px #ffd10066}.wow-input.code{text-align:center;letter-spacing:8px;font-size:22px}.field{display:block;margin:0 0 10px;text-align:center}.field>span{display:block;color:var(--gold);font-size:15px;margin-bottom:4px;text-shadow:0 1px 2px #000}.check{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--gold);font-size:14px;margin:2px 0 6px;cursor:pointer}.check input{accent-color:var(--gold-dim);width:16px;height:16px}.login-msg{min-height:20px;font-size:13px;color:#d9cfb3;margin:4px 0;text-align:center}.login-msg.error{color:#ff6a50}.login-msg.ok{color:#6ce36c}.login-ui{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center}.login-logo{position:relative;isolation:isolate;margin-top:5vh;text-align:center;pointer-events:none}.login-logo:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:clamp(520px,52vw,900px);height:130%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(6,4,2,.78),rgba(6,4,2,.5) 60%,transparent)}.home-side:not(:has(.rank-card)){align-self:start}.login-logo h1{font-size:clamp(48px,7vw,92px);margin:0;letter-spacing:1px;color:#ffd75a;background:linear-gradient(#fff3b0,#ffd100 45%,#b87a10);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 2px #000) drop-shadow(0 0 18px rgba(255,180,40,.35))}.login-logo h1:has(img){line-height:0;filter:none}.login-logo h1 img{height:clamp(170px,33vh,330px);width:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.85)) drop-shadow(0 0 24px rgba(60,140,255,.25))}.login-logo .sub{font-family:Morpheus,serif;font-size:clamp(18px,2vw,26px);color:var(--parch);text-shadow:0 2px 4px #000;margin-top:-4px}.login-box{margin-top:auto;margin-bottom:11vh;width:300px;display:flex;flex-direction:column;align-items:stretch;position:relative}.login-box:before{content:"";position:absolute;inset:-40px -90px;z-index:-1;background:radial-gradient(ellipse closest-side,rgba(0,0,0,.62),transparent);pointer-events:none}.login-box h2{text-align:center;font-size:24px;margin-bottom:10px}.login-box>button{align-self:center;margin-top:6px}.login-box>button.glue{min-width:200px}.login-note{font-size:13px;color:#e2d7b9;text-align:center;margin:0 0 10px;text-shadow:0 1px 2px #000}.login-corner{position:absolute;bottom:22px;display:flex;flex-direction:column;gap:4px}.login-corner.left{left:22px}.login-corner.right{right:22px}.login-corner button.glue{min-width:190px}.login-version{color:#c9bd9f;font-size:11px;margin-top:6px;text-shadow:0 1px 2px #000}.login-legal{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:11px;color:#8d846f;white-space:nowrap;text-shadow:0 1px 2px #000}.front-top{position:relative;z-index:3;display:flex;align-items:center;gap:10px;padding:0 14px 0 10px;background:linear-gradient(#0e0a06f7,#0a0704e0);border-bottom:1px solid #6b5326;box-shadow:0 1px #ffd10026,0 6px 18px #0009}.front-top .front-logo{height:48px;width:auto;margin:2px 2px 2px 0;cursor:pointer;filter:drop-shadow(0 2px 3px #000);user-select:none}.front-top .play-btn{min-width:170px;font-family:Morpheus,serif;font-size:24px;letter-spacing:2px;text-transform:uppercase}html.wow-skin .front-top .play-btn{min-height:52px;font-size:24px}.front-nav{display:flex;height:100%;margin-left:10px}.front .nav-tab{background:none;border:0;height:100%;padding:0 18px;color:#c8b88a;font-size:15px;letter-spacing:1.5px;text-transform:uppercase;position:relative;cursor:pointer}.front .nav-tab:hover:not(:disabled){color:#fff;background:#ffd1000d}.front .nav-tab.active{color:var(--gold)}.front .nav-tab.active:before{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.front .nav-tab:disabled{color:#5e5546;cursor:default}.front-top .spacer{flex:1}.player-badge{display:flex;align-items:center;gap:10px;padding-left:14px;border-left:1px solid rgba(122,92,46,.5);height:48px}.pb-text{display:flex;flex-direction:column;text-align:right}.pb-text b{color:#fff;font-size:15px;font-weight:400}.pb-text small{display:flex;gap:10px;justify-content:flex-end;font-size:11px;color:#c8b88a}.pb-rank{display:inline-flex;align-items:center;gap:3px}.pb-rank img{width:16px;height:16px}.pb-rank.alliance{color:#8fb6ff}.pb-rank.horde{color:#ff8f7a}.front .icon-btn{width:38px;height:38px;padding:0;background:#0006;border:1px solid #6b5326;color:#c8b88a;font-size:20px;border-radius:50%;cursor:pointer}.front .icon-btn:hover,.front .icon-btn.active{color:var(--gold);border-color:var(--gold)}.front-queue{display:none}.front-queue.on{display:flex;align-items:center;gap:12px;margin-left:12px;padding:4px 6px 4px 14px;border:1px solid #a07c32;background:linear-gradient(#3c280abf,#140c04d9);box-shadow:0 0 14px #ffbe2840;animation:qglow 2.4s ease-in-out infinite}@keyframes qglow{50%{box-shadow:0 0 22px #ffbe2880}}.q-text{display:flex;flex-direction:column}.q-text b{color:var(--gold);font-weight:400;font-size:14px}.q-text small{color:#c8b88a;font-size:11px}.q-time{font-family:Morpheus,serif;font-size:26px;color:#fff;min-width:54px;text-align:center}.front .q-cancel{width:28px;height:28px;padding:0;background:#00000080;border:1px solid #7a5c2e;color:#e0c27a;font-size:13px;cursor:pointer}.front .q-cancel:hover{color:#fff;border-color:#ff6a50}.front .panel,.home-side,.mode-list,.mode-detail,.room-col,.room-side,.rank-card,.cs-detail,.hist-row,.custom-col{background:#0a0806d1;border:1px solid #5d4826;box-shadow:0 6px 22px #0000008c}html.wow-skin .home-side,html.wow-skin .mode-list,html.wow-skin .mode-detail,html.wow-skin .room-col,html.wow-skin .room-side,html.wow-skin .custom-col{border-style:solid;border-width:12px;border-image:var(--wow-tip-border) 16 / 12px round;background:#060504db;background-clip:padding-box}.home{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:minmax(0,1fr) auto;gap:22px}.home-hero{align-self:end;max-width:680px;padding:0 0 8px 8px}.home-kicker{display:inline-block;color:#1a1205;background:linear-gradient(#ffe27a,#d9a520);padding:3px 12px;font-size:13px;letter-spacing:2px;text-transform:uppercase}.home-hero h1{font-size:clamp(36px,4.4vw,60px);margin:10px 0 6px;line-height:1.05}.home-hero p{font-size:17px;color:#ecdfc0;text-shadow:0 2px 3px #000;max-width:560px}.home-cta{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.home-cta button.glue{min-width:240px;font-size:19px}.home-side{grid-row:1;grid-column:2;overflow:hidden auto;padding:6px 12px 12px;align-self:stretch}.home-side h3:first-child{margin-top:4px}.home-side .rank-card{margin-bottom:8px}.home-tiles{grid-column:1 / 3;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.front .mode-tile{position:relative;height:96px;text-align:left;padding:14px 16px;background:linear-gradient(160deg,#281e10eb,#0a0805eb);border:1px solid #6b5326;cursor:pointer;overflow:hidden;transition:transform .12s,border-color .12s}.front .mode-tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent, var(--gold))}.front .mode-tile:hover:not(:disabled){transform:translateY(-3px);border-color:var(--accent, var(--gold))}.front .mode-tile b{display:block;font-family:Morpheus,serif;font-weight:400;font-size:21px;color:var(--gold)}.front .mode-tile small{color:#bfb194;font-size:12px}.front .mode-tile:disabled{filter:grayscale(.9) brightness(.6);cursor:default}.m-ranked{--accent: #ffb400}.m-custom{--accent: #39c6b4}.m-bots{--accent: #64c447}.m-training{--accent: #4f94ff}.m-spectator{--accent: #b276ff}.play{display:grid;grid-template-columns:290px minmax(0,1fr);gap:20px}.mode-list{padding:8px;overflow:auto}.mode-group{color:var(--gold-dim);font-size:12px;letter-spacing:2px;text-transform:uppercase;margin:10px 8px 6px}.front .mode-item{display:block;width:100%;text-align:left;padding:10px 14px;margin:0 0 6px;background:#ffffff08;border:1px solid transparent;border-left:4px solid var(--accent);cursor:pointer}.front .mode-item b{display:block;color:#f0e2bd;font-weight:400;font-size:17px}.front .mode-item small{color:#a89c80;font-size:12px}.front .mode-item:hover:not(:disabled){background:#ffd10012}.front .mode-item.active{background:linear-gradient(90deg,#ffd10029,#ffd10005);border-color:#ffd10059;border-left-color:var(--accent)}.front .mode-item.active b{color:var(--gold)}.front .mode-item:disabled{opacity:.45;cursor:default}.mode-detail{position:relative;padding:18px 26px 90px;overflow:auto}.mode-detail h2{font-size:34px;margin-bottom:4px}.mode-desc{color:#e0d3b2;font-size:15px;max-width:720px;margin:0 0 18px}.faction-pick{display:flex;gap:18px;flex-wrap:wrap}.front .fp-card{position:relative;width:210px;height:270px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:16px 12px;cursor:pointer;border:2px solid #5d4826;background:linear-gradient(#0000001a,#000000d9),var(--fp-bg);transition:transform .14s,border-color .14s,box-shadow .14s}.front .fp-card.alliance{--fp-bg: radial-gradient(circle at 50% 30%, #3b6bc8, #0f1e44 70%)}.front .fp-card.horde{--fp-bg: radial-gradient(circle at 50% 30%, #c43b26, #3d0b06 70%)}.front .fp-card.random{--fp-bg: radial-gradient(circle at 50% 30%, #9c7a2a, #2a1e08 70%)}.front .fp-card:hover{transform:translateY(-4px);border-color:#c79c4e}.front .fp-card.active{border-color:var(--gold);box-shadow:0 0 0 1px #000,0 0 26px #ffd10073}.fp-crest{position:absolute;top:22px;left:0;right:0;display:flex;justify-content:center}.fp-crest img{width:120px;height:120px;filter:drop-shadow(0 4px 6px #000)}.fp-card.random .fp-crest img{width:86px;height:86px;margin:14px -8px 0}.fp-card b{font-family:Morpheus,serif;font-weight:400;font-size:28px;color:#fff}.fp-card small{color:#d6c9a8;font-size:12px;text-align:center}.fp-rank{position:absolute;top:8px;right:8px;font-size:11px;color:var(--gold);background:#0009;padding:1px 6px}.mode-rules{margin:18px 0 0;padding-left:18px;color:#c8bc9d;font-size:13px;line-height:1.6;max-width:760px}.mode-detail .find-btn{position:absolute;right:26px;bottom:22px;min-width:240px;font-size:20px}html.wow-skin .mode-detail .find-btn{min-height:56px}.custom-box{display:flex;gap:18px;flex-wrap:wrap}.custom-col{flex:1;min-width:260px;padding:12px 18px 16px;display:flex;flex-direction:column;align-items:flex-start}.custom-col h3{margin-top:0}.custom-col .wow-input{max-width:260px}.front-toasts{position:fixed;top:86px;right:18px;z-index:50;display:flex;flex-direction:column;gap:8px;width:330px}.front-toast{padding:10px 14px;background:#0a0812f0;border:1px solid #8a7a5a;color:#f0e6cc;font-size:14px;box-shadow:0 6px 18px #0009;cursor:pointer;animation:tin .25s ease-out;transition:opacity .4s,transform .4s}html.wow-skin .front-toast{border-style:solid;border-width:10px;border-image:var(--wow-tip-border) 16 / 10px round;background:var(--wow-tip-bg) repeat;background-color:#090914f0;background-clip:padding-box;padding:4px 8px}.front-toast.out{opacity:0;transform:translate(30px)}.front-toast.error{color:#ff8a70}.front-toast.ok{color:#7cf07c}.front-toast.switch{color:var(--gold)}.mail-code{font-family:Morpheus,serif;font-size:30px;letter-spacing:6px;color:var(--gold);text-align:center;margin-top:4px;user-select:text}@keyframes tin{0%{opacity:0;transform:translate(40px)}}.front-modal{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#0000008c;animation:fadein .2s}@keyframes fadein{0%{opacity:0}}.modal-box{min-width:420px;max-width:520px;text-align:center;padding:18px 26px 22px;background:#0a0806f2;border:2px solid var(--border);animation:pop .25s cubic-bezier(.2,1.4,.4,1)}html.wow-skin .modal-box{padding:10px 24px 18px}@keyframes pop{0%{transform:scale(.85);opacity:0}}.modal-box p{color:#ecdfc0}.found-crest{width:130px;height:130px;filter:drop-shadow(0 0 18px rgba(255,209,0,.45))}.found-side{font-family:Morpheus,serif;font-size:22px;color:#fff!important}.found-switch{color:var(--gold)!important}.modal-timer{font-family:Morpheus,serif;font-size:40px;color:#ff6a50}.cs{position:absolute;inset:0;display:grid;grid-template-columns:290px minmax(0,1fr) 290px;grid-template-rows:84px minmax(0,1fr) 128px;gap:10px 20px;padding:8px 20px 12px;background:linear-gradient(#0504038c,#050403cc)}.cs.alliance{--side: #3a7bd5;--side-dim: rgba(58, 123, 213, .25)}.cs.horde{--side: #c8372d;--side-dim: rgba(200, 55, 45, .25)}.cs-top{grid-column:1 / 4;display:grid;grid-template-columns:290px minmax(0,1fr) 290px;gap:20px;align-items:center}.cs-banner{text-align:center;position:relative}.cs-phase{font-family:Morpheus,serif;font-size:30px;color:var(--gold);text-shadow:0 2px 4px #000}.cs.my-turn .cs-phase{color:#fff;animation:turn 1.2s ease-in-out infinite}@keyframes turn{50%{text-shadow:0 0 18px rgba(255,209,0,.9),0 2px 4px #000}}.cs-timer{position:absolute;right:12px;top:0;font-family:Morpheus,serif;font-size:40px;color:#fff;text-shadow:0 2px 4px #000}.cs-timer.low{color:#ff5a3a}.cs-bar{height:4px;margin:8px auto 0;max-width:560px;background:#0009}.cs-bar div{height:100%;background:linear-gradient(90deg,#b88a1a,#ffd100);transition:width .2s linear}.cs-banner.alliance .cs-bar div{background:linear-gradient(90deg,#1f4c9a,#6aa0ff)}.cs-banner.horde .cs-bar div{background:linear-gradient(90deg,#7d1710,#ff6a50)}.cs-bans{display:flex;gap:6px;align-items:center}.cs-bans:last-child{justify-content:flex-end}.cs-ban{width:40px;height:40px;border:1px solid #5d4826;background:#00000080;background-size:cover;position:relative}.cs-ban.filled:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 46%,#ff3a2a 46% 54%,transparent 54%)}.cs-nobans{font-size:12px;color:#8d846f}.cs-team{display:flex;flex-direction:column;gap:6px;min-height:0;overflow:hidden}.cs-team-head{display:flex;align-items:center;gap:8px;font-family:Morpheus,serif;font-size:22px;color:#fff;margin-bottom:2px}.cs-team-head img{width:32px;height:32px}.cs-team.theirs .cs-team-head{flex-direction:row-reverse}.cs-seat{display:flex;align-items:center;gap:10px;flex:1 1 0;min-height:44px;max-height:76px;padding:5px;background:linear-gradient(90deg,#000000bf,#0006);border:1px solid #3e3020;position:relative;transition:border-color .2s}.cs-team.alliance .cs-seat{border-left:3px solid #3a7bd5}.cs-team.horde .cs-seat{border-left:3px solid #c8372d}.cs-team.theirs .cs-seat{flex-direction:row-reverse;text-align:right;border-left:1px solid #3e3020;background:linear-gradient(270deg,#000000bf,#0006)}.cs-team.theirs.alliance .cs-seat{border-right:3px solid #3a7bd5}.cs-team.theirs.horde .cs-seat{border-right:3px solid #c8372d}.cs-seat.me{background:linear-gradient(90deg,#503c0abf,#0006)}.cs-seat.active{border-color:var(--gold);box-shadow:0 0 16px #ffd10059;animation:seat 1.4s ease-in-out infinite}@keyframes seat{50%{box-shadow:0 0 26px #ffd10099}}.cs-seat-pic{height:100%;aspect-ratio:1;flex:none;background:#0d0a06 center / cover;border:1px solid #6b5326}.cs-seat.hovering .cs-seat-pic{opacity:.5;filter:grayscale(.4)}.cs-seat.locked .cs-seat-pic{border-color:var(--gold-dim)}.cs-seat-info{display:flex;flex-direction:column;min-width:0;gap:2px}.cs-seat-info b{font-family:Morpheus,serif;font-weight:400;font-size:18px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-seat.active .cs-seat-info b{color:var(--gold)}.cs-seat-name{font-size:13px;color:#c8b88a}.cs-seat-vote{font-size:11px;color:#ff8a70}.cs-mid{display:flex;flex-direction:column;align-items:center;min-height:0;overflow:auto}.cs-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}.front .cs-hero{width:128px;padding:6px 6px 8px;background:#0009;border:1px solid #5d4826;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;position:relative;transition:transform .12s,border-color .12s}.front .cs-hero:hover:not(:disabled){transform:translateY(-3px);border-color:#c79c4e}.front .cs-hero.selected{border-color:var(--gold);box-shadow:0 0 18px #ffd10073}.front .cs-hero.taken{filter:grayscale(1) brightness(.45)}.front .cs-hero:disabled{cursor:default}.cs-pic{width:114px;height:114px;background:#0d0a06 center / cover;border:1px solid #3e3020}.cs-pic.big{width:150px;height:150px;margin:6px auto;border-color:var(--gold-dim)}.cs-hero b{color:#f0e2bd;font-weight:400;font-size:14px}.cs-hero small{color:#a89c80;font-size:11px}.cs-votes{position:absolute;top:4px;right:4px;min-width:22px;height:22px;border-radius:11px;background:#c8372d;color:#fff;font-size:13px;line-height:22px}.cs-detail{margin-top:16px;padding:10px 16px;display:flex;flex-direction:column;align-items:center;gap:8px}.cs-detail-name b{font-family:Morpheus,serif;font-weight:400;font-size:22px;color:var(--gold)}.cs-detail-name small{color:#c8b88a}.cs-detail-name .role{margin-left:8px;font-size:12px;color:#1a1205;background:#c9a227;padding:1px 8px}.cs-spells{display:flex;gap:8px}.cs-actions{margin-top:14px;min-height:60px;display:flex;align-items:center}.cs-lock{min-width:240px;font-size:20px}html.wow-skin .cs-lock{min-height:56px}.cs-hint{color:#d9cdaa;font-size:14px}.cs-hint.big{font-family:Morpheus,serif;font-size:26px;color:var(--gold)}.cs-foot{grid-column:1 / 4;display:flex;align-items:flex-end;gap:20px;min-height:0}.cs-chat,.room-chat{width:420px;height:100%;display:flex;flex-direction:column;background:#0000008c;border:1px solid #3e3020}.chat-log{flex:1;overflow:auto;padding:6px 10px;font-size:13px;line-height:1.45;color:#e6dcc0;user-select:text}.chat-log b{color:#8fd0ff;font-weight:400}.chat-log i{color:var(--gold);font-style:normal}.cs-chat .wow-input,.room-chat .wow-input{font-size:13px}.cs-rule{flex:1;text-align:right;font-size:12px;color:#8d846f}.cs-leave{margin-left:auto!important}.rank-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--gold)}.rank-badge img{width:18px;height:18px}.rank-badge.small{font-size:11px}.rank-badge.small img{width:14px;height:14px}.room{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 330px;grid-template-rows:auto minmax(0,1fr) auto;gap:16px 20px;padding:18px 26px 20px}.room-head{grid-column:1 / 4;display:flex;align-items:center;gap:18px}.room-head h2{font-size:34px;margin:0}.room-code{font-size:15px;color:#c8b88a}.room-code b{font-family:Morpheus,serif;font-size:26px;letter-spacing:4px;color:#fff;margin-left:6px;user-select:text}.room-cols{grid-column:1 / 3;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;min-height:0}.room-col{padding:8px 12px 12px;display:flex;flex-direction:column;gap:6px;min-height:0}.room-col-head{display:flex;align-items:center;gap:10px;font-family:Morpheus,serif;font-size:26px;color:#fff;padding-bottom:6px;border-bottom:2px solid var(--fc)}.room-col.alliance{--fc: #3a7bd5}.room-col.horde{--fc: #c8372d}.room-col-head img{width:40px;height:40px}.room-col-head small{margin-left:auto;font-family:FrizQuadrata,serif;font-size:13px;color:#c8b88a}.room-slot{display:flex;align-items:center;gap:6px;height:46px;padding:0 8px;background:linear-gradient(90deg,#0009,#00000040);border-left:3px solid var(--fc)}.room-slot.empty{border-left-color:#3e3020;background:#0000004d}.room-slot.me{background:linear-gradient(90deg,#503c0ab3,#00000040)}.slot-name{flex:1;color:#f0e2bd;font-size:15px}.slot-name.muted{color:#6f6650}.crown{color:#1a1205;background:var(--gold);font-style:normal;font-size:10px;padding:0 5px;margin-right:4px;text-transform:uppercase;letter-spacing:1px;vertical-align:2px}.room-diff{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:2px;font-size:13px;color:#c8b88a;padding-top:8px}.room-diff>span{margin-right:6px}.room-side{grid-row:2;grid-column:3;padding:8px 12px 12px;display:flex;flex-direction:column;gap:8px;min-height:0}.room-opt{display:flex;flex-wrap:wrap;align-items:center;gap:2px;font-size:13px;color:#c8b88a}.room-opt>span{width:100%;margin-bottom:2px}.room-note{font-size:12px;color:#8d846f}.room-side .room-chat{width:auto;flex:1;min-height:120px}.room-foot{grid-column:1 / 4;display:flex;justify-content:flex-end;align-items:center;gap:12px}.room-foot button.glue{min-width:230px;font-size:19px}.front .page.profile{max-width:1120px;margin:0 auto;background:linear-gradient(90deg,#060504e6,#060504c7);border-left:1px solid #3e3020;border-right:1px solid #3e3020}.profile-head h2{font-size:40px;margin:0}.rank-row{display:flex;gap:16px;flex-wrap:wrap}.rank-card{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;min-width:300px;flex:1;overflow:hidden}.rank-card.alliance{border-left:3px solid #3a7bd5}.rank-card.horde{border-left:3px solid #c8372d}.rank-crest{position:absolute;right:-16px;top:-16px;width:120px;height:120px;opacity:.12;pointer-events:none}.rank-icon{width:54px;height:54px;flex:none;filter:drop-shadow(0 2px 3px #000)}.rank-info{flex:1;min-width:0}.rank-faction{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#a89c80}.rank-name{font-family:Morpheus,serif;font-size:22px;color:var(--gold);line-height:1.1}.rank-tier{font-size:12px;color:#c8b88a}.rank-bar{position:relative;height:14px;margin-top:5px;background:#000000b3;border:1px solid #4b3a1e}.rank-bar div{height:100%;background:linear-gradient(90deg,#8a5a10,#ffd100)}.rank-bar span{position:absolute;inset:0;font-size:10px;line-height:13px;text-align:center;color:#fff;text-shadow:0 1px 1px #000}.rank-note{font-size:11px;color:#7cf07c;margin-top:3px}.hist{display:flex;flex-direction:column;gap:4px}.hist-row{display:grid;grid-template-columns:38px 110px 90px 60px 50px 1fr;align-items:center;gap:10px;padding:4px 10px;border-left:3px solid #555;font-size:13px}.hist-row.win{border-left-color:#4fbf3a}.hist-row.loss{border-left-color:#c8372d}.hist-row.tie{border-left-color:#c9a227}.hist-pic{width:34px;height:34px;background:#0d0a06 center / cover;border:1px solid #5d4826}.hist-res b{display:block;font-weight:400}.hist-row.win .hist-res b{color:#7cf07c}.hist-row.loss .hist-res b{color:#ff7a5a}.hist-res small{color:#a89c80;font-size:11px}.hist-kda{color:#fff}.hist-min,.hist-date{color:#a89c80}.hist-date{text-align:right}.hist-delta{color:var(--gold)}.home-side .hist-row{grid-template-columns:34px 1fr 70px}.home-side .hist-min,.home-side .hist-delta,.home-side .hist-date{display:none}.top-heroes{display:flex;gap:14px}.top-hero{display:flex;align-items:center;gap:8px;color:#f0e2bd}.account-grid{display:flex;gap:30px;flex-wrap:wrap;align-items:flex-start}.pw-form{width:300px}.devices{min-width:300px}.devices>.label{margin-top:0}.device-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid rgba(122,92,46,.3);font-size:14px}.front-main .lobby.embedded{position:absolute;inset:0}@media(max-width:1100px){.home{grid-template-columns:minmax(0,1fr) 290px}.cs,.cs-top{grid-template-columns:220px minmax(0,1fr) 220px}.room{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 260px}.front .nav-tab{padding:0 10px}}html.wow-skin .wow-input{box-shadow:0 0 0 1px #8f7a4c8c,inset 0 1px 6px #000c}.pw-form .field{text-align:left}.pw-form .wow-input{max-width:300px}.cs-ban.off{opacity:.35;background:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 4px,transparent 4px 8px),#00000080}.bot-tag{display:inline-block;font-style:normal;font-size:10px;line-height:14px;padding:0 5px;margin-right:5px;background:#3c4256;color:#d9deff;text-transform:uppercase;letter-spacing:1px;vertical-align:1px}.cs-seat-info .bot-tag{align-self:flex-start}.cs-team.theirs .cs-seat-info .bot-tag{align-self:flex-end}.sum-picker{position:relative;display:flex;gap:8px;margin-right:18px}.front .sum-slot,.lobby .sum-slot{position:relative;width:52px;height:52px;padding:0;margin:0;border:1px solid #c79c4e!important;border-image:none!important;background:#000;cursor:pointer}.front .sum-slot:after,.lobby .sum-slot:after{display:none!important}.sum-slot:hover:not(:disabled){box-shadow:0 0 12px #ffd10099}.sum-slot:disabled{cursor:default}.sum-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--gold);font-family:Morpheus,serif}.sum-icon img{width:100%;height:100%;display:block}.sum-icon.tiny{width:20px;height:20px;border:1px solid #5d4826}.sum-key{position:absolute;right:1px;bottom:0;font-size:11px;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000}.sum-grid-pop{position:absolute;bottom:60px;left:50%;transform:translate(-50%);z-index:30;width:360px;padding:8px 10px 10px;background:#08070cf7;border:1px solid #8a7a5a;box-shadow:0 8px 26px #000c}html.wow-skin .sum-grid-pop{border-style:solid;border-width:10px;border-image:var(--wow-tip-border) 16 / 10px round;background-clip:padding-box;padding:2px 6px 6px}.sum-grid-title{color:var(--gold);font-size:13px;margin-bottom:6px;text-align:left}.sum-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.front .sum-choice,.lobby .sum-choice{display:flex;align-items:center;gap:8px;margin:0;padding:3px 6px 3px 3px;text-align:left;font-size:12px;color:#f0e2bd;background:#ffffff0a;border:1px solid transparent!important;border-image:none!important;cursor:pointer}.front .sum-choice:after,.lobby .sum-choice:after{display:none!important}.sum-choice:hover{background:#ffd1001a}.sum-choice.active{border-color:var(--gold)!important;color:var(--gold)}.sum-choice .sum-icon{width:30px;height:30px;flex:none}.cs-seat-sum{position:absolute;right:6px;bottom:5px;display:flex;gap:3px}.cs-team.theirs .cs-seat-sum{right:auto;left:6px}.cs-actions{gap:0}.lobby .sum-picker{margin:4px 0 0}.pb-level{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 35%,#3a2a10,#0d0905);border:2px solid var(--gold-dim);color:#fff;font-family:Morpheus,serif;font-size:16px;box-shadow:0 0 8px #ffd10040}.home-level{display:flex;align-items:center;gap:12px;padding:4px 2px 6px;border-bottom:1px solid rgba(122,92,46,.4)}.home-level .lv{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--gold);background:radial-gradient(circle at 40% 35%,#4a3410,#120c05);color:#fff;font-family:Morpheus,serif;font-size:22px}.home-level b{display:block;font-family:Morpheus,serif;font-weight:400;color:var(--gold);font-size:20px}.home-level small{color:#a89c80;font-size:12px}.front-modal.levelup{background:transparent;pointer-events:auto}.levelup-box{text-align:center;padding:18px 60px;background:radial-gradient(ellipse at center,#281c06eb,#0000 70%);animation:pop .35s cubic-bezier(.2,1.4,.4,1)}.levelup-title{font-family:Morpheus,serif;font-size:40px;color:var(--gold);text-shadow:0 0 18px rgba(255,209,0,.8),0 2px 3px #000}.levelup-num{font-family:Morpheus,serif;font-size:72px;color:#fff;line-height:1;text-shadow:0 0 24px rgba(255,209,0,.9),0 3px 4px #000}.levelup-text{color:#f0e2bd;font-size:15px;text-shadow:0 1px 2px #000}.asset-sync .modal-box{width:min(520px,90vw);text-align:center}.asset-sync .as-bar{height:14px;margin:18px 0 8px;border:1px solid #6b5a2e;background:#120d06;border-radius:3px;overflow:hidden}.asset-sync .as-bar>div{height:100%;width:0;background:linear-gradient(#e8c25a,#a67a1c);transition:width .3s}.asset-sync .as-num{font-size:13px;color:#d8c79a}.front .page.profile{max-width:1280px;padding-top:18px}.profile-banner{position:relative;display:flex;align-items:flex-end;gap:22px;height:270px;padding:0 26px;overflow:hidden;border:1px solid #6b5a2e;box-shadow:0 6px 20px #0009}.profile-banner.alliance{background:linear-gradient(100deg,#1c2f58,#0d1425 60%,#090b12)}.profile-banner.horde{background:linear-gradient(100deg,#5a1d13,#260d09 60%,#120706)}.pb-crest{position:absolute;right:36px;top:50%;width:240px;height:240px;transform:translateY(-50%);opacity:.22;pointer-events:none}.pb-art.portrait{position:relative;flex:none;width:216px;height:270px;margin:0;border:0;box-shadow:none;border-radius:0;background:transparent;background-position:center top;opacity:0;transition:opacity .35s}.pb-art.portrait.ready{opacity:1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.pb-who{position:relative;flex:1;min-width:0;padding-bottom:20px}.pb-who h2{margin:4px 0 2px;font-size:46px;line-height:1.05}.pb-level{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:2px solid var(--gold);border-radius:50%;background:#120d06;font-family:Morpheus,serif;font-size:22px;color:var(--gold)}.pb-stats{display:flex;gap:34px;margin-top:12px}.pb-stat b{display:block;font-family:Morpheus,serif;font-size:26px;font-weight:400;color:#f1dfae;line-height:1.1}.pb-stat small{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#a89c80}.profile-cols{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:26px;margin-top:6px}.profile-col .rank-row{flex-direction:column;gap:10px}.profile-col .rank-card{min-width:0;padding:16px 18px}.profile-col .rank-icon{width:72px;height:72px}.profile-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:256px;padding:24px 20px;text-align:center;border:1px dashed rgba(138,122,90,.5);background:#00000059;color:#c8b88a}.profile-empty p{margin:0;font-size:16px}.mode-detail.m-bots,.mode-detail.m-training,.mode-detail.m-spectator{display:flex;flex-direction:column;min-height:0}.mode-body{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,12fr);gap:34px;flex:1;min-height:0;margin-top:10px}.mode-left{display:flex;flex-direction:column;min-height:0}.mode-left .seg{align-self:flex-start}.mode-left .find-btn{position:static;align-self:flex-start;margin:22px 0 0}.mode-sub,.solo-settings h3{margin:12px 0 6px;font-family:Morpheus,serif;font-weight:400;font-size:20px;color:var(--gold)}.solo-settings .opt-row{gap:12px;min-height:52px}.solo-settings button.seg-btn{min-width:76px;padding:5px 10px;font-size:13px}.mode-art{display:flex;flex-direction:column;gap:12px;min-height:0}.mode-art-side,button.mode-art-side,html.wow-skin button.mode-art-side{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;padding:10px 12px;text-align:left;color:inherit;border:2px solid #6b5a2e!important;border-image:none!important;box-shadow:none}html.wow-skin button.mode-art-side:after{content:none!important}.mode-art-side.alliance{background:linear-gradient(100deg,#1c2f58e6,#0d1425cc)!important}.mode-art-side.horde{background:linear-gradient(100deg,#5a1d13e6,#260d09cc)!important}.mode-art-side.pick{cursor:pointer}.mode-art-side.pick:not(.on){opacity:.72}.mode-art-side.pick:hover{opacity:1;border-color:#a07c32!important}html.wow-skin button.mode-art-side.on,.mode-art-side.on{border-color:#f5cf5a!important;box-shadow:0 0 16px #f5cf5a66}.mode-art-head{flex:none;display:flex;align-items:center;gap:10px;margin-bottom:6px}.mode-art-head img{width:36px;height:36px;object-fit:contain}.mode-art-head b{font-family:Morpheus,serif;font-weight:400;font-size:21px;color:#f1dfae}.mode-art-head span{margin-left:auto;padding:2px 10px;font-size:12px;color:#1b1206;background:linear-gradient(#f0cf6a,#b98a25);border-radius:2px}.mode-art-faces{flex:1;min-height:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.mode-art-face.portrait{width:auto;height:auto;margin:0;min-height:0;border-radius:3px;border:1px solid rgba(160,124,50,.6);background:#00000059;background-position:center top}.train-list{display:flex;flex-direction:column;gap:10px;margin-top:4px}.train-item{display:flex;align-items:center;gap:14px;padding:10px 12px;border:1px solid #3e3020;background:#14100ce6}.train-item img{flex:none;width:48px;height:48px;border:1px solid #6b5326}.train-item b{display:block;font-weight:400;font-size:16px;color:#f1dfae}.train-item small{font-size:13px;color:#c8b88a}.train-art{position:relative;min-height:0;overflow:hidden;border:2px solid #6b5a2e}.train-art.alliance{background:linear-gradient(#1c2f58,#0b101d)}.train-art.horde{background:linear-gradient(#5a1d13,#160807)}.train-art-crest{position:absolute;left:50%;top:50%;width:300px;height:300px;transform:translate(-50%,-50%);opacity:.18}.train-art-pic.portrait{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);aspect-ratio:520 / 680;width:auto;height:100%;margin:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);border:0;border-radius:0;background:transparent;background-position:center bottom;background-repeat:no-repeat;opacity:0;transition:opacity .35s}.train-art-pic.portrait.ready{opacity:1}.train-art-name{position:absolute;left:0;right:0;bottom:0;padding:40px 10px 12px;text-align:center;font-family:Morpheus,serif;font-size:26px;color:#f1dfae;background:linear-gradient(transparent,#000000e6 60%)}.profile-banner.no-hero{padding-left:34px}.profile-banner.no-hero .pb-crest{position:relative;right:auto;top:auto;flex:none;align-self:center;width:190px;height:190px;transform:none;opacity:1}.tal-modal{z-index:45}.tal-frame{width:min(860px,calc(100vw - 32px));padding:8px 14px 12px;color:#f0e2bd}html.wow-skin .tal-frame{padding:2px 10px 6px}.tal-bar{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;min-height:34px}.tal-bar button{margin:0;font-size:13px;padding:3px 12px;min-height:26px}.tal-select{min-width:240px;max-width:340px;height:28px;font-size:13px}.tal-name{width:280px;font-size:14px}.tal-note{min-height:18px;margin:2px 0;text-align:center;font-size:12px;color:#c8b88a}.tal-trees{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:calc(100vh - 190px);overflow-y:auto}.tal-tree{min-width:0;border:1px solid #5d4826;background:linear-gradient(180deg,var(--tal-tint),rgba(6,5,4,.92) 70%)}.tal-tree.fury{--tal-tint: rgba(122, 32, 18, .55)}.tal-tree.fortitude{--tal-tint: rgba(46, 74, 110, .55)}.tal-tree.grace{--tal-tint: rgba(150, 120, 40, .5)}.tal-tree-head{display:flex;align-items:center;gap:8px;padding:5px 8px;background:#00000080;border-bottom:1px solid #5d4826}.tal-tree-icon{flex:none;width:26px;height:26px;border:1px solid #8f7a4c;background:#000}.tal-tree-icon img,.tal-icon img,.tal-summary-icon img{display:block;width:100%;height:100%}.tal-tree-name{flex:1;min-width:0;font-family:Morpheus,serif;font-size:18px;color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tal-tree-points{font-size:16px;color:#fff}.tal-grid{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(7,48px);gap:7px 14px;justify-content:center;padding:10px 4px 12px}button.tal-slot,html.wow-skin button.tal-slot{position:relative;width:48px;height:48px;min-width:0;min-height:0;margin:0;padding:0;border:2px solid #4b4b4b!important;border-image:none!important;border-radius:3px;background:#0b0a09!important;box-shadow:0 2px 5px #000c;cursor:pointer}html.wow-skin button.tal-slot:after{content:none!important}html.wow-skin button.tal-slot:active:not(:disabled){padding:0}.tal-icon{display:block;width:100%;height:100%}.tal-icon.no-icon,.tal-summary-icon.no-icon{display:flex;align-items:center;justify-content:center;font-family:Morpheus,serif;font-size:24px;color:#e8d6a4;background:radial-gradient(circle,#4a3c24,#17120b)}.tal-badge{position:absolute;right:-3px;bottom:-3px;padding:0 3px;font-size:11px;line-height:14px;color:#8f8f8f;background:#000;border:1px solid #4b4b4b;border-radius:2px}button.tal-slot.open,button.tal-slot.taken,html.wow-skin button.tal-slot.open,html.wow-skin button.tal-slot.taken{border-color:#2fbf2f!important}.tal-slot.open .tal-badge,.tal-slot.taken .tal-badge{color:#3fe03f;border-color:#2fbf2f}button.tal-slot.maxed,html.wow-skin button.tal-slot.maxed{border-color:var(--gold)!important}.tal-slot.maxed .tal-badge{color:var(--gold);border-color:var(--gold)}button.tal-slot.locked{cursor:default;box-shadow:none}.tal-slot.locked .tal-icon{filter:grayscale(1) brightness(.45)}button.tal-slot.ultimate,html.wow-skin button.tal-slot.ultimate{border-radius:50%}.tal-slot.ultimate .tal-icon,.tal-slot.ultimate .tal-icon img{border-radius:50%;overflow:hidden}button.tal-slot:hover:not(.locked),html.wow-skin button.tal-slot:hover:not(.locked){box-shadow:0 0 10px #ffd100a6}.tal-foot{display:flex;align-items:center;gap:14px;margin-top:8px}.tal-foot .tal-done{margin:0 0 0 auto}.tal-level{color:#c8b88a;font-size:14px}.tal-left{font-size:15px;color:#f0e2bd}.tal-left.unspent{color:#ff9a2e}.tal-copy{position:fixed;z-index:60;display:flex;flex-direction:column;min-width:220px;padding:4px;background:#08070cf7;border:1px solid #8a7a5a;box-shadow:0 8px 26px #000c}.tal-copy button{margin:1px 0;font-size:13px;text-align:left}.tooltip .tal-tip-req{color:#ff2020;margin:2px 0}.tooltip .tal-tip-desc{color:var(--gold);margin-top:4px}.tooltip .tal-tip-next{color:#fff;margin-top:8px}.tal-summary{display:flex;align-items:center;gap:8px;min-width:0}.tal-summary button{flex:none;margin:0;font-size:12px;padding:2px 10px}.tal-summary-icon{flex:none;width:36px;height:36px;border:1px solid #c79c4e;background:#000}.tal-summary-text{display:flex;flex-direction:column;min-width:0;line-height:1.2}.tal-summary-name{max-width:170px;font-size:13px;color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tal-summary-split{font-size:12px;color:#f0e2bd}.tal-summary-unspent{font-size:11px;color:#ff9a2e}.front-nav .nav-tab.dot{position:relative}.front-nav .nav-tab.dot:before{content:"";position:absolute;top:14px;right:6px;width:8px;height:8px;border-radius:50%;background:#ff3b1f;box-shadow:0 0 6px #ff3b1f}.ach{display:flex;flex-direction:column;gap:10px}.front .page.ach{max-width:1280px;margin:0 auto;background:linear-gradient(90deg,#060504f0,#060504e0);border-left:1px solid rgba(122,92,46,.45);border-right:1px solid rgba(122,92,46,.45)}.ach-head{display:flex;align-items:flex-end;gap:16px;border-bottom:1px solid #5d4826}.ach-tabs{display:flex}.ach .nav-tab{position:relative;background:none;border:0;color:var(--ink);font-size:16px;padding:8px 16px;cursor:pointer}.ach .nav-tab.active{color:var(--gold)}.ach .nav-tab.active:before{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.ach .nav-tab.dot:after{content:"";position:absolute;top:6px;right:4px;width:8px;height:8px;border-radius:50%;background:#ff3b1f;box-shadow:0 0 6px #ff3b1f}.ach-points{margin-left:auto;padding-bottom:8px;font-family:Morpheus,serif;font-size:20px;color:var(--gold);text-shadow:0 2px 3px #000}.ach-note{font-size:12px}.ach-panel{background:#0a0806d1;border:1px solid #5d4826;box-shadow:0 6px 22px #0000008c}html.wow-skin .ach-panel{border-style:solid;border-width:12px;border-image:var(--wow-tip-border) 16 / 12px round;background:#060504db;background-clip:padding-box}.ach-body{display:grid;grid-template-columns:230px 1fr;gap:14px;min-height:0}.ach-cats{display:flex;flex-direction:column;padding:6px;align-self:start}.ach-cat{display:flex;justify-content:space-between;align-items:baseline;gap:8px;background:none;border:0;border-left:3px solid transparent;color:var(--ink);text-align:left;font-size:15px;padding:6px 8px;cursor:pointer}.ach-cat small{color:var(--gold-dim);font-size:11px}.ach-cat:hover{color:#fff;background:#ffd1000f}.ach-cat.active{color:var(--gold);border-left-color:var(--gold);background:#ffd10014}.ach-cat.sub{padding-left:22px;font-size:13px}.ach-main{min-width:0}.ach-main h3{font-family:Morpheus,serif;font-weight:400;color:var(--gold);font-size:19px;margin:6px 0 8px}.ach-tools{display:flex;gap:8px;margin-bottom:8px}.ach-tools select{flex:0 0 auto;width:auto;max-width:220px}.ach-search{flex:1 1 220px;min-width:160px;max-width:320px}.ach-rows{display:flex;flex-direction:column;gap:6px}.ach-row{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:8px 10px;background:#14100cd9;border:1px solid #3e3020;filter:grayscale(.85);opacity:.82}.ach-row.earned{filter:none;opacity:1;border-color:#8a6a20;background:linear-gradient(90deg,#3c2c0ce6,#14100ce6)}.ach-row.feat.earned{border-color:#9b7bd0}.ach-icon{width:52px;height:52px;border:2px solid #6b5326;background:#1a140c center / cover no-repeat;box-shadow:inset 0 0 8px #000;position:relative}.ach-icon:not([style*=background-image]):after{content:"★";position:absolute;inset:0;display:grid;place-items:center;color:var(--gold-dim);font-size:24px}.ach-row.earned .ach-icon{border-color:var(--gold)}.ach-name{color:var(--gold);font-size:16px}.ach-row:not(.earned) .ach-name{color:#d8ccb0}.ach-desc{color:var(--ink);font-size:13px;margin-top:2px}.ach-reward{color:#7cf07c;font-size:12px;margin-top:4px}.ach-bar{max-width:360px}.ach-right{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:96px}.ach-shield{width:38px;height:42px;display:grid;place-items:center;font-family:Morpheus,serif;font-size:18px;color:#fff;text-shadow:0 1px 2px #000;background:linear-gradient(180deg,#c99a2e,#6e4c12);clip-path:polygon(50% 100%,0 72%,0 0,100% 0,100% 72%)}.ach-row:not(.earned) .ach-shield{background:linear-gradient(180deg,#7a7468,#3c3830)}.ach-date{font-size:11px;color:var(--gold-dim);text-align:center}.ach-pin{font-size:11px;padding:2px 8px;background:#00000080;color:var(--ink);border:1px solid #5d4826;cursor:pointer}.ach-pin.on{color:var(--gold);border-color:var(--gold)}.ach-hero{display:flex;align-items:center;gap:30px;padding:22px 26px;margin-bottom:12px;border:1px solid #6b5a2e;background:linear-gradient(100deg,#5c4212bf,#140f08e6 70%)}.ach-hero-pts{flex:none;text-align:center}.ach-hero-pts b{display:block;font-family:Morpheus,serif;font-weight:400;font-size:56px;line-height:1;color:var(--gold);text-shadow:0 2px 6px #000}.ach-hero-pts small{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#c8b88a}.ach-hero-bar{flex:1;min-width:0}.ach-hero-line{display:flex;justify-content:space-between;margin-bottom:6px;color:#f1dfae}.ach-hero-bar .rank-bar{height:18px;margin:0}.ach-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.ach-prog small{color:#c8b88a;font-size:12px}button.ach-prog,html.wow-skin button.ach-prog{display:flex;align-items:center;gap:12px;min-height:0;padding:10px 12px;text-align:left;color:inherit;background:#14100ce6!important;border:1px solid #3e3020!important;border-image:none!important;box-shadow:none;cursor:pointer}button.ach-prog:hover,html.wow-skin button.ach-prog:hover:not(:disabled){border-color:var(--gold)!important;background:#322610e6!important}html.wow-skin button.ach-prog:after{content:none!important}.ach-prog img{flex:none;width:44px;height:44px;border:1px solid #6b5326}.ach-prog-text{flex:1;min-width:0}.ach-prog-name{color:#f1dfae;font-size:15px;margin-bottom:4px}.ach-prog .rank-bar{margin:0}html.wow-skin .ach .nav-tab,html.wow-skin .ach-cat{border:0;border-image:none;min-height:0;padding:8px 16px}html.wow-skin .ach-cat{border-left:3px solid transparent;padding:6px 8px}html.wow-skin .ach-cat.sub{padding-left:22px}html.wow-skin .ach-cat.active{border-left-color:var(--gold);outline:none}html.wow-skin .ach .nav-tab.active{outline:none}html.wow-skin .ach .nav-tab:hover:not(:disabled):after,html.wow-skin .ach .nav-tab.active:after,html.wow-skin .ach-cat:hover:not(:disabled):after,html.wow-skin .ach-cat.active:after{content:none}html.wow-skin .ach .nav-tab.dot:after,html.wow-skin .ach .nav-tab.dot:hover:not(:disabled):after{content:"";inset:6px 4px auto auto;width:8px;height:8px;border-radius:50%;background:#ff3b1f;box-shadow:0 0 6px #ff3b1f;mix-blend-mode:normal;opacity:1}html.wow-skin .ach .nav-tab:active,html.wow-skin .ach-cat:active{padding-top:8px;padding-bottom:8px}html.wow-skin .ach-cat:active{padding-top:6px;padding-bottom:6px}html.wow-skin .ach-pin{background:none;border-color:transparent}html.wow-skin .ach-pin.on{outline:1px solid var(--gold);outline-offset:2px}.ach-look{display:grid;grid-template-columns:300px minmax(0,1fr);gap:26px;align-items:start}.ach-look-preview{position:sticky;top:0;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.ach-look-preview .ach-card{width:264px;height:400px}.ach-kinds{display:flex;gap:6px;margin-bottom:10px}button.ach-kind,html.wow-skin button.ach-kind{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:0;padding:8px 6px;color:#c8b88a;font-size:14px;background:#14100ce6!important;border:1px solid #3e3020!important;border-image:none!important;box-shadow:none;cursor:pointer}html.wow-skin button.ach-kind:after{content:none!important}button.ach-kind small{font-size:11px;color:#8d8169}button.ach-kind:hover{color:#f1dfae}html.wow-skin button.ach-kind.on,button.ach-kind.on{color:#1b1206;background:linear-gradient(#f0cf6a,#b98a25)!important;text-shadow:none}button.ach-kind.on small{color:#3a2a0c}.ach-tile-text{min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.15}.ach-tile-text b{font-weight:400}.ach-tile-text small{display:block;font-size:11px;color:#a89c80}.ach-lock{width:11px;height:11px;margin-right:4px;vertical-align:-1px;color:#d8c79a}.ach-tf{--k: .62;position:relative;isolation:isolate;display:block;flex:none;width:calc(116px * var(--k));height:calc(116px * var(--k));background:var(--tf) calc((58px - 185px) * var(--k)) calc((58px - 45px) * var(--k)) / calc(256px * var(--k)) calc(128px * var(--k)) no-repeat}.tf-rare,.tf-silver{--tf: url(/assets/wow/interface/targetingframe/ui-targetingframe-rare.png)}.tf-rare_elite,.tf-myzrael{--tf: url(/assets/wow/interface/targetingframe/ui-targetingframe-rare-elite.png)}.tf-elite{--tf: url(/assets/wow/interface/targetingframe/ui-targetingframe-elite.png)}.tf-myzrael{filter:hue-rotate(-40deg) saturate(1.4)}.ach-tf-face{position:absolute;z-index:-1;display:block;left:calc(58px * var(--k) - 26px * var(--k));top:calc(58px * var(--k) - 26px * var(--k));width:calc(52px * var(--k));height:calc(52px * var(--k));border-radius:50%;background:#120d06 center / cover no-repeat}.ach-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;align-content:start;max-height:calc(100vh - 290px);overflow:auto;padding-right:4px}button.ach-tile,html.wow-skin button.ach-tile{display:flex;align-items:center;gap:8px;min-height:64px;padding:6px 10px;text-align:left;color:#f1dfae;background:#14100ce6!important;border:1px solid #3e3020!important;border-image:none!important;box-shadow:none;cursor:pointer;font-size:13px}html.wow-skin button.ach-tile:after{content:none!important}button.ach-tile:hover:not(:disabled){border-color:#a07c32!important}html.wow-skin button.ach-tile.on,button.ach-tile.on{border-color:#f5cf5a!important;background:#5c4212d9!important;box-shadow:0 0 10px #f5cf5a66}button.ach-tile.locked:hover{opacity:1;border-color:#6b5a2e!important}button.ach-tile.locked{opacity:.78;cursor:help;background:#0c0a08e6!important}button.ach-tile:not(.locked):not(.on){border-color:#a07c32!important}button.ach-tile.locked .ach-tf,button.ach-tile.locked .ach-card{filter:grayscale(.55) brightness(1.15)}.ach-tile-name{min-width:0;line-height:1.15}.ach-card.ach-swatch:after{content:none}.ach-card.ach-swatch{flex:none;display:block;width:40px;height:52px;border-width:1px;padding:0;box-shadow:none}.ach-card{position:relative;width:190px;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;padding:0 8px 14px;border:3px solid #5a5a5a;box-shadow:0 8px 26px #000000b3,inset 0 0 0 1px #000;overflow:hidden;background:linear-gradient(180deg,#0000 40%,#000000e6),radial-gradient(circle at 50% 30%,#2a3550,#0b0d14)}.ach-card.horde{background:linear-gradient(180deg,#0000 40%,#000000e6),radial-gradient(circle at 50% 30%,#552018,#140806)}.ach-card-pic{position:absolute;inset:0;background:center top / cover no-repeat}.ach-card:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#000000eb 70%);pointer-events:none}.ach-card>.ach-card-rank,.ach-card>.ach-card-name,.ach-card>.ach-card-title{z-index:1}.ach-card-rank{position:relative;color:var(--gold-dim);font-size:12px;min-height:14px}.ach-card-name{position:relative;color:#fff;font-size:16px;text-shadow:0 1px 2px #000;text-align:center}.ach-card-title{position:relative;color:var(--gold);font-size:12px;min-height:14px;text-align:center}.ach-lf{position:absolute;inset:0;z-index:3;pointer-events:none;display:block;--s: 14px;background:url(/assets/wow/interface/achievementframe/ui-achievement-metalborder-joint.png) 0 0 / calc(var(--s) * 2) no-repeat,url(/assets/wow/interface/achievementframe/ui-achievement-metalborder-joint.png) 100% 0 / calc(var(--s) * 2) no-repeat,url(/assets/wow/interface/achievementframe/ui-achievement-metalborder-joint.png) 0 100% / calc(var(--s) * 2) no-repeat,url(/assets/wow/interface/achievementframe/ui-achievement-metalborder-joint.png) 100% 100% / calc(var(--s) * 2) no-repeat,url(/assets/wow/interface/achievementframe/ui-achievement-metalborder-top.png) 0 0 / auto var(--s) repeat-x,url(/assets/wow/interface/achievementframe/ui-achievement-metalborder-top.png) 0 100% / auto var(--s) repeat-x,url(/assets/wow/interface/achievementframe/ui-achievement-metalborder-left.png) 0 0 / var(--s) auto repeat-y,url(/assets/wow/interface/achievementframe/ui-achievement-metalborder-left.png) 100% 0 / var(--s) auto repeat-y}.ach-swatch .ach-lf{--s: 6px}.lf-iron{filter:brightness(.9)}.lf-bronze{filter:sepia(1) saturate(2.4) hue-rotate(-12deg) brightness(.95)}.lf-silver{filter:grayscale(1) brightness(1.9)}.lf-gold,.lf-alliance,.lf-horde{filter:sepia(1) saturate(4.5) hue-rotate(4deg) brightness(1.5) drop-shadow(0 0 6px rgba(255,209,0,.55))}.lf-alliance{--s: 18px;filter:sepia(1) saturate(4.5) hue-rotate(185deg) brightness(1.5) drop-shadow(0 0 6px rgba(70,130,255,.7))}.lf-horde{--s: 18px;filter:sepia(1) saturate(5) hue-rotate(-30deg) brightness(1.2) drop-shadow(0 0 6px rgba(255,60,30,.7))}.lf-untouchable{filter:sepia(1) saturate(4) hue-rotate(150deg) brightness(1.8) drop-shadow(0 0 8px rgba(143,227,255,.8))}.lf-bastion{--s: 24px;filter:grayscale(.4) brightness(1.2)}.lf-bolvars_fall,.lf-drekthars_end{--s: 20px;filter:sepia(1) saturate(6) hue-rotate(-35deg) brightness(1.1) drop-shadow(0 0 10px rgba(224,74,42,.8))}.ach-swatch .lf-alliance,.ach-swatch .lf-horde,.ach-swatch .lf-bastion,.ach-swatch .lf-bolvars_fall,.ach-swatch .lf-drekthars_end{--s: 6px}.ach-card[class*=bn-]{background:linear-gradient(180deg,var(--bn, #6b1d1d),rgba(0,0,0,.75))}.ach-emblem{position:absolute;left:50%;top:36%;z-index:0;display:block;width:118%;aspect-ratio:1;transform:translate(-50%,-50%);background:#f5d78280;-webkit-mask:url(/assets/wow/interface/guildframe/guildemblemslg_01.png) calc(var(--c) / 15 * 100%) calc(var(--r) / 15 * 100%) / 1600% 1600% no-repeat;mask:url(/assets/wow/interface/guildframe/guildemblemslg_01.png) calc(var(--c) / 15 * 100%) calc(var(--r) / 15 * 100%) / 1600% 1600% no-repeat}.ach-swatch .ach-emblem{top:50%;width:92%;background:#fae196e6}.ach-card.bn-alliance{--bn: #1d3d8a;--c: 13;--r: 0}.ach-card.bn-human{--bn: #1d3d8a;--c: 11;--r: 0}.ach-card.bn-horde{--bn: #8a1d1d;--c: 4;--r: 10}.ach-card.bn-orc{--bn: #8a1d1d;--c: 4;--r: 7}.ach-card.bn-dwarf{--bn: #6a4a1d;--c: 6;--r: 1}.ach-card.bn-nightelf{--bn: #4b2a7a;--c: 2;--r: 2}.ach-card.bn-tauren{--bn: #7a5a2a;--c: 9;--r: 10}.ach-card.bn-troll{--bn: #1d6a5a;--c: 13;--r: 9}.ach-card.bn-undead{--bn: #3a5a2a;--c: 11;--r: 5}.ach-card.bn-arathi{--bn: #4e4640;--c: 3;--r: 7}.ach-card.bn-arathi_highlands{--bn: #7a3418;--c: 10;--r: 3}.ach-card.bn-founders{--bn: #7a6a1d;--c: 10;--r: 0}.ach-plate{display:flex;align-items:center;gap:6px;width:264px;padding:2px 10px;margin-top:8px;border:1px solid #3e3020;background:#14100ce6;text-align:left}.ach-plate .ach-tf{--k: .8}.ach-plate-text b{display:block;font-weight:400;color:#f1dfae}.ach-plate-text small{color:#a89c80;font-size:12px}.ach-preview-host{display:flex;flex-direction:column;align-items:center}@media(max-width:900px){.ach-body,.ach-look{grid-template-columns:1fr}.ach-look-preview{position:static}}