.wowui{--u:min(1vw, 1.7778vh);--bone:#f4f1e6;--gold:#ffd100;--gold-dim:#c9a227;--stone:#2a2522;--stone-dark:#15110f;--stone-light:#4a423b;--health:#1fd41f;--health-dark:#0a7a0a;--serif:var(--friz);--heavy:"Metal Mania", Impact, "Arial Black", sans-serif;z-index:5;pointer-events:none;font-family:var(--serif);font-size:calc(var(--u) * 1.25);color:var(--bone);-webkit-user-select:none;user-select:none;position:fixed;inset:0}.wowui img{display:block}.wowui .top{justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:1em;left:1.25em;right:1.25em}.wowui .clock-plate{background:linear-gradient(180deg, #ffffff12, #0000 40%, #00000059), linear-gradient(90deg, #221c19, var(--stone) 50%, #221c19);box-shadow:inset 0 0 0 1px var(--stone-light), inset 0 0 0 2px #0a0706, inset 0 0 0 3px #6b5a2a, inset 0 2px 0 3px #ffe6a026, 0 .2em .5em #000000b3;border:2px solid #0a0706;border-radius:.5em .5em 1.4em 1.4em;align-items:center;gap:.5em;padding:.35em .7em .4em;display:flex}.wowui .clock-plate .face{text-align:center;min-width:4.5em}.wowui .studs{flex-direction:column;gap:.35em;display:flex}.wowui .stud{background:radial-gradient(circle at 45% 35%,#2a2420,#0b0808 85%);border-radius:50%;width:.95em;height:.95em;box-shadow:inset 0 1px 2px #000000e6,0 0 0 1px #0a0706,0 0 0 2px #4a3f2a,0 1px 0 2px #ffe6a01f}.wowui .stud.won{background:radial-gradient(circle at 40% 30%, #fff6c0, var(--gold) 40%, #a8700a 95%);box-shadow:inset 0 -1px 2px #00000080,0 0 0 1px #0a0706,0 0 0 2px #8a6a1a,0 0 .6em #ffd1008c}.wowui .clock{font-family:var(--heavy);color:var(--bone);text-shadow:0 0 .08em #1a0606,.04em .04em #1a0606,-.04em .04em #1a0606,.04em -.04em #1a0606,-.04em -.04em #1a0606,0 .1em .3em #000c;font-size:2.9em;line-height:1}.wowui .clock.late{color:#ff5a2a}.wowui .round{letter-spacing:.1em;color:var(--gold);text-shadow:0 1px 2px #000,0 0 .4em #000000e6;margin-top:.1em;font-size:.8em;font-weight:700}.unitframe{filter:drop-shadow(0 .2em .4em #000000b3);width:25.5em}.unitframe.dead{filter:grayscale()brightness(.6)drop-shadow(0 .2em .4em #000000b3)}.unitframe .plate{background:linear-gradient(180deg, #ffffff12, #0000 40%, #00000059), linear-gradient(90deg, #332b26, var(--stone) 40%, #221c19);box-shadow:inset 0 0 0 1px var(--stone-light), inset 0 0 0 2px #0a0706, inset 0 0 0 3px #6b5a2a, inset 0 2px 0 3px #ffe6a026;border:2px solid #0a0706;border-radius:3.4em .6em .6em 3.4em;align-items:center;gap:.5em;padding:.45em .6em .45em .45em;display:flex}.unitframe.p2 .plate{background:linear-gradient(180deg, #ffffff12, #0000 40%, #00000059), linear-gradient(270deg, #332b26, var(--stone) 40%, #221c19);border-radius:.6em 3.4em 3.4em .6em;flex-direction:row-reverse;padding:.45em .45em .45em .6em}.unitframe .portrait{background:radial-gradient(circle at 50% 40%,#3a2a24,#0b0808 75%);border-radius:50%;flex:none;width:5.6em;height:5.6em;position:relative;overflow:visible;box-shadow:inset 0 0 0 2px #0a0706,0 0 0 2px #0a0706,0 0 0 4px #7a6830,0 0 0 5px #0a0706,inset 0 0 1.2em #000000e6}.unitframe .portrait img,.unitframe .portrait .letter{object-fit:cover;width:100%;height:100%;font-family:var(--heavy);color:var(--gold);border-radius:50%;place-items:center;font-size:2.6em;display:grid}.unitframe .portrait img{box-shadow:inset 0 0 .8em #000000e6}.unitframe .bars{flex-direction:column;flex:1;gap:.2em;min-width:0;display:flex}.unitframe .name{white-space:nowrap;background:linear-gradient(#0f0b0a,#1b1512);border:1px solid #0a0706;flex-direction:column;align-items:flex-start;padding:.1em .4em .15em;line-height:1.15;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #3d3328}.unitframe.p2 .name{align-items:flex-end}.unitframe .name .who{letter-spacing:.04em;color:var(--gold);text-shadow:0 1px 1px #000;text-overflow:ellipsis;max-width:100%;font-size:1em;font-weight:700;overflow:hidden}.unitframe .name .who.small{letter-spacing:.02em;font-size:.85em}.unitframe .name .who.tiny{letter-spacing:0;font-size:.72em}.unitframe .name .class{letter-spacing:.12em;color:#c9b27a;text-shadow:0 1px 1px #000;font-size:.58em;font-weight:700}.unitframe .bar{background:linear-gradient(#0c0a09,#1a1412);border:1px solid #0a0706;height:1.45em;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #2e2721,inset 0 .25em .4em #000c}.unitframe .bar.power{height:1.1em}.unitframe .bar .fill{width:calc((100% - 2px) * var(--fill));background:linear-gradient(180deg, #7dff7d, var(--health) 45%, var(--health-dark));transition:width 80ms linear;position:absolute;top:1px;bottom:1px;left:1px}.unitframe.p2 .bar .fill{left:auto;right:1px}.unitframe .bar.power .fill{background:linear-gradient(180deg, color-mix(in srgb, var(--power) 55%, white), var(--power) 45%, color-mix(in srgb, var(--power) 60%, black))}.unitframe .bar .gloss{pointer-events:none;background:linear-gradient(#ffffff47,#ffffff0a);position:absolute;inset:1px 1px 50%}.unitframe .bar .text{font-family:var(--narrow);letter-spacing:.02em;color:#fff;text-shadow:1px 1px #000,0 0 3px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;place-items:center;font-size:.85em;font-weight:700;display:grid;position:absolute;inset:0}.unitframe .bar.power .text{font-size:.7em}.unitframe .effects{gap:.3em;min-height:2.5em;margin:.4em 0 0 6.9em;display:flex}.unitframe.p2 .effects{flex-direction:row-reverse;margin:.4em 6.9em 0 0}.effect{background:#0b0808;width:1.9em;height:1.9em;margin-bottom:.8em;position:relative;box-shadow:0 0 0 1px #0a0706,0 0 0 2px #3d3328}.effect.debuff{box-shadow:0 0 0 1px #0a0706,0 0 0 2px #c41f3b}.effect.shield,.effect.evasion,.effect.riposte{box-shadow:0 0 0 1px #0a0706,0 0 0 2px #6b5a2a}.effect img,.effect .letter{object-fit:cover;width:100%;height:100%;color:var(--bone);place-items:center;font-size:.9em;font-weight:700;display:grid}.effect .swipe{background:conic-gradient(#000000b3 calc(var(--sweep) * 360deg), transparent 0);position:absolute;inset:0}.effect .stack{color:#fff;text-shadow:0 0 2px #000,0 1px #000;font-size:.65em;font-weight:700;position:absolute;bottom:0;right:.05em}.effect .time{text-align:center;color:var(--bone);text-shadow:0 1px 1px #000,0 0 2px #000;font-size:.6em;font-weight:700;position:absolute;top:100%;left:0;right:0}.unitframe .castbar{align-items:center;gap:.3em;width:15em;margin:.2em 0 0 6.9em;display:flex}.unitframe.p2 .castbar{flex-direction:row-reverse;margin:.2em 6.9em 0 auto}.castbar .icon{background:#0b0808;flex:none;width:1.7em;height:1.7em;box-shadow:0 0 0 1px #0a0706,0 0 0 2px #6b5a2a}.castbar .icon img{width:100%;height:100%}.castbar .track{background:linear-gradient(#0c0a09,#1a1412);border:1px solid #0a0706;flex:1;height:1.25em;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #6b5a2a,0 0 .4em #000c}.castbar .track .fill{width:calc((100% - 2px) * var(--fill));background:linear-gradient(#ffe680,#ffc21f 50%,#d98f00);position:absolute;top:1px;bottom:1px;left:1px}.castbar .track .spark{top:-40%;bottom:-40%;left:calc(1px + (100% - 2px) * var(--fill) - .4em);background:radial-gradient(#ffffffe6,#fff0b400 70%);width:.8em;position:absolute}.castbar .track .text{letter-spacing:.04em;color:#fff;text-shadow:0 1px #000,0 0 3px #000;place-items:center;font-size:.72em;font-weight:700;display:grid;position:absolute;inset:0}.castbar .track .left{color:#fff;text-shadow:0 1px #000,0 0 3px #000;place-items:center;font-size:.65em;font-weight:700;display:grid;position:absolute;top:0;bottom:0;right:.4em}.wowui .bottom{justify-content:center;gap:4em;display:flex;position:absolute;bottom:1.1em;left:0;right:0}.wowui .bar-stack{flex-direction:column;align-items:center;gap:.4em;display:flex}.wowui .hint{letter-spacing:.06em;color:#f4f1e6d9;text-shadow:0 1px 2px #000,0 0 .4em #000;font-size:.7em}.wowui .hint b{color:var(--gold)}.wowui .hint.end{text-align:center;color:var(--gold);font-size:1em;position:absolute;bottom:7.8em;left:0;right:0}.wowui .hint.end b{color:var(--bone)}.fightbar{background:linear-gradient(180deg, #ffffff0f, #0000 50%, #0006), linear-gradient(90deg, #221c19, var(--stone) 50%, #221c19);box-shadow:inset 0 0 0 1px var(--stone-light), inset 0 0 0 2px #0a0706, inset 0 0 0 3px #5a4a24, 0 .3em .9em #000c;border:2px solid #0a0706;border-radius:.35em;gap:.3em;padding:.35em;display:flex}.fightbar .slot{pointer-events:auto;cursor:default;background:radial-gradient(circle at 50% 40%,#2a1e1a,#0b0808 80%);border-radius:.2em;width:4.2em;height:4.2em;position:relative}.fightbar .slot .icon{object-fit:cover;border-radius:.15em;width:calc(100% - .36em);height:calc(100% - .36em);transition:filter .1s;position:absolute;top:.18em;left:.18em}.fightbar .slot .icon.text{text-align:center;letter-spacing:.03em;color:#c9b27a;place-items:center;padding:.3em;font-size:.55em;font-weight:700;line-height:1.1;display:grid}.fightbar .slot .rim{pointer-events:none;border-radius:.2em;transition:box-shadow 80ms;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0a0706,inset 0 0 0 2px #5a4e34,inset 0 0 0 3px #0a0706,0 0 0 1px #0009}.fightbar .slot .sweep{background:conic-gradient(transparent calc((1 - var(--sweep)) * 360deg), #000000c7 0);border-radius:.15em;position:absolute;inset:.18em}.fightbar .slot.gcd .sweep,.fightbar .slot.auto .sweep{background:conic-gradient(transparent calc((1 - var(--sweep)) * 360deg), #00000073 0)}.fightbar .slot .time{font-family:var(--heavy);color:var(--bone);text-shadow:0 0 .1em #000,.04em .04em #000,-.04em .04em #000,.04em -.04em #000,-.04em -.04em #000;place-items:center;font-size:1.6em;display:grid;position:absolute;inset:0}.fightbar .slot>.key{letter-spacing:.02em;color:#fff;text-shadow:0 1px #000,0 0 3px #000,1px 0 #000,-1px 0 #000;font-size:.7em;font-weight:700;position:absolute;top:.15em;right:.25em}.fightbar .slot>.cost{color:var(--power);text-shadow:0 1px #000,0 0 3px #000,1px 0 #000,-1px 0 #000;font-size:.6em;font-weight:700;position:absolute;bottom:.15em;right:.3em}.fightbar .slot.dim .icon{filter:grayscale(.85)brightness(.6)}.fightbar .slot.cooling .icon{filter:saturate(.8)brightness(.8)}.fightbar .slot.short .icon{filter:none}.fightbar .slot.short .sweep{background:#2850dc80}.fightbar .slot.short.cooling .sweep,.fightbar .slot.short.gcd .sweep{background:conic-gradient(transparent calc((1 - var(--sweep)) * 360deg), #0009 0), #2850dc80}.fightbar .slot.flash .rim{box-shadow:inset 0 0 0 1px #0a0706, inset 0 0 0 2px #fff6c0, inset 0 0 0 3px var(--gold), inset 0 0 1em #ffdc5abf, 0 0 1em #ffd100e6}.fightbar .slot.flash .icon{filter:brightness(1.35)}.fightbar .slot.far .key{color:#ff3b3b}.fightbar .slot.active .rim{box-shadow:inset 0 0 0 1px #0a0706, inset 0 0 0 2px var(--gold), inset 0 0 0 3px #0a0706, inset 0 0 .6em #ffd10099, 0 0 .8em #ffd100cc}.fightbar .slot.auto.on .rim{box-shadow:inset 0 0 0 1px #0a0706, inset 0 0 0 2px var(--gold), inset 0 0 0 3px #0a0706, inset 0 .5em .6em #00000073;animation:1s ease-in-out infinite autopulse}@keyframes autopulse{50%{box-shadow:inset 0 0 0 1px #0a0706,inset 0 0 0 2px #fff2a0,inset 0 0 0 3px #0a0706,inset 0 0 .6em #ffd10080}}.fightbar .slot>.wow-tooltip{pointer-events:none;z-index:2;width:17em;max-width:none;font-size:.78em;position:absolute;bottom:calc(100% + .9em);left:50%;transform:translate(-50%)}.wowui .top,.wowui .bottom,.wowui>.hint{transition:opacity .35s}.wowui.cinematic .top,.wowui.cinematic .bottom,.wowui.cinematic>.hint{opacity:0}.sequence{box-shadow:inset 0 0 0 1px #000, 0 0 0 1px #000, 0 0 1.6em color-mix(in srgb, var(--fatality) 35%, transparent), 0 .4em 1.2em #000000b3;background:linear-gradient(#1e1e24e6,#0a0a0eeb);border:1px solid #5c5c66;border-radius:.45em;flex-direction:column;align-items:center;gap:.5em;padding:.6em .8em .7em;animation:.18s ease-out sequence-in;display:flex;position:absolute;top:64%;left:26%;transform:translate(-50%,-50%)}.sequence.p2{left:74%}@keyframes sequence-in{0%{opacity:0;transform:translate(-50%,calc(1.2em - 50%))}}.sequence.wrong{animation:.25s linear sequence-shake}@keyframes sequence-shake{20%{transform:translate(calc(-50% - .35em),-50%)}40%{transform:translate(calc(.35em - 50%),-50%)}60%{transform:translate(calc(-50% - .2em),-50%)}80%{transform:translate(calc(.2em - 50%),-50%)}}.sequence-name{font-family:var(--morpheus);letter-spacing:.02em;color:var(--fatality);text-shadow:1px 1px 0 #000, 0 0 .5em #000, 0 0 1em color-mix(in srgb, var(--fatality) 60%, transparent);font-size:1.7em;line-height:1}.sequence-keys{gap:.5em;display:flex}.seq-slot{background:radial-gradient(circle at 50% 40%,#1d1d22,#08080a 80%);border-radius:.25em;place-items:center;width:3.4em;height:3.4em;display:grid;position:relative;box-shadow:0 0 0 1px #000,inset 0 0 0 2px #4a4a52,inset 0 0 0 3px #0000008c,inset 0 0 .8em #000000e6}.seq-slot img{object-fit:cover;filter:saturate(.4)brightness(.55);border-radius:.15em;width:calc(100% - .36em);height:calc(100% - .36em);position:absolute;top:.18em;left:.18em}.seq-slot .arrow{fill:none;stroke:#d8d8e0;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(1px 1px #000);width:62%;height:62%}.seq-slot .key{font-family:var(--narrow);color:#fff;text-shadow:1px 1px #000,0 0 3px #000,-1px -1px #000;font-size:.75em;font-weight:700;position:absolute;top:.15em;right:.25em}.seq-slot.current{box-shadow:0 0 0 1px #000, inset 0 0 0 2px var(--wow-gold), inset 0 0 0 3px #0000008c, inset 0 0 1em #ffd10040}.seq-slot.current img{filter:none}.seq-slot.current .arrow{stroke:var(--wow-gold)}.seq-slot .ring{background:conic-gradient(var(--wow-gold) calc(var(--t) * 360deg), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:-.4em;-webkit-mask:radial-gradient(circle,#0000 calc(70% - .2em),#000 calc(70% - .15em) 70%,#0000 calc(70% + .05em));mask:radial-gradient(circle,#0000 calc(70% - .2em),#000 calc(70% - .15em) 70%,#0000 calc(70% + .05em))}.seq-slot.lit{background:radial-gradient(circle at 50% 40%, #fff2a0, var(--wow-gold) 50%, #b8860b 100%);box-shadow:0 0 0 1px #000,inset 0 0 0 2px #fff6c0,0 0 .8em #ffd10099}.seq-slot.lit img{filter:none;opacity:.85}.seq-slot.lit .arrow{stroke:#2a1a00;filter:none}.seq-slot.fresh{box-shadow:0 0 0 1px #000,inset 0 0 0 2px #fff,0 0 1.6em #ffdc5af2}.sequence.wrong .seq-slot{box-shadow:0 0 0 1px #000, inset 0 0 0 2px var(--wow-red), inset 0 0 1.2em #ff202099}.sequence.wrong .seq-slot .arrow{stroke:#ffb0b0}.seq-slot .penalty{border-radius:inherit;background:rgba(180, 10, 10, calc(.45 * var(--t)));pointer-events:none;position:absolute;inset:0}.sequence-bar{background:linear-gradient(#0c0a09,#1a1412);border:1px solid #000;border-radius:.15em;width:100%;height:1.1em;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #5c5c66}.sequence-bar .fill{width:calc((100% - 2px) * var(--fill));background:linear-gradient(#ffe680,#ffc21f 50%,#d98f00);position:absolute;top:1px;bottom:1px;left:1px}.sequence-bar.late .fill{background:linear-gradient(#ff8a80,#e02020 50%,#8a0a0a)}.sequence-bar .spark{top:-40%;bottom:-40%;left:calc(1px + (100% - 2px) * var(--fill) - .4em);background:radial-gradient(#ffffffe6,#fff0b400 70%);width:.8em;position:absolute}.sequence-bar .text{font-family:var(--narrow);color:#fff;text-shadow:1px 1px #000,0 0 3px #000;place-items:center;font-size:.75em;font-weight:700;display:grid;position:absolute;inset:0}@font-face{font-family:LifeCraft;src:url(/fonts/LifeCraft.woff2)format("woff2"),url(/fonts/LifeCraft.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0708;--stone:#1a1012;--stone-light:#2a1a1c;--line:#4a2a24;--text:#f4f1e6;--dim:#b5a79a;--gold:#ffd100;--gold-dark:#b8860b;--blood:#c8121c;--ember:#ff5a2a;--alliance:#2457b5;--horde:#a8141d;--p1:#ff3b3b;--p2:#3b8bff;--serif:"Cinzel", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;--warcraft:"LifeCraft", "Cinzel", Palatino, serif;--heavy:"Metal Mania", Impact, "Arial Black", sans-serif;font:16px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,main{height:100%;margin:0}body{background:radial-gradient(ellipse at 50% 30%, #2b1416 0%, var(--bg) 60%, #000 100%);color:var(--text);overflow:hidden}a{color:var(--gold)}.dim{color:var(--dim)}.small{font-size:.85rem}.bad{color:var(--ember)}code{color:var(--gold)}.screen{outline:none;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0}.logo{-webkit-user-select:none;user-select:none;align-items:baseline;gap:.35em;line-height:1;display:flex}.logo .makgora{font-family:var(--warcraft);letter-spacing:.02em;color:var(--gold);text-shadow:0 0 2px #000, 0 3px 0 var(--gold-dark), 0 6px 18px #000c;font-size:5rem;font-weight:400}.logo .kombat{font-family:var(--heavy);letter-spacing:.02em;color:var(--blood);text-shadow:0 0 2px #000,0 3px #4a0608,0 6px 22px #c8121c99;font-size:5.2rem}.logo.small .makgora{font-size:1.85rem}.logo.small .kombat{font-size:1.9rem}.title .faceoff{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.title .champion{object-fit:contain;object-position:bottom;filter:drop-shadow(0 0 40px #000000e6);width:auto;max-width:30vw;height:92vh;animation:.9s cubic-bezier(.2,1,.3,1) both enter;position:absolute;bottom:-2vh}.title .champion.left{--from:-12vw;left:1vw}.title .champion.right{--from:12vw;max-width:46vw;height:90vh;right:-6vw}@media (width<=1000px){.title .champion{opacity:.35}}.title .drop{background:#080405d1;box-shadow:0 0 60px 30px #080405b3}@keyframes enter{0%{transform:translateX(var(--from));opacity:0}}.title .billing{font-family:var(--heavy);letter-spacing:.08em;text-shadow:0 3px #000,0 6px 18px #000c;align-items:center;gap:18px;font-size:2rem;display:flex}.title .billing .p1{color:var(--p1)}.title .billing .p2{color:var(--p2)}.title .billing .vs{color:var(--blood);font-size:2.6rem}.screen.title,.screen.select{background:radial-gradient(ellipse at 50% 30%, #2b1416 0%, var(--bg) 60%, #000 100%)}.logo-art{width:min(620px,72vw);margin:0 0 -8px;line-height:0}.logo-art.small{width:220px;margin:-14px 0 -18px}.logo-art img{mix-blend-mode:screen;filter:drop-shadow(0 10px 30px #000000e6);width:100%;height:auto;animation:.5s cubic-bezier(.2,1.4,.4,1) both slam}.title .actionbar,.title .hint,.title .opening,.title .credits,.title .logo,.title .tagline,.title .billing{z-index:1;position:relative}.title .actionbar{margin-top:6px}.title{text-align:center;justify-content:center;gap:18px;padding:24px}.tagline{font-family:var(--serif);letter-spacing:.35em;color:var(--text);opacity:.85;margin:0;font-weight:700}.title.over:after{content:"DROP IT";border:4px dashed var(--gold);font-family:var(--heavy);color:var(--gold);pointer-events:none;z-index:5;background:#ffd10014;place-items:center;font-size:5rem;display:grid;position:absolute;inset:0}.title .hint{text-align:center;max-width:620px;color:var(--dim);background:#080405b3;border-radius:8px;margin:0;padding:10px 18px}.title .opening{text-align:center;border:1px solid var(--line);background:#080405cc;border-radius:10px;padding:24px 32px}.title .opening p{margin:0 0 8px}.title .opening .big{font-family:var(--serif);letter-spacing:.08em;color:var(--gold);font-size:1.15rem;font-weight:700;animation:1.4s ease-in-out infinite pulse}.actionbar{background:linear-gradient(#3c281ee6,#140c0af2),#1a1012;border:2px solid #6b5020;border-radius:6px;gap:6px;padding:8px 10px;display:flex;box-shadow:inset 0 1px #ffdc8c40,0 10px 30px #000c}.actionbar .slot{color:#c9b27a;width:84px;height:84px;font:inherit;cursor:pointer;background:radial-gradient(circle at 50% 35%,#3a2420 0%,#150c0c 70%),#150c0c;border:2px solid #8a6a2a;border-radius:5px;grid-template-rows:1fr auto;place-items:center;margin:0;padding:0;text-decoration:none;transition:transform 80ms,box-shadow 80ms,border-color 80ms;display:grid;position:relative;box-shadow:inset 0 0 0 1px #000,inset 0 0 18px #000c}.actionbar .slot:hover,.actionbar .slot:focus-visible{border-color:var(--gold);outline:none;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #000,0 0 18px #ffd10073}.actionbar .slot:active{transform:translateY(1px)}.actionbar .slot.lit{color:var(--gold);border-color:var(--gold);animation:1.8s ease-in-out infinite glow;box-shadow:inset 0 0 0 1px #000,0 0 16px #ffd10080}@keyframes glow{50%{box-shadow:inset 0 0 0 1px #000,0 0 28px #ffd100d9}}.actionbar .slot .icon{filter:drop-shadow(0 2px 2px #000);width:38px;height:38px;margin-top:8px}.actionbar .slot .icon svg{width:100%;height:100%}.actionbar .slot .hotkey{color:#f4f1e6;text-shadow:0 1px 2px #000;font-size:.7rem;font-weight:700;position:absolute;top:2px;left:4px}.actionbar .slot .label{width:100%;font-family:var(--serif);letter-spacing:.06em;text-align:center;color:var(--gold);background:#0009;border-top:1px solid #ffd10040;padding:3px 2px 4px;font-size:.58rem;font-weight:700;line-height:1.1}.guide-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;place-items:center;display:grid;position:fixed;inset:0}.guide{background:linear-gradient(#1d1214,#0e0809);border:2px solid #8a6a2a;border-radius:10px;width:min(760px,94vw);max-height:88vh;overflow:auto;box-shadow:0 20px 60px #000000e6}.guide .tabs{border-bottom:1px solid var(--line);display:flex}.guide .tabs button{color:var(--dim);font-family:var(--serif);letter-spacing:.12em;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 18px;font-weight:700}.guide .tabs .close{letter-spacing:0;margin-left:auto;font-family:inherit}.guide .body{text-align:left;padding:18px 24px 22px;line-height:1.5}.guide ol{padding-left:22px}.guide li{margin-bottom:10px}.guide .keys{border-collapse:collapse;width:100%;margin:10px 0 12px;font-size:.9rem}.guide .keys th,.guide .keys td{border-bottom:1px solid var(--line);text-align:left;padding:6px 8px}.guide .keys th{color:var(--gold);font-family:var(--serif);letter-spacing:.08em}.guide .keys td:first-child{color:var(--dim)}@keyframes pulse{50%{opacity:.5}}.button{border:1px solid var(--gold-dark);color:var(--gold);cursor:pointer;font-family:var(--serif);letter-spacing:.06em;border-radius:6px;padding:8px 18px;font-weight:700;display:inline-block}.button:hover{background:#ffd1001a}.credits{max-width:560px}.select{gap:6px;padding:10px 16px 8px}.select .middle{flex-direction:column;align-items:center;gap:10px;min-height:0;display:flex}.select header{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;column-gap:20px;display:flex}.select h1{font-family:var(--heavy);letter-spacing:.08em;color:var(--gold);text-shadow:0 3px 0 var(--gold-dark), 0 6px 16px #000c;white-space:nowrap;margin:0;font-size:1.9rem;font-weight:400}.select .middle.legends-only{justify-content:center;gap:14px}.select .middle.legends-only header{flex-direction:column}.select .middle.legends-only .logo-art{width:min(100%,640px,60vh);margin:-1.5vh 0 -.5vh}.select .middle.legends-only .grid{align-self:center;width:min(100%,94vh)}.select .middle.legends-only h1{font-size:clamp(1.6rem,min(3vw,5vh),3rem)}.sides{flex:1;grid-template-columns:1fr minmax(420px,760px) 1fr;gap:12px;width:100%;min-height:0;display:grid}.side{flex-direction:column;min-height:0;display:flex}.preview{flex:1;width:100%;min-height:0;display:block}.plate{border:1px solid var(--line);border-left:6px solid var(--p1);background:linear-gradient(#0000008c,#000000bf);border-radius:8px;padding:10px 14px;position:relative;overflow:hidden}.plate.p2{border-left:1px solid var(--line);border-right:6px solid var(--p2);text-align:right}.plate .who{letter-spacing:.3em;color:var(--dim);font-size:.75rem}.plate .name{font-family:var(--heavy);color:var(--text);letter-spacing:.04em;font-size:2.2rem;line-height:1.05}.plate .title{font-family:var(--serif);letter-spacing:.12em;color:var(--gold);align-items:center;gap:8px;font-weight:700;display:flex}.plate.p2 .title{justify-content:flex-end}.plate img.class,.tile .name img.class{border:1px solid var(--gold-dark);border-radius:4px;width:22px;height:22px}.plate .status{color:var(--dim);margin-top:4px;font-size:.85rem}.plate .stamp{border:2px solid var(--gold);color:var(--gold);font-family:var(--serif);letter-spacing:.2em;padding:4px 10px;font-size:.8rem;font-weight:900;animation:.25s cubic-bezier(.2,1.4,.4,1) slam;position:absolute;top:10px;right:12px;transform:rotate(-8deg)}.plate.p2 .stamp{left:12px;right:auto;transform:rotate(8deg)}.plate.locked{animation:.4s ease-out flash}@keyframes slam{0%{opacity:0;transform:scale(2.4)rotate(-8deg)}}@keyframes flash{0%{background:#c8121c99}}.grid{flex-direction:column;gap:4px;min-height:0;padding:4px;display:flex;overflow:auto}.grid .label{font-family:var(--serif);letter-spacing:.3em;color:var(--dim);margin:6px 0 2px;font-size:.8rem;font-weight:700}.tiles{gap:5px;display:grid}.tiles.champions,.tiles.legends{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}.tile{aspect-ratio:1;border:2px solid var(--line);background:var(--stone);cursor:pointer;border-radius:6px;transition:transform 80ms;position:relative;overflow:hidden}.tile.alliance{border-color:#2a3f6b}.tile.horde{border-color:#6b1a1f}.tile.legend{border-color:var(--gold)}.tile.legend .name{color:var(--gold);justify-content:center}.tile img{object-fit:cover;filter:saturate(.8)brightness(.85);width:100%;height:100%;display:block}.tile.p1 img,.tile.p2 img{filter:none}.tile img.face{transform-origin:50% 32%;background:radial-gradient(circle at 50% 40%,#4a2a2e 0%,#1a1012 60%,#0b0708 100%);transform:scale(1.35)}.tile .noface{text-align:center;height:100%;font-family:var(--serif);color:var(--gold);place-items:center;padding:4px;font-size:.75rem;font-weight:700;display:grid}.tile .random{height:100%;font-family:var(--heavy);color:var(--gold);place-items:center;font-size:2.6rem;display:grid}.tile .name{font-family:var(--serif);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;background:#000000b3;align-items:center;gap:4px;padding:2px 4px;font-size:.7rem;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.tile .name img.class{width:16px;height:16px}.tile.p1{z-index:2;box-shadow:0 0 0 3px var(--p1), 0 0 18px #ff3b3bb3;transform:scale(1.06)}.tile.p2{z-index:2;box-shadow:0 0 0 3px var(--p2), 0 0 18px #3b8bffb3;transform:scale(1.06)}.tile.p1.p2{box-shadow:0 0 0 3px var(--p1), 0 0 0 6px var(--p2), 0 0 18px #ffffff80}.tile.locked1:after,.tile.locked2:after{content:"✓";color:var(--p1);text-shadow:0 0 4px #000;font-weight:900;position:absolute;top:2px;left:4px}.tile.locked2:after{color:var(--p2);left:auto;right:4px}.controls{color:var(--dim);letter-spacing:.04em;flex-wrap:wrap;justify-content:center;gap:28px;font-size:.78rem;display:flex}.controls b{color:var(--gold)}.select .fine{color:var(--dim);opacity:.7;letter-spacing:.03em;text-align:center;flex:none;margin:0;font-size:.66rem}.ring,.hud{width:100%;height:100%;display:block;position:absolute;inset:0}.hud{pointer-events:none}.versus .plates{pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 5vw;display:grid;position:absolute;top:7vh;left:0;right:0}.versus .plate{background:0 0;border:none}.versus .plate.p1{border-left:8px solid var(--p1)}.versus .plate.p2{border-right:8px solid var(--p2)}.versus .plate .name{text-shadow:0 4px #000,0 8px 24px #000000e6;font-size:3.4rem}.versus .vs{font-family:var(--heavy);color:var(--blood);text-shadow:0 0 2px #000,0 4px #4a0608,0 10px 30px #c8121cb3;font-size:7rem;animation:.35s cubic-bezier(.2,1.4,.4,1) slam}.versus .stages{text-align:center;background:linear-gradient(#0000,#000000d9 40%);padding:10px 16px 12px;position:absolute;bottom:0;left:0;right:0}.versus .stages .label{font-family:var(--serif);letter-spacing:.25em;color:var(--gold);margin-bottom:8px;font-size:.85rem;font-weight:700}.versus .strip{justify-content:center;align-items:center;gap:8px;height:84px;display:flex}.versus .stage{border:2px solid var(--line);background:var(--stone);border-radius:4px;flex:none;place-items:center;width:128px;height:72px;transition:transform .1s;display:grid;overflow:hidden}.versus .stage img{object-fit:cover;width:100%;height:100%}.versus .stage.world{border-color:#6a5a2a}.versus .controls .status{color:var(--gold);letter-spacing:.15em}.versus .stage.here{border-color:var(--gold);transform:scale(1.18);box-shadow:0 0 18px #ffd10099}.versus .controls{margin-top:10px}.grid.legends-only{justify-content:center}.grid.legends-only .tiles.legends{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.grid.legends-only .tile .name{padding:4px 6px;font-size:.85rem}.settings h3{color:var(--gold);font-family:var(--serif);letter-spacing:.12em;text-transform:uppercase;margin:6px 0 10px;font-size:.95rem}.settings h3+.row,.settings .row+.row{margin-top:8px}.settings .row{grid-template-columns:7em 1fr 3em;align-items:center;gap:12px;display:grid}.settings .row label{color:var(--dim)}.settings .row .value{text-align:right;color:var(--dim);font-variant-numeric:tabular-nums}.settings .toggle{background:var(--stone);border:1px solid var(--line);color:var(--dim);font-family:var(--serif);letter-spacing:.1em;cursor:pointer;border-radius:6px;justify-self:start;padding:6px 14px;font-weight:700}.settings .toggle.on{color:var(--gold);border-color:var(--gold-dark)}.settings input[type=range]{width:100%;accent-color:var(--gold)}.settings .choice{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.settings .choice button{background:var(--stone);border:1px solid var(--line);color:var(--dim);text-align:left;cursor:pointer;font:inherit;border-radius:8px;gap:4px;padding:10px 14px;display:grid}.settings .choice button b{color:var(--text);font-family:var(--serif);letter-spacing:.08em}.settings .choice button span{font-size:.85rem}.settings .choice button.here{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold-dark)}.settings .choice button.here b{color:var(--gold)}.settings p.dim.small{margin:8px 0 18px}@media (width<=560px){.settings .choice{grid-template-columns:1fr}}.creator-backdrop{z-index:15;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;place-items:center;display:grid;position:fixed;inset:0}.creator{background:radial-gradient(at 30% 40%,#2b1416 0%,#120a0b 60%,#070405 100%);border:2px solid #8a6a2a;border-radius:10px;grid-template-columns:minmax(0,1fr) minmax(320px,400px);width:min(1180px,96vw);height:min(780px,92vh);display:grid;overflow:hidden;box-shadow:0 20px 60px #000000e6}.creator .stage{flex-direction:column;min-height:0;padding:12px 0 14px;display:flex}.creator .plate-name{text-align:center;padding:0 16px}.creator .plate-name .name{font-family:var(--heavy);letter-spacing:.04em;font-size:2.2rem;line-height:1.05}.creator .plate-name .title{font-family:var(--serif);letter-spacing:.12em;color:var(--gold);justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.creator .plate-name img.class{border:1px solid var(--gold-dark);border-radius:4px;width:22px;height:22px}.creator .plate-name .status{color:var(--dim);font-size:.85rem}.creator .plate-name .status.bad{color:#ff6b6b}.creator .column{border-left:1px solid var(--line);background:linear-gradient(#00000059,#0009);flex-direction:column;min-height:0;padding:16px 18px 12px;display:flex;position:relative}.creator h1{font-family:var(--serif);letter-spacing:.14em;color:var(--gold);text-align:center;text-shadow:0 2px #000,0 0 12px #ffd10040;margin:0 0 10px;font-size:1.3rem;font-weight:900}.creator .rows{flex-direction:column;flex:1;gap:3px;min-height:0;display:flex;overflow:auto}.creator .row{border:1px solid #0000;border-radius:6px;grid-template-columns:92px 24px minmax(0,1fr) 24px auto;align-items:center;gap:4px;padding:4px 6px;display:grid}.creator .row.here{border-color:var(--gold-dark);background:#ffd10012}.creator .row .label{font-family:var(--serif);letter-spacing:.06em;color:var(--gold);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:700;overflow:hidden}.creator .row .pick{align-items:center;gap:6px;min-width:0;display:flex}.creator .row select,.creator .row input{min-width:0;color:var(--text);font:inherit;background:#0b0708;border:1px solid #5a4020;border-radius:4px;flex:1;padding:4px 6px;font-size:.9rem}.creator .row input{font-family:var(--serif);letter-spacing:.06em;grid-column:2/-1;font-weight:700}.creator .row select:focus,.creator .row input:focus{border-color:var(--gold);outline:none}.creator .row .icon{border:1px solid var(--gold-dark);object-fit:cover;border-radius:4px;width:26px;height:26px}.creator .row .swatch{border:1px solid #c9a24a;border-radius:50%;flex:none;width:20px;height:20px}.creator .row .arrow{width:24px;height:24px;color:var(--gold);cursor:pointer;background:radial-gradient(circle at 40% 35%,#4a2c12,#1a0d06);border:1px solid #5a4020;border-radius:50%;padding:0;font-size:1rem;line-height:1}.creator .row .arrow:hover{border-color:var(--gold)}.creator .row.wait{grid-template-columns:92px 1fr}.creator .row.actions{justify-content:center;gap:8px;margin-top:6px;display:flex}.creator .button{background:linear-gradient(#5a1010,#2a0606)}.creator .button.on{border-color:var(--gold);box-shadow:0 0 0 2px #ffd10059}.creator .button.roll{padding:3px 8px;font-size:.7rem}.creator .armour-tip{z-index:2;text-align:left;width:300px;position:absolute;bottom:60px;right:calc(100% + 8px)}.creator .hint{text-align:center;margin:8px 0 0}.creator .built-in{font-family:var(--serif);color:var(--gold);text-align:center;margin:0 0 14px;font-size:.95rem;line-height:1.45}.tile.create{border-color:var(--gold);background:radial-gradient(circle at 50% 40%,#4a2a2e 0%,#1a1012 60%,#0b0708 100%);place-items:center;display:grid}.tile.create .ask{font-family:var(--heavy);color:var(--gold);text-shadow:0 3px 0 var(--gold-dark), 0 0 14px #ffd10066;font-size:2.8rem;line-height:1}.tile.create .name{color:var(--gold);justify-content:center}.tile .edit{border:1px solid var(--gold-dark);color:var(--gold);font-family:var(--serif);letter-spacing:.06em;cursor:pointer;opacity:0;background:#000000bf;border-radius:3px;padding:0 4px;font-size:.55rem;font-weight:700;position:absolute;top:2px;right:2px}.tile:hover .edit,.tile.p1 .edit,.tile.p2 .edit{opacity:1}@media (width<=720px){.creator{grid-template-rows:38vh 1fr;grid-template-columns:1fr;height:96vh}.creator .column{border-left:none;border-top:1px solid var(--line)}.creator .armour-tip{display:none}}.guide .body.create-first{text-align:center;justify-items:center;gap:12px;padding:28px 24px 30px;display:grid}.guide .body.create-first .big{font-family:var(--serif);color:var(--gold);margin:0;font-size:1.2rem;font-weight:700}.reporter-tab{z-index:30;width:38px;height:22px;color:var(--gold);opacity:.55;cursor:pointer;background:linear-gradient(#3a0c0c,#1a0606);border:1px solid #8a6a2a;border-top:none;border-radius:0 0 6px 6px;place-items:center;padding:0;transition:opacity .15s,height .15s;display:grid;position:fixed;top:0;left:50%;transform:translate(-50%)}.reporter-tab:hover,.reporter-tab:focus-visible{opacity:1;height:28px}.reporter-tab .reporter-tip{font-variant:normal;pointer-events:none;width:max-content;max-width:24em;display:none;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.reporter-tab:hover .reporter-tip{display:block}.reporter-backdrop{z-index:40}.guide.reporter{width:min(560px,94vw)}.reporter .body p.dim.small{margin:0 0 10px}.reporter .body input,.reporter .body textarea{box-sizing:border-box;width:100%;color:var(--text);font:inherit;resize:vertical;background:#0000008c;border:1px solid #5c5c66;border-radius:4px;margin-bottom:8px;padding:8px 10px;font-size:.95rem;display:block}.reporter .body input:focus,.reporter .body textarea:focus{border-color:var(--gold-dark);outline:none;box-shadow:0 0 0 1px #ffd1004d}.reporter .count{text-align:right;margin-top:-4px}.reporter .attached{color:var(--dim);margin:6px 0 14px;font-size:.85rem}.reporter .attached summary{color:var(--wow-gold);cursor:pointer}.reporter .attached ul{overflow-wrap:anywhere;margin:6px 0 0;padding-left:20px}.reporter .actions{justify-content:flex-end;gap:10px;display:flex}.reporter .button{font:inherit;background:linear-gradient(#3a2a2a,#1a1010)}.reporter .button.primary{background:linear-gradient(#8a1010,#3a0606)}.reporter .button:disabled{opacity:.45;cursor:default}.reporter .hint{margin:12px 0 0}.reporter .done h3{color:var(--wow-gold);margin-top:0}.reporter .done a{color:var(--wow-blue)}.guide.online{width:min(520px,94vw)}.guide .body.online-here,.guide .body.online-name,.guide .body.online-code,.guide .body.online-challenge{text-align:center;justify-items:center;gap:12px;padding:24px 24px 22px;display:grid}.guide.online p{margin:0}.guide.online .choices{gap:14px;display:flex}.guide.online .choices .button{background:0 0;min-width:9em;padding:12px 18px;font-size:1.1rem}.guide.online .me{color:var(--text)}.guide.online .me b{color:var(--gold);font-family:var(--serif)}.guide.online .link{color:var(--dim);font:inherit;cursor:pointer;background:0 0;border:none;margin-left:8px;padding:0;font-size:.85rem;text-decoration:underline}.guide.online .link:hover{color:var(--gold)}.guide.online .players{border-top:1px solid var(--line);width:100%;max-height:46vh;margin:0;padding:0;list-style:none;overflow:auto}.guide.online .players li{border-bottom:1px solid var(--line);text-align:left;border-left:3px solid #0000;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:6px 12px;display:flex}.guide.online .players li.chosen{border-left-color:var(--gold);background:#ffd1000f}.guide.online .players .name{font-family:var(--serif);color:var(--text);font-size:1.05rem;font-weight:700}.guide.online .players li.busy .name{color:var(--dim)}.guide.online .players .button{background:0 0;padding:5px 14px}.guide.online .players .asking{align-items:center;gap:8px;display:flex}.guide.online .nobody{justify-items:center;gap:10px;display:grid}.guide.online .button.quick{background:0 0;min-width:14em;padding:10px 18px;font-size:1.05rem}.guide.online .button.quick.on{background:#ffd1001f;animation:1.6s ease-in-out infinite pulse}.guide.online input.name{background:var(--stone);border:1px solid var(--gold-dark);width:12em;color:var(--gold);font-family:var(--serif);text-align:center;border-radius:8px;outline:none;padding:8px 10px;font-size:1.5rem;font-weight:700}.guide.online input.name::placeholder{color:var(--line)}.guide.online .join-row{align-items:center;gap:10px;display:flex}.countdown{flex:none}.countdown circle{fill:none;stroke-width:5px}.countdown .track{stroke:var(--line)}.countdown .left{stroke:var(--gold);transition:stroke-dashoffset .1s linear}.countdown text{fill:var(--gold);font-family:var(--serif);font-size:18px;font-weight:700}.guide.online.challenge{border-color:var(--gold);width:min(420px,94vw)}.guide.online .button{white-space:nowrap}.challenge-backdrop{z-index:40}.guide.online .big{font-family:var(--serif);color:var(--gold);margin:0;font-size:1.6rem;font-weight:700}.lobby-toast{z-index:30;border:1px solid var(--gold-dark);color:var(--text);pointer-events:none;background:#0a0607e6;border-radius:8px;padding:10px 20px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.guide.online .code{background:var(--stone);border:1px solid var(--gold-dark);width:7.2em;color:var(--gold);font-family:var(--serif);letter-spacing:.22em;text-align:center;text-indent:.22em;font-variant-numeric:tabular-nums;border-radius:8px;padding:6px 0 4px;font-size:2.6rem;font-weight:700}.guide.online input.code{text-transform:uppercase;outline:none}.guide.online .code.small{width:6.4em;font-size:1.6rem}.guide.online input.code::placeholder{color:var(--line)}.guide.online .button[disabled]{opacity:.45;cursor:default}.guide.online .waiting{color:var(--text);animation:1.6s ease-in-out infinite pulse}.settings .row.relay{grid-template-columns:7em 1fr auto}.settings .row.relay input{background:var(--stone);border:1px solid var(--line);width:100%;color:var(--text);font:inherit;border-radius:6px;padding:6px 8px;font-size:.9rem}.fight .net-banner{z-index:5;border:1px solid var(--gold-dark);color:var(--gold);font-family:var(--serif);letter-spacing:.14em;pointer-events:none;background:#0a0607d1;border-radius:8px;justify-items:center;gap:8px;padding:14px 26px;font-size:1.6rem;font-weight:700;animation:1.4s ease-in-out infinite pulse;display:grid;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.fight .net-banner.bad{border-color:var(--blood);color:#ff4a4a;animation:none}.fight .net-banner span{max-width:28em;color:var(--dim);letter-spacing:0;text-align:center;font-family:system-ui,sans-serif;font-size:.9rem;font-weight:400}.fight .net-notes{z-index:5;pointer-events:none;color:#ffd100;text-align:center;text-shadow:0 1px 3px #000;max-width:min(640px,90vw);font-size:.9rem;position:absolute;top:150px;left:50%;transform:translate(-50%)}.fight .net-notes p{margin:4px 0}:root{--friz:"WoW Friz", "Cinzel", Palatino, Georgia, serif;--narrow:"WoW Narrow", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--morpheus:"WoW Morpheus", "Cinzel", Palatino, serif;--serif:var(--friz);--q-poor:#9d9d9d;--q-common:#fff;--q-uncommon:#1eff00;--q-rare:#0070dd;--q-epic:#a335ee;--q-legendary:#ff8000;--wow-gold:#ffd100;--wow-green:#1eff00;--wow-red:#ff2020;--wow-grey:gray;--wow-blue:#71d5ff;--wow-alliance:#4a8eff;--wow-horde:#ff4040;--tt-rim:#a9a9b6;--panel:#0e0e12eb}:root.wow-fonts body{font-family:WoW Friz,system-ui,sans-serif}.wow-tooltip{border:1px solid var(--tt-rim);min-width:13em;max-width:21em;font-family:var(--friz);letter-spacing:0;text-transform:none;text-align:left;white-space:normal;color:#fff;text-shadow:1px 1px #000;background:linear-gradient(#0a0a1aed,#03030af0);border-radius:.35em;padding:.5em .7em .6em;font-size:.82rem;font-weight:400;line-height:1.3;box-shadow:inset 0 0 0 1px #000000e6,inset 0 1px 0 1px #ffffff0f,0 0 0 1px #000c,0 .3em 1em #0000008c}.wow-tooltip .line{justify-content:space-between;align-items:baseline;gap:1.4em;display:flex}.wow-tooltip .line .r{text-align:right;flex:none}.wow-tooltip .line.tt-name{font-size:1.2em;line-height:1.25}.wow-tooltip .line.tt-small{font-size:.85em}.wow-tooltip .tt-gap{height:.55em}.h-white{color:#fff}.h-gold{color:var(--wow-gold)}.h-green{color:var(--wow-green)}.h-red{color:var(--wow-red)}.h-grey{color:var(--wow-grey)}.h-blue{color:var(--wow-blue)}.h-alliance{color:var(--wow-alliance)}.h-horde{color:var(--wow-horde)}.h-poor{color:var(--q-poor)}.h-common{color:var(--q-common)}.h-uncommon{color:var(--q-uncommon)}.h-rare{color:#3a9bff}.h-epic{color:#b552ff}.h-legendary{color:var(--q-legendary)}.hover-tip{z-index:30;pointer-events:none;width:max-content;max-width:19em;display:none;position:absolute;bottom:calc(100% + .6em);left:50%;transform:translate(-50%)}:hover>.hover-tip{display:block}.wow-slot{--q:#3a3a40;background:radial-gradient(circle at 50% 40%,#1d1d22,#08080a 80%);border-radius:.2em;position:relative;box-shadow:0 0 0 1px #000,inset 0 0 .6em #000000e6}.wow-slot:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 2px var(--q), inset 0 0 0 3px #0000008c, inset 0 0 .7em color-mix(in srgb, var(--q) 40%, transparent);pointer-events:none;position:absolute;inset:0}.q-poor{--q:var(--q-poor)}.q-common{--q:#c8c8c8}.q-uncommon{--q:var(--q-uncommon)}.q-rare{--q:var(--q-rare)}.q-epic{--q:var(--q-epic)}.q-legendary{--q:var(--q-legendary)}.wow-panel{background:linear-gradient(180deg, #1e1e24f0, var(--panel));border:1px solid #5c5c66;border-radius:.45em;box-shadow:inset 0 0 0 1px #000,inset 0 1px 0 1px #ffffff0d,0 0 0 1px #000,0 .4em 1.2em #000000a6}.wow-title{font-family:var(--friz);letter-spacing:.02em;text-transform:none;color:var(--wow-gold);text-shadow:1px 1px #000;font-weight:400}.title .actionbar{background:linear-gradient(180deg, #1e1e24f0, var(--panel));border:1px solid #5c5c66;border-radius:.45em;box-shadow:inset 0 0 0 1px #000,0 0 0 1px #000,0 .6em 1.6em #000000bf}.actionbar .slot{color:#d8d8e0;background:radial-gradient(circle at 50% 40%,#1d1d22,#08080a 80%);border:none;border-radius:.25em;overflow:visible;box-shadow:0 0 0 1px #000,inset 0 0 0 2px #3a3a40,inset 0 0 0 3px #0000008c,inset 0 0 1em #000000e6}.actionbar .slot:hover,.actionbar .slot:focus-visible{box-shadow:0 0 0 1px #000, inset 0 0 0 2px var(--wow-gold), inset 0 0 1.2em #ffd10059, 0 0 .8em #ffd10059;border:none}.actionbar .slot.lit{color:var(--q-legendary);box-shadow:0 0 0 1px #000, inset 0 0 0 2px var(--q-legendary), inset 0 0 1em #ff800059, 0 0 1em #ff800073;border:none;animation:none}.actionbar .slot .hotkey{font-family:var(--narrow);color:#d0d0d0;font-weight:700;top:.2em;left:auto;right:.35em}.actionbar .slot .label{font-family:var(--friz);letter-spacing:.02em;color:var(--wow-gold);background:#0000008c;border-top:1px solid #ffffff14;border-radius:0 0 .25em .25em;font-size:.62rem;font-weight:400}.title .hint b{color:var(--wow-gold)}.select .grid{background:linear-gradient(#1e1e24e6,#0e0e12e6);border:1px solid #5c5c66;border-radius:.45em;align-self:stretch;padding:.6em .7em .8em;box-shadow:inset 0 0 0 1px #000,0 0 0 1px #000,0 .4em 1.2em #0009}.select .grid .label{font-family:var(--friz);letter-spacing:.02em;color:var(--wow-gold);text-shadow:1px 1px #000;border-bottom:1px solid #ffffff12;margin:.5em 0 .25em;padding-bottom:.2em;font-size:.9rem;font-weight:400}.select .grid .label:first-child{margin-top:0}.tile{background:radial-gradient(circle at 50% 40%,#1d1d22,#08080a 80%);border:none;border-radius:.25em;overflow:hidden;box-shadow:0 0 0 1px #000,inset 0 0 .6em #000000e6}.tile>img{border-radius:.2em}.tile:before{content:"";z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--q,#3a3a40), inset 0 0 0 3px #0000008c, inset 0 0 .8em color-mix(in srgb, var(--q,#3a3a40) 35%, transparent);pointer-events:none;position:absolute;inset:0}.tile.legend{--q:var(--q-legendary)}.tile.record{--q:var(--q-epic)}.tile.race{--q:var(--q-rare)}.tile.random{--q:#c8c8c8}.tile.alliance,.tile.horde,.tile.legend{border:none}.tile .name{z-index:2;font-family:var(--friz);letter-spacing:0;color:#fff;text-shadow:1px 1px #000;background:linear-gradient(#0000,#000000d9 45%);border-radius:0 0 .2em .2em;font-size:.68rem;font-weight:400}.tile.legend .name{color:var(--q-legendary)}.tile.record .name{color:#c77dff}.tile.create{--q:#6a6a72;font-family:var(--friz);letter-spacing:.02em;color:var(--wow-gold);border:none;font-weight:400}.tile.create:before{border:1px dashed #6a6a72;box-shadow:inset 0 0 0 1px #5c5c66}.tile .random{font-family:var(--morpheus);color:var(--wow-gold)}.tile.p1:after,.tile.p2:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;background:radial-gradient(circle,#ffe6782e,#ffe67800 70%);position:absolute;inset:0;box-shadow:inset 0 0 0 2px #fff0a0e6}.tile.locked1:after,.tile.locked2:after{content:"✓";z-index:4;box-shadow:none;background:0 0;inset:.15em auto auto .3em}.tile.locked2:after{left:auto;right:.3em}.plate.wow-tooltip{border:1px solid var(--tt-rim);border-radius:.35em;min-width:0;max-width:none;padding:.6em .85em .7em;font-size:.95rem;overflow:visible}.plate.wow-tooltip.p1{box-shadow:inset 0 0 0 1px #000000e6, 0 0 0 1px #000c, -.35em 0 0 -1px var(--p1), 0 .3em 1em #0000008c}.plate.wow-tooltip.p2{box-shadow:inset 0 0 0 1px #000000e6, 0 0 0 1px #000c, .35em 0 0 -1px var(--p2), 0 .3em 1em #0000008c}.plate.wow-tooltip .line.tt-name{font-size:1.45em}.plate.wow-tooltip .who{font-family:var(--friz);letter-spacing:.15em;color:var(--wow-grey);font-size:.72em}.plate.wow-tooltip .class{vertical-align:-.2em;border:1px solid #000;border-radius:.15em;width:1.15em;height:1.15em;margin-right:.3em}.plate .stamp{font-family:var(--friz);letter-spacing:.1em;color:var(--wow-gold);border-color:var(--wow-gold);background:#0009;font-weight:400}.select .controls,.versus .controls{font-family:var(--friz);letter-spacing:.02em;color:#b8b8c0;text-shadow:1px 1px #000}.select .controls b,.versus .controls b{color:var(--wow-gold)}.screen.select{--edition-ink:#f4e3b5;--edition-glow:#c8121c8c;--edition-rim:#5c5c66}.screen.select.edition-retail{--edition-ink:#e4d8ff;--edition-glow:#8a5cffbf;--edition-rim:#6d58a8;background:radial-gradient(at 50% 30%,#22123a 0%,#0a0612 60%,#000 100%)}.screen.select.edition-forever{--edition-ink:#f6e7c4;--edition-glow:#3fb6c9b3;--edition-rim:#8a6a3e;background:radial-gradient(at 50% 30%,#2b2014 0%,#0e0a06 60%,#000 100%)}.select .edition-backdrop{z-index:-1;opacity:.6;pointer-events:none;background-position:50%;background-size:cover;animation:1.2s ease-out both edition-in;position:absolute;inset:0}.select .edition-backdrop:after{content:"";background:radial-gradient(60% 70% at 50% 45%,#00000026 0%,#0000008c 70%,#000000d9 100%),linear-gradient(#00000059 0%,#0000 25% 60%,#000000d9 100%);position:absolute;inset:0}@keyframes edition-in{0%{opacity:0;transform:scale(1.04)}}.select .edition-mark{color:var(--edition-ink);align-items:center;gap:.55em;margin:-.2vh 0 .6vh;font-size:clamp(.85rem,2vh,1.2rem);line-height:1;display:flex}.select .edition-mark:before,.select .edition-mark:after{content:"";background:linear-gradient(90deg, transparent, var(--edition-rim));width:3.2em;height:1px}.select .edition-mark:after{background:linear-gradient(90deg, var(--edition-rim), transparent)}.select .edition-mark .glyph{width:1.5em;height:1.5em;filter:drop-shadow(0 0 .4em var(--edition-glow));display:block}.select .edition-mark .glyph svg{width:100%;height:100%}.select .edition-mark .words{font-family:var(--friz);letter-spacing:.3em;text-shadow:0 0 .9em var(--edition-glow), 1px 1px 0 #000}.select .grid{border-color:var(--edition-rim)}.select .controls .switch-edition{font:inherit;letter-spacing:inherit;color:var(--edition-ink);border:1px solid var(--edition-rim);cursor:pointer;text-shadow:inherit;background:#00000080;border-radius:.3em;padding:.1em .6em}.select .controls .switch-edition:hover{box-shadow:0 0 .6em var(--edition-glow)}.title .choose-edition{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:6px;max-width:34em;display:flex;position:relative}.title .choose-edition p{margin:0}.title .choose-edition .big{font-family:var(--friz);letter-spacing:.12em;color:var(--wow-gold);text-shadow:1px 1px #000;font-size:1.3rem}.versus .plate .title{font-family:var(--friz);letter-spacing:.06em;color:var(--wow-gold);text-shadow:1px 1px #000,0 0 .6em #000;font-weight:400}.versus .stages{background:linear-gradient(#0000,#000c 45%)}.versus .stages .label{font-family:var(--friz);letter-spacing:.04em;color:var(--wow-gold);text-shadow:1px 1px #000;font-weight:400}.versus .strip{height:6.2em}.versus .stage{--q:#c8c8c8;background:radial-gradient(circle at 50% 40%,#1d1d22,#08080a 80%);border:none;border-radius:.25em;position:relative;overflow:visible;box-shadow:0 0 0 1px #000}.versus .stage.world{--q:var(--q-epic)}.versus .stage:before{content:"";z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--q), inset 0 0 0 3px #0000008c, inset 0 0 .8em color-mix(in srgb, var(--q) 35%, transparent);pointer-events:none;position:absolute;inset:0}.versus .stage img{border-radius:.2em}.versus .stage.here{z-index:2;box-shadow:0 0 0 1px #000, 0 0 1em color-mix(in srgb, var(--q) 70%, transparent);border:none}.versus .stage.here:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;background:radial-gradient(circle,#ffe6781f,#ffe67800 70%);position:absolute;inset:0;box-shadow:inset 0 0 0 2px #fff0a0e6}.versus .stage .wow-tooltip{transform-origin:50% 100%;z-index:5;width:max-content;max-width:22em;position:absolute;bottom:calc(100% + .8em);left:50%;transform:translate(-50%)scale(.85)}.guide{background:linear-gradient(#1e1e24f7,#0a0a0ef7);border:1px solid #5c5c66;border-radius:.45em;box-shadow:inset 0 0 0 1px #000,0 0 0 1px #000,0 1.2em 3em #000000e6}.guide .tabs{border-bottom:1px solid #3a3a42}.guide .tabs button{font-family:var(--friz);letter-spacing:.04em;color:#b8b8c0;font-weight:400}.guide .tabs button.here{color:var(--wow-gold);border-bottom-color:var(--wow-gold)}.guide .keys th{font-family:var(--friz);color:var(--wow-gold);font-weight:400}.guide .keys th,.guide .keys td{border-bottom-color:#2e2e36}.guide b,.guide strong{color:var(--wow-gold);font-weight:400}