:root{--bg: #08080a;--bg-2: #0c0c0e;--surf: #101012;--surf-2: #161618;--surf-3: #1d1d21;--line: #2a2a31;--line-soft: #191919;--line-str: #3b3b45;--ink: #f4f4f8;--dim: #a8a8b4;--faint: #7c7c8a;--acc: #f0bd35;--acc-hi: #ffd76e;--acc-lo: #8a6a15;--acc-soft: rgba(240, 189, 53, .09);--acc-line: rgba(240, 189, 53, .34);--acc-press: #6b5410;--ok: #4cba84;--warn: #b0842a;--bad: #b54843;--wcl-0: #8d8d98;--wcl-25: #2aa83a;--wcl-50: #4b8ada;--wcl-75: #a35ddb;--wcl-95: #d2731d;--wcl-99: #c65490;--wcl-100: #c9b071;--warrior: #c99d72;--paladin: #e08cb4;--hunter: #a8d074;--rogue: #e0d566;--priest: #eeeef4;--mage: #5cc4de;--warlock: #9a8dd6;--druid: #d98120;--shaman: #4b8ada;--q-uncommon: #2bb83a;--q-rare: #3f84d6;--q-epic: #ac63e0;--q-leg: #f09a24;--r-tank: #5d7fae;--r-heal: #4f9377;--r-melee: #a8724f;--r-ranged: #7d6fa3;--f-ui: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--f-num: Consolas, "Cascadia Mono", ui-monospace, "SF Mono", Menlo, monospace}:root[data-theme=ember]{--bg: #0a0807;--bg-2: #0f0c0a;--surf: #13100d;--surf-2: #1a1512;--surf-3: #221b16;--line: #322a22;--line-soft: #1d1815;--line-str: #44382d;--ink: #f6f1ea;--dim: #b0a599;--faint: #857a6e;--acc: #ff7a2f;--acc-hi: #ffa163;--acc-lo: #8f3d0d;--acc-soft: rgba(255, 122, 47, .09);--acc-line: rgba(255, 122, 47, .34);--acc-press: #6b2e0a;--ok: #46a06a;--warn: #d29a2c;--bad: #d0463c}:root[data-theme=arcane]{--bg: #08070d;--bg-2: #0c0b13;--surf: #100e18;--surf-2: #16141f;--surf-3: #1e1b2a;--line: #2c2839;--line-soft: #1a1826;--line-str: #3d3752;--ink: #f2f0fa;--dim: #aca8c2;--faint: #807b99;--acc: #7dd3f0;--acc-hi: #a9e5fa;--acc-lo: #2b6f8c;--acc-soft: rgba(125, 211, 240, .09);--acc-line: rgba(125, 211, 240, .34);--acc-press: #1d4d63;--ok: #4bc48c;--warn: #c9a63f;--bad: #d0566a}*,*:before,*:after{box-sizing:border-box}html,body{background:var(--bg);margin:0}body{color:var(--ink);font-family:var(--f-ui);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--acc);text-decoration:none}a:hover{color:var(--acc-hi)}:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.px{display:block;image-rendering:pixelated;shape-rendering:crispEdges;overflow:visible}@keyframes gp-gleam{0%,93%,to{opacity:0}96.5%{opacity:1}}@keyframes gp-glint{0%,89%{opacity:0}92%{opacity:1}95%{opacity:0}}.px .sheen{opacity:0;animation:gp-gleam 3.6s steps(1,end) infinite}.px .spark{opacity:0;animation:gp-glint 3.6s steps(1,end) infinite}.pxb{clip-path:polygon(0 6px,3px 6px,3px 3px,6px 3px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 3px,calc(100% - 3px) 3px,calc(100% - 3px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 3px) calc(100% - 6px),calc(100% - 3px) calc(100% - 3px),calc(100% - 6px) calc(100% - 3px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 3px),3px calc(100% - 3px),3px calc(100% - 6px),0 calc(100% - 6px))}.frame{background:var(--line-str);padding:2px}.frame>.inner{background:var(--surf)}.frame.gold{background:var(--acc-lo)}.dither{-webkit-mask-image:repeating-conic-gradient(#000 0% 25%,transparent 0% 50%);mask-image:repeating-conic-gradient(#000 0% 25%,transparent 0% 50%);-webkit-mask-size:4px 4px;mask-size:4px 4px}.logo{display:inline-flex;align-items:center;gap:9px}.logo .blade{flex:none;filter:drop-shadow(0 0 6px rgba(240,189,53,.34))}.logo .word{font-weight:700;letter-spacing:-.03em;line-height:1;white-space:nowrap;color:var(--ink)}.logo .word .p{color:var(--acc)}.btn{font:inherit;font-size:13px;font-weight:650;cursor:pointer;padding:8px 15px;background:var(--acc);color:#150f02;border:0;display:inline-flex;align-items:center;gap:7px;box-shadow:2px 2px 0 var(--acc-press);transition:transform .06s steps(1,end),box-shadow .06s steps(1,end)}.btn:hover{background:var(--acc-hi);color:#150f02}.btn:active{transform:translate(2px,2px);box-shadow:0 0}.btn.lg{font-size:14.5px;padding:12px 21px;box-shadow:3px 3px 0 var(--acc-press)}.btn.lg:active{transform:translate(3px,3px)}.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-str)}.btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--acc-line);color:var(--acc)}.btn.ghost:active{transform:none}.btn.bnet{background:#1c6fc4;color:#fff;box-shadow:3px 3px #0d3a69}.btn.bnet:hover{background:#2b83db;color:#fff}.btn.dcd{background:#5865f2;color:#fff;box-shadow:3px 3px #2c3480}.btn.dcd:hover{background:#6b76f5;color:#fff}#toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:7px;align-items:center;pointer-events:none}#toast div{background:var(--surf-2);border:1px solid var(--acc-line);color:var(--ink);padding:9px 15px;font-size:12.5px;box-shadow:3px 3px #00000080;display:flex;align-items:center;gap:9px}#toast div b{color:var(--acc);font-family:var(--f-num);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase}@media(prefers-reduced-motion:reduce){.px .sheen,.px .spark{animation:none;opacity:0}}