[data-plate=iron]{--pl-edge: #a9adb8;--pl-fill: rgba(26, 28, 34, .78);--pl-glow: rgba(180, 190, 210, .18);--pl-orn: #d2d6e0}[data-plate=filigree]{--pl-edge: #d6a24a;--pl-fill: rgba(46, 30, 10, .8);--pl-glow: rgba(240, 190, 90, .3);--pl-orn: #f4cf7a}[data-plate=ember]{--pl-edge: #f0691e;--pl-fill: rgba(46, 14, 4, .82);--pl-glow: rgba(255, 110, 30, .55);--pl-orn: #ffb35a}[data-plate=frost]{--pl-edge: #9fd8ff;--pl-fill: rgba(8, 26, 42, .8);--pl-glow: rgba(140, 210, 255, .5);--pl-orn: #eaf8ff}[data-plate=thorn]{--pl-edge: #6fae4a;--pl-fill: rgba(14, 28, 10, .82);--pl-glow: rgba(110, 190, 80, .4);--pl-orn: #a6e070}[data-plate=obsidian]{--pl-edge: #a464ff;--pl-fill: rgba(12, 6, 20, .88);--pl-glow: rgba(160, 90, 255, .55);--pl-orn: #dcb6ff}[data-plate=sunforged]{--pl-edge: #ffd56a;--pl-fill: rgba(54, 34, 4, .82);--pl-glow: rgba(255, 210, 100, .65);--pl-orn: #fff1bc}[data-plate=astral]{--pl-edge: #9fd0ff;--pl-fill: rgba(8, 12, 38, .86);--pl-glow: rgba(150, 200, 255, .7);--pl-orn: #f0faff}.np-plate{position:relative;display:flex;justify-content:center}.np-orn,.np-crest{display:none}.nameplate[data-plate]:not([data-plate=""]) .np-plate{isolation:isolate;padding:1px 15px 2px;filter:drop-shadow(0 0 5px var(--pl-glow)) drop-shadow(0 1px 1px rgba(0,0,0,.8))}.nameplate[data-plate]:not([data-plate=""]) .np-plate:before,.nameplate[data-plate]:not([data-plate=""]) .np-plate:after{content:"";position:absolute;z-index:-1;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,9px 100%,0 50%)}.nameplate[data-plate]:not([data-plate=""]) .np-plate:before{inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--pl-edge),#fff 30%),var(--pl-edge))}.nameplate[data-plate]:not([data-plate=""]) .np-plate:after{inset:1px 1.5px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 55%),var(--pl-fill)}.nameplate[data-plate]:not([data-plate=""]) .np-orn{display:block;position:absolute;top:50%;width:8px;height:8px;background:var(--pl-orn)}.np-orn.l{left:-6px}.np-orn.r{right:-6px}.nameplate[data-plate=iron] .np-orn{width:5px;height:5px;translate:0 -50%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,var(--pl-orn) 45%,#555a66)}.nameplate[data-plate=filigree] .np-orn{translate:0 -50%;rotate:45deg;border:1px solid #5a3a10;background:linear-gradient(135deg,#fff0c0,var(--pl-orn) 45%,#8a5a1a)}.nameplate[data-plate=ember] .np-orn{width:9px;height:12px;translate:0 -62%;border-radius:50%/65% 65% 35% 35%;background:radial-gradient(circle at 50% 75%,#fff2c0,#ffb35a 35%,#f0691e 65%,transparent 72%);animation:plate-flicker 1.1s ease-in-out infinite alternate}.nameplate[data-plate=ember] .np-orn.r{animation-delay:-.5s}@keyframes plate-flicker{to{scale:.82 1.12;opacity:.8}}.nameplate[data-plate=frost] .np-orn{width:11px;height:11px;translate:0 -50%;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);background:linear-gradient(135deg,#fff,var(--pl-orn) 50%,#7cc4f0)}.nameplate[data-plate=thorn] .np-orn{width:10px;height:6px;translate:0 -80%;border-radius:0 100%;background:linear-gradient(135deg,#c8f090,var(--pl-orn) 40%,#3e7a26)}.nameplate[data-plate=thorn] .np-orn.l{left:-8px;rotate:-25deg}.nameplate[data-plate=thorn] .np-orn.r{right:-8px;rotate:205deg}.nameplate[data-plate=obsidian] .np-orn{width:11px;height:10px;translate:0 -50%;background:linear-gradient(180deg,var(--pl-orn),#5a2a9a)}.nameplate[data-plate=obsidian] .np-orn.l{left:-9px;clip-path:polygon(0 50%,100% 0,70% 50%,100% 100%)}.nameplate[data-plate=obsidian] .np-orn.r{right:-9px;clip-path:polygon(100% 50%,0 0,30% 50%,0 100%)}.nameplate[data-plate=obsidian] .np-crest,.nameplate[data-plate=sunforged] .np-crest{display:block;position:absolute;left:50%;bottom:calc(100% - 1px);translate:-50% 0}.nameplate[data-plate=obsidian] .np-plate{margin-top:6px}.nameplate[data-plate=sunforged] .np-plate{margin-top:10px}.nameplate[data-plate=obsidian] .np-crest{width:30px;height:7px;clip-path:polygon(0 100%,18% 20%,30% 100%,50% 0,70% 100%,82% 20%,100% 100%);background:linear-gradient(180deg,var(--pl-orn),var(--pl-edge) 60%,#3a1a6a)}.nameplate[data-plate=sunforged] .np-orn{width:12px;height:12px;translate:0 -50%;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:linear-gradient(180deg,#fff8d8,var(--pl-edge) 60%,#b07a1a)}.nameplate[data-plate=sunforged] .np-crest{width:24px;height:11px;clip-path:polygon(0 100%,6% 25%,28% 62%,50% 0,72% 62%,94% 25%,100% 100%);background:linear-gradient(180deg,#fff8d8,var(--pl-edge) 55%,#a8701a)}.nameplate[data-plate=sunforged] .np-plate{animation:plate-sun 2.4s ease-in-out infinite alternate}@keyframes plate-sun{to{filter:drop-shadow(0 0 9px var(--pl-glow)) drop-shadow(0 1px 1px rgba(0,0,0,.8))}}.nameplate[data-plate=astral] .np-orn{width:11px;height:11px;translate:0 -50%;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);background:linear-gradient(135deg,#fff,var(--pl-orn) 45%,#6fa8ff);animation:plate-spin 6s linear infinite}.nameplate[data-plate=astral] .np-crest{display:block;position:absolute;left:50%;bottom:calc(100% + 1px);width:34px;height:8px;translate:-50% 0;border:2px solid var(--pl-orn);border-bottom-color:transparent;border-radius:50%;box-shadow:0 -2px 6px var(--pl-glow)}.nameplate[data-plate=astral] .np-plate{margin-top:10px;animation:plate-sun 3s ease-in-out infinite alternate}@keyframes plate-spin{to{rotate:360deg}}.uf-stepped[data-plate=obsidian]:before,.uf-stepped[data-plate=sunforged]:before{content:"";position:absolute;z-index:1;left:calc(var(--l) / 2);bottom:calc(100% - 2px);translate:-50% 0}.uf-stepped[data-plate=obsidian]:before{width:36px;height:9px;clip-path:polygon(0 100%,18% 20%,30% 100%,50% 0,70% 100%,82% 20%,100% 100%);background:linear-gradient(180deg,var(--pl-orn),var(--pl-edge) 60%,#3a1a6a)}.uf-stepped[data-plate=sunforged]:before{width:30px;height:13px;clip-path:polygon(0 100%,6% 25%,28% 62%,50% 0,72% 62%,94% 25%,100% 100%);background:linear-gradient(180deg,#fff8d8,var(--pl-edge) 55%,#a8701a)}.plate-sample{display:flex;justify-content:center;padding:14px 0 6px}.plate-sample .nameplate{position:static;transform:none;will-change:auto}.nameplate.supporter .np-name{padding-left:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0 10 5 5 10 0 5z' fill='%23ffb35a' stroke='%237a3a10'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:3px center;background-size:9px 9px}.nameplate.bot .np-name{padding-right:15px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 1v2' stroke='%23a9b8c6' stroke-width='1.2'/%3E%3Ccircle cx='6' cy='1' r='1' fill='%23a9b8c6'/%3E%3Crect x='1.5' y='3' width='9' height='7.5' rx='2' fill='%23a9b8c6'/%3E%3Crect x='3.5' y='5.5' width='1.6' height='1.8' fill='%23283038'/%3E%3Crect x='6.9' y='5.5' width='1.6' height='1.8' fill='%23283038'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1px center;background-size:11px 11px}.wd-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;min-height:420px}.wd-stage{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;gap:10px}.hero-preview{width:100%;height:clamp(200px,40vh,340px);background:radial-gradient(ellipse at 50% 85%,rgba(240,105,30,.18),transparent 60%),linear-gradient(180deg,#241f1be6,#100e0ce6);border:1px solid var(--iron-4);cursor:grab;touch-action:none}.hero-preview:active{cursor:grabbing}.wd-heroes{display:flex;justify-content:space-between;gap:4px}.wd-hero{padding:2px;background:none;border:1px solid transparent;cursor:pointer}.wd-hero.on{border-color:var(--ember);box-shadow:0 0 10px #f0691e59}.wd-stage .hint{margin:0}.wd-trying{color:var(--ember-hi)}.wd-list{display:flex;flex-direction:column;gap:10px;min-width:0}.wd-items{display:flex;flex-direction:column;gap:6px}.wd-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 10px;background:linear-gradient(180deg,#28221d99,#14121099);border:1px solid var(--iron-4);border-left:2px solid var(--iron-5)}.wd-card.equipped{border-left-color:var(--ember)}.wd-card.locked .wd-card-name,.wd-card.locked .wd-swatch{opacity:.6}.wd-card.tryable{cursor:pointer;transition:border-color .12s,background .12s}.wd-card.tryable:hover{border-color:var(--brass-lo)}.wd-card.trying{border-color:var(--ember-hi);background:linear-gradient(180deg,#46261299,#1e140e99)}.wd-card.trying .wd-card-name,.wd-card.trying .wd-swatch{opacity:1}.wd-swatch.enchant{animation:wd-enchant 2.4s ease-in-out infinite}@keyframes wd-enchant{50%{box-shadow:0 0 12px #ffffff59;filter:brightness(1.25)}}.wd-swatch{display:grid;place-items:center;width:40px;height:40px;background:#00000059;border:1px solid var(--brass-lo);transform:rotate(45deg) scale(.75)}.wd-swatch>*{transform:rotate(-45deg)}.wd-swatch.small{width:22px;height:22px}.wd-card-name{font:600 15px/1.2 var(--font-display);color:var(--bone)}.wd-card-desc{font-size:13px;color:var(--ash)}.wd-card-actions{display:flex;gap:6px;align-items:center}.wd-equipped{font:700 11px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--ember-hi)}.wd-locked{font:700 11px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--ash-lo)}.ae{display:flex;flex-direction:column;gap:12px;min-width:0}.ae-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.ae-seg{display:inline-flex;padding:3px;gap:3px;background:#00000059;border:1px solid var(--iron-4);border-radius:999px}.ae-seg button{min-width:96px;padding:6px 16px;font:600 14px/1 var(--font);letter-spacing:.04em;color:var(--ash);background:none;border:0;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}.ae-seg button:hover{color:var(--bone)}.ae-seg button.on{color:var(--soot);background:linear-gradient(180deg,var(--ember-hi),var(--ember));box-shadow:0 0 12px #f0691e59}.ae-free{padding:4px 10px;font:700 11px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--good);border:1px solid rgba(108,201,90,.4);border-radius:999px;background:#6cc95a14}.ae-matrix{display:grid;gap:6px;align-items:stretch}.ae-set{display:flex;flex-direction:column;gap:5px;padding:8px 10px;border:1px solid var(--iron-4);border-top:2px solid var(--iron-5);border-radius:6px;background:linear-gradient(180deg,#28221db3,#141210b3)}.ae-set.r-rare{border-top-color:#6fb4ff}.ae-set.r-epic{border-top-color:#c48cff}.ae-set.r-legendary{border-top-color:#ffb35a}.ae-set.on{border-color:var(--ember)}.ae-set-name{font:600 15px/1.15 var(--font-display);color:var(--bone)}.ae-set-meta{display:flex;align-items:center;justify-content:space-between;gap:6px}.ae-set-meta .rarity{margin:0}.ae-set .btn{align-self:stretch}.ae-pill{padding:2px 7px;font:700 10px/1.3 var(--font);letter-spacing:.08em;text-transform:uppercase;border-radius:999px}.ae-pill.owned{color:var(--good);background:#6cc95a1a}.ae-pill.locked{color:var(--brass-hi);background:#b8955a24}.ae-row-label{display:flex;align-items:center;font:600 13px/1.1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--ash)}.ae-tile{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px;height:60px;padding:4px 8px 4px 4px;text-align:left;color:var(--ash);background:radial-gradient(circle at 30px 50%,rgba(255,220,170,.08),transparent 34px),#0000004d;border:1px solid var(--iron-4);border-radius:6px;cursor:pointer;transition:border-color .12s,background .12s,transform .12s}.ae-tile:hover{border-color:var(--brass-lo);background:radial-gradient(circle at 30px 50%,rgba(255,220,170,.14),transparent 34px),#1e1a1699;transform:translateY(-1px)}.ae-tile.on{color:var(--bone);border-color:var(--ember);background:radial-gradient(circle at 30px 50%,rgba(255,150,60,.22),transparent 36px),#3c1e0c73;box-shadow:inset 0 0 0 1px #f0691e59,0 0 14px #f0691e2e}.ae-tile img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}.ae-tile.locked img{filter:drop-shadow(0 2px 2px rgba(0,0,0,.6)) saturate(.55) brightness(.8)}.ae-tile-label{overflow:hidden;font-size:13px;line-height:1.15;text-overflow:ellipsis}.ae-tile-none{display:grid;place-items:center;width:52px;height:52px;font:700 10px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--ash-lo);border:1px dashed var(--iron-5);border-radius:50%}.ae-tile-wait{width:44px;height:44px;margin:4px;border-radius:50%;background:linear-gradient(100deg,#ffffff08 30%,#ffffff1a,#ffffff08 70%);background-size:200% 100%;animation:ae-shimmer 1.2s linear infinite}@keyframes ae-shimmer{to{background-position:-200% 0}}.ae-lock{position:absolute;top:5px;right:5px;width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 7V5a4 4 0 0 1 8 0v2' fill='none' stroke='%23ead39c' stroke-width='1.8'/%3E%3Crect x='2.5' y='7' width='11' height='8' rx='1.5' fill='%23b8955a'/%3E%3C/svg%3E") center / contain no-repeat;opacity:.85}.ae-colours{display:flex;flex-direction:column;gap:14px}.ae-colours section{display:flex;flex-direction:column;gap:8px}.ae-colours h4{margin:0;font:700 11px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--ash)}.ae-colours h4 span{color:var(--ember-hi);letter-spacing:.06em}.ap section{display:flex;flex-direction:column;gap:8px}.ap h4{margin:0;font:700 11px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--ash)}.ap .hint{margin:0}.ap-actions{display:flex;gap:6px}.ap-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.ap-swatches .ae-chip{width:26px}.ae-chip.ap-default{outline:1px dashed var(--ash-lo);outline-offset:3px}.ap-sep{width:1px;height:20px;margin:0 3px;background:var(--iron-5)}.ae-note{display:flex;align-items:center;gap:12px;padding:8px 12px;font-size:13px;color:var(--ash);border:1px solid var(--brass-lo);border-radius:6px;background:#3c1e0c59}.ae-note span{flex:1}.ae-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}.ae-preset{display:flex;flex-direction:column;gap:5px;padding:5px;background:#0000004d;border:1px solid var(--iron-4);border-radius:6px;cursor:pointer;transition:border-color .12s,transform .12s}.ae-preset:hover{border-color:var(--brass);transform:translateY(-1px)}.ae-preset-bars{display:flex;height:22px;overflow:hidden;border-radius:4px;box-shadow:inset 0 0 0 1px #0006}.ae-preset-bars i{flex:3}.ae-preset-bars i+i{flex:2}.ae-preset-bars i:last-child{flex:1}.ae-preset-name{font-size:12px;color:var(--bone);text-align:center}.ae-preset.original .ae-preset-name{color:var(--ember-hi)}.ae-targets{display:flex;flex-wrap:wrap;gap:5px}.ae-target{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;font:500 13px/1 var(--font);color:var(--ash);background:#0000004d;border:1px solid var(--iron-4);border-radius:999px;cursor:pointer}.ae-target:hover{color:var(--bone);border-color:var(--brass-lo)}.ae-target.on{color:var(--bone);border-color:var(--ember);background:#3c1e0c80}.ae-target i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000080}.ae-dot{width:6px;height:6px;border-radius:50%;background:var(--brass-hi)}.ae-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ae-channel{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:6px;text-align:left;background:#0000004d;border:1px solid var(--iron-4);border-radius:6px;cursor:pointer}.ae-channel.on{border-color:var(--ember);box-shadow:0 0 0 1px #f0691e59}.ae-channel.empty{grid-template-columns:1fr;opacity:.45;cursor:default}.ae-channel-swatch{grid-row:span 2;width:34px;height:34px;border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff26,0 1px 3px #00000080}.ae-channel-name{font:600 13px/1.1 var(--font);color:var(--bone)}.ae-channel-hex{font:12px/1.1 ui-monospace,Consolas,monospace;color:var(--ash-lo);text-transform:uppercase}.ae-picker{display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid var(--iron-4);border-radius:8px;background:#00000040}.ae-palette{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:5px}.ae-chip{aspect-ratio:1;min-width:0;padding:0;border:0;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff24,0 1px 2px #0009;cursor:pointer;transition:transform .1s}.ae-chip:hover{transform:scale(1.15)}.ae-chip.on{box-shadow:0 0 0 2px var(--soot),0 0 0 4px var(--ember-hi)}.ae-chip.small{width:20px}.ae-custom{display:flex;align-items:center;gap:8px}.ae-wheel{position:relative;width:34px;height:34px;border-radius:50%;background:conic-gradient(#ff4a4a,#ffd04a,#6cff4a,#4affd8,#4a7aff,#c44aff,#ff4a4a);cursor:pointer}.ae-wheel input{position:absolute;inset:0;opacity:0;cursor:pointer}.ae-wheel span{position:absolute;inset:7px;border-radius:50%;box-shadow:0 0 0 2px var(--soot);pointer-events:none}.ae-hex{width:96px;padding:6px 8px;font:13px/1 ui-monospace,Consolas,monospace;text-transform:uppercase;color:var(--bone);background:#0006;border:1px solid var(--iron-5);border-radius:5px}.ae-hex:focus{border-color:var(--ember);outline:none}.ae-hex.bad{border-color:var(--bad)}.ae-recent{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ash-lo)}.ae-recent span{margin-right:4px}.ae-foot{position:sticky;bottom:-18px;z-index:1;display:flex;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(180deg,#1e1a16f5,#12100efa);border:1px solid var(--iron-4);border-radius:8px;box-shadow:0 -6px 16px #00000059}.ae-foot.dirty{border-color:var(--ember)}.ae-status{flex:1;font-size:13px;color:var(--ash)}.ae-status b{color:var(--bone)}.rarity{margin-left:6px;font:700 10px/1 var(--font);letter-spacing:.12em;text-transform:uppercase}.rarity.r-common{color:var(--ash)}.rarity.r-rare{color:#6fb4ff}.rarity.r-epic{color:#c48cff}.rarity.r-legendary{color:#ffb35a}.wd-titles .hint{margin-top:0}.wd-title-group h3{margin:14px 0 6px}.wd-title-group ul{margin:0;padding:0;list-style:none}.wd-title-group li{display:flex;gap:12px;align-items:baseline;padding:3px 0;color:var(--ash)}.wd-title-group li b{min-width:160px;color:var(--ash-lo)}.wd-title-group li.owned b{color:var(--brass-hi)}.wd-title-group li .hint{margin:0}.wd-store .notice{margin-bottom:10px;padding:8px 12px;border:1px solid var(--brass-lo);background:#3c1e0c59}.wd-store .notice.good{border-color:#6cc95a80;background:#1e3c1459}.wd-store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.wd-offer{display:flex;flex-direction:column;gap:6px;padding:12px;background:linear-gradient(180deg,#28221d99,#14121099);border:1px solid var(--iron-4)}.wd-offer.owned{opacity:.7}.wd-offer-swatches{display:flex;gap:2px;min-height:26px}.wd-offer .wd-card-desc{flex:1}.wd-offer-foot{display:flex;justify-content:space-between;align-items:center}.wd-price{font:700 16px/1 var(--font-display);color:var(--brass-hi)}.wd-pass{display:flex;flex-direction:column;gap:10px;max-width:560px;padding:14px 16px;border:1px solid var(--brass-lo);background:radial-gradient(ellipse 80% 120% at 0% 0%,rgba(240,105,30,.16),transparent 60%),linear-gradient(180deg,#28221db3,#141210b3)}.wd-pass-head{display:flex;gap:12px;align-items:flex-start}.wd-pass-name{margin-bottom:4px;font:600 20px/1.1 var(--font-display);color:var(--brass-hi)}.wd-pass-list{margin:0;padding-left:18px;font-size:14px}.wd-pass-list li{margin:3px 0}.wd-pass .wd-offer-foot{gap:12px}.wd-pass .wd-offer-foot .hint{flex:1;margin:0}.wd-list>.pass-notice{margin-bottom:8px}.wd-purchases{width:100%;border-collapse:collapse}.wd-purchases th,.wd-purchases td{padding:6px 8px;text-align:left;border-bottom:1px solid var(--iron-4)}.wd-purchases th{font:700 11px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--ash)}.wd-purchases .st-paid{color:var(--good)}.wd-purchases .st-expired,.wd-purchases .st-refunded{color:var(--ash-lo)}.chat-tabs{display:flex;gap:2px;opacity:0;transition:opacity .15s}.chat.open .chat-tabs,.chat:hover .chat-tabs{opacity:1}.chat-tabs button{background:#0c0b0ab3;border:1px solid var(--iron-4);color:var(--ash);font:700 10px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;cursor:var(--cursor-select)}.chat-tabs button.on{color:var(--brass-hi);border-color:var(--brass-lo)}.chat-line.ch-party{color:#8fc8ff}.chat-line.ch-whisper{color:#e7a0f0}.chat-name.clickable{cursor:var(--cursor-select)}.chat-name.clickable:hover{text-decoration:underline}.chat-bot{font-weight:400;opacity:.6}.chat-ch.ch-party{color:#8fc8ff}.chat-ch.ch-whisper{color:#e7a0f0;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combat-log{font-size:12.5px}.combat-log .cl-time{color:var(--ash-lo);font-variant-numeric:tabular-nums}.chat-line.cl-dmg{color:#f0b0a0}.chat-line.cl-heal{color:#a8e8a0}.chat-line.cl-interrupt,.chat-line.cl-dispel{color:#ffd860}.chat-line.cl-death{color:var(--bad);font-weight:700}.player-menu{position:fixed;z-index:60;min-width:180px;padding:6px;display:flex;flex-direction:column}.player-menu .pm-name{font:700 15px/1.2 var(--font-display);color:var(--brass-hi);padding:4px 8px 6px;border-bottom:1px solid var(--iron-4);margin-bottom:4px}.player-menu button{background:none;border:0;color:var(--bone);text-align:left;font:14px/1.2 var(--font);padding:5px 8px;cursor:var(--cursor-select)}.player-menu button:hover{background:#b8955a29;color:var(--brass-hi)}.player-menu button.danger{color:var(--bad)}.player-menu .pm-sep{margin-top:4px;padding:4px 8px 2px;border-top:1px solid var(--iron-4);font:700 10px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--ash-lo)}.report-dialog,.invite-popup{position:fixed;left:50%;top:28%;transform:translate(-50%);z-index:55;width:380px;text-align:center}.report-dialog{width:420px;text-align:left}.report-dialog .radio{display:flex;gap:8px;align-items:center;cursor:var(--cursor-select)}.invite-popup .hint{margin-top:6px}.panel.window.social-panel{left:auto;right:16px;width:360px;transform:none}.social-panel .win-body{padding:6px 12px 14px}.soc-section{padding:10px 0 12px}.soc-section+.soc-section{border-top:1px solid var(--iron-3)}.soc-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;font:700 10.5px/1 var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--ash)}.soc-count{padding:2px 6px;font-size:10.5px;letter-spacing:.04em;color:var(--bone);background:#00000059;border:1px solid var(--iron-4)}.soc-count.hot{color:var(--soot);background:var(--ember-hi);border-color:var(--ember-hi)}.soc-section.requests{margin:4px -12px 0;padding:10px 12px 12px;background:linear-gradient(180deg,rgba(240,105,30,.1),transparent)}details.soc-section>summary.soc-head{margin:0;list-style:none;cursor:pointer}details.soc-section>summary::-webkit-details-marker{display:none}details.soc-section>summary:after{content:"▸";margin-left:auto;font-size:12px}details.soc-section[open]>summary:after{content:"▾"}details.soc-section[open]>summary{margin-bottom:8px}.inline-add{display:flex;gap:6px;margin-top:8px}.inline-add input{flex:1;min-width:0;padding:6px 9px;font-size:14px}.friend-list+.inline-add,.soc-head+.inline-add{margin-top:0;margin-bottom:8px}.panel .soc-empty{margin:4px 0 0;font-size:13.5px;color:var(--ash)}.fr-actions{display:flex;gap:4px;flex:none}@media(hover:hover){.social-panel .friend-row .fr-actions{opacity:0;transition:opacity .12s}.social-panel .friend-row:hover .fr-actions,.social-panel .friend-row:focus-within .fr-actions{opacity:1}}.friend-row .fr-main>:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.friend-row .fr-main .hint{margin:0;font-size:12.5px}.party-foot{display:flex;align-items:center;gap:8px;margin-top:4px}.party-foot .hint{flex:1;margin:0}.friend-list{display:flex;flex-direction:column;gap:3px}.friend-row{display:flex;align-items:center;gap:8px;padding:5px 8px;background:#0c0b0a73;border-left:2px solid var(--iron-4)}.friend-row.online{border-left-color:var(--good)}.friend-row.offline{opacity:.6}.fr-main{flex:1;display:flex;flex-direction:column;min-width:0}.presence-dot{width:7px;height:7px;transform:rotate(45deg);background:var(--iron-5);flex:none}.friend-row.online .presence-dot{background:var(--good);box-shadow:0 0 6px var(--good)}.leader-mark{display:inline-block;width:8px;height:8px;margin-right:5px;transform:rotate(45deg);background:var(--ember-hi);box-shadow:0 0 5px var(--ember)}.party-section{display:flex;flex-direction:column;gap:3px}.party-section .friend-row{padding-left:4px}.ignore-list{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;gap:4px;align-items:center;padding:2px 8px;border:1px solid var(--iron-4);background:#0c0b0a80}.party-frames{position:absolute;left:14px;top:150px;display:flex;flex-direction:column;gap:4px;width:170px}.pf{padding:4px 7px;background:#0c0b0ab3;border:1px solid var(--iron-4);cursor:var(--cursor-select)}.pf.away{opacity:.65}.pf-name{font:700 13px/1.2 var(--font);text-shadow:var(--outline-text)}.pf-bar{height:5px;margin-top:3px;background:#000}.pf-bar>div{height:100%;background:var(--hp-friend)}.pf-where{font-size:11px;color:var(--ash)}.duel-status{position:absolute;top:84px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center;padding:6px 14px;background:#0c0b0ac7;border:1px solid var(--brass-lo);text-shadow:var(--outline-text);white-space:nowrap}.duel-status.fighting{border-color:var(--ember);box-shadow:0 0 14px #f0691e59}.herald-bracket+.herald-bracket{margin-top:16px}.live-match{margin-bottom:8px;padding:10px 12px 12px;background:linear-gradient(180deg,#28221d99,#14121099);border:1px solid var(--iron-4);border-left:2px solid var(--ember)}.lm-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.lm-head .hint{flex:1;margin:0}.lm-arena{font:600 16px/1 var(--font-display);color:var(--brass-hi)}.live-dot{width:8px;height:8px;flex:none;background:#ff5a3a;transform:rotate(45deg);animation:searching 1.6s ease-in-out infinite}.lm-teams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center}.lm-vs{font:700 italic 18px/1 var(--font-display);color:var(--ash-lo)}.lm-team{display:flex;flex-direction:column;gap:4px}.lm-fighter{display:flex;align-items:center;gap:8px;min-width:0}.lm-team.team-1 .lm-fighter{flex-direction:row-reverse}.lm-name{overflow:hidden;font:600 15px/1.1 var(--font-display);white-space:nowrap;text-overflow:ellipsis}.lm-fighter .hint{margin:0;font-size:12.5px}.spec-banner{position:absolute;top:12px;left:14px;display:flex;gap:10px;align-items:center;padding:6px 12px;background:#0c0b0acc;border:1px solid var(--brass-lo);z-index:5}.spec-eye{width:9px;height:9px;transform:rotate(45deg);background:#b48cff;box-shadow:0 0 8px #b48cff}.spec-follow{position:absolute;bottom:112px;left:50%;transform:translate(-50%);display:flex;gap:18px;align-items:center}.spec-team{display:flex;gap:4px}.spec-fighter{background:#0c0b0abf;border:1px solid var(--iron-4);font:700 13px/1 var(--font);padding:5px 9px;cursor:var(--cursor-select);text-shadow:var(--outline-text)}.spec-fighter.on{border-color:var(--brass-hi);box-shadow:0 0 8px #ead39c66}.spec-fighter.dead{opacity:.45;text-decoration:line-through}.spec-bar{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;gap:3px}.spec-bar .slot.small{width:38px;height:38px}.announce-banner{position:absolute;top:34px;left:50%;transform:translate(-50%);max-width:720px;display:flex;gap:10px;align-items:center;padding:7px 10px 7px 14px;background:linear-gradient(180deg,#3c1e0cf0,#1e1008f0);border:1px solid var(--ember);box-shadow:0 0 18px #f0691e4d;z-index:6}.announce-banner.match,.announce-banner.spectate{top:12px;left:14px;transform:none;max-width:440px}.announce-banner.spectate{top:56px}.announce-banner .ab-tag{font:700 10px/1 var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--ember-hi)}.announce-banner .ab-text{color:var(--bone)}.title-picker{min-width:200px}.hud>.hud-layer{position:absolute;inset:0;pointer-events:none}.hud-layer>*{pointer-events:auto}.hud-layer.editing>:not(.hud-handle){pointer-events:none}.hud-handle{position:absolute;z-index:5;outline:2px dashed rgba(240,207,138,.85);outline-offset:3px;background:#f0691e14;cursor:move;touch-action:none}.hud-handle:hover{background:#f0691e2e}.hud-handle>span{position:absolute;left:-3px;top:-24px;padding:2px 8px;white-space:nowrap;background:#0c0b0a;border:1px solid rgba(240,207,138,.6);color:#f0cf8a;font:700 11px/16px var(--font);letter-spacing:.08em;text-transform:uppercase}.hud-placeholder{display:grid;place-items:center;border:1px solid rgba(240,207,138,.35);background:#0c0b0ab3;color:#a8998a;font:600 12px/1 var(--font);letter-spacing:.12em;text-transform:uppercase}.hud-editbar{position:absolute;top:64px;left:50%;z-index:20;display:flex;gap:10px;align-items:center;padding:8px 12px;transform:translate(-50%);pointer-events:auto;background:#0c0b0aeb;border:1px solid rgba(240,207,138,.6);color:#e8dcc8;font:500 14px/1.3 var(--font)}.tutorial-coach,.tutorial-prompt{position:absolute;z-index:15;pointer-events:auto;background:#0c0b0ae6;border:1px solid rgba(240,207,138,.5);color:#e8dcc8;font:15px/1.35 var(--font)}.tutorial-coach{top:26%;right:16px;width:300px;padding:10px 14px 12px}.tc-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;font:600 18px/1.2 var(--font-display);color:#f0cf8a}.tc-steps{margin:0;padding:0;list-style:none;counter-reset:step}.tc-steps li{position:relative;padding:4px 0 4px 26px;counter-increment:step;color:#a89c8a}.tc-steps li:before{content:counter(step);position:absolute;left:0;top:4px;width:18px;height:18px;border:1px solid currentColor;border-radius:50%;font:700 11px/16px var(--font);text-align:center}.tc-steps li.done{color:#7fbf6a}.tc-steps li.done:before{content:"✓"}.tc-steps li.current{color:#f6ecd9}.tc-title{display:block;font-weight:700}.tc-detail{display:block;margin-top:2px;font-size:14px;color:#d6cab6}.tc-note{margin-top:8px;font-size:13px;font-style:italic;color:#a89c8a}.tc-done p{margin:8px 0 10px;font-size:14px}.tutorial-coach.town-tour{top:76px}.tc-next{margin-top:8px}.tc-more{margin:0 0 10px;padding-left:16px;font-size:13.5px;color:#d6cab6}.tc-more li{margin:3px 0}.tc-more b{color:#f0cf8a}.town-menu .tm-btn.tour-pulse{color:var(--brass-hi);animation:tour-pulse 1.1s ease-in-out infinite alternate}.town-menu .tm-btn.tour-pulse svg{color:var(--brass-hi)}@keyframes tour-pulse{0%{--edge: var(--brass);box-shadow:inset 0 0 #ffb05000}to{--edge: #ffb050;box-shadow:inset 0 0 14px #ffb0508c}}.nameplate.beacon:before{content:"";width:0;height:0;margin-bottom:4px;border:11px solid transparent;border-bottom:0;border-top:16px solid #ffb050;filter:drop-shadow(0 0 6px rgba(255,150,40,.9)) drop-shadow(0 1px 1px #000);animation:tour-bob .9s ease-in-out infinite alternate}@keyframes tour-bob{to{transform:translateY(-8px)}}.beacon-pointer{position:absolute;left:0;top:0;width:0;height:0;border:14px solid transparent;border-right:0;border-left:24px solid #ffb050;filter:drop-shadow(0 0 8px rgba(255,150,40,.9)) drop-shadow(0 1px 1px #000);pointer-events:none;will-change:transform}.tutorial-prompt{top:72px;left:50%;display:flex;gap:10px;align-items:center;max-width:min(720px,calc(100vw - 32px));padding:10px 14px;transform:translate(-50%)}.tp-text{flex:1;font-size:14px}@font-face{font-family:Grenze;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/grenze-latin-500-normal-DL-xG-Kk.woff2) format("woff2"),url(/assets/grenze-latin-500-normal-DIUQYaEm.woff) format("woff")}@font-face{font-family:Grenze;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/grenze-latin-600-normal-TzCP4au2.woff2) format("woff2"),url(/assets/grenze-latin-600-normal-CBR8rAgh.woff) format("woff")}@font-face{font-family:Grenze;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/grenze-latin-700-normal-BhnHXdwr.woff2) format("woff2"),url(/assets/grenze-latin-700-normal-DB8gb8RH.woff) format("woff")}@font-face{font-family:Grenze;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/grenze-latin-800-normal-CYs5Bn-d.woff2) format("woff2"),url(/assets/grenze-latin-800-normal-DpunluGN.woff) format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-sans-latin-400-normal-DtLlO8BS.woff2) format("woff2"),url(/assets/alegreya-sans-latin-400-normal-DmA8jeke.woff) format("woff")}@font-face{font-family:Alegreya Sans;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/alegreya-sans-latin-400-italic-rmlAbObI.woff2) format("woff2"),url(/assets/alegreya-sans-latin-400-italic-CgbdrOqg.woff) format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-latin-500-normal-DS713u5J.woff2) format("woff2"),url(/assets/alegreya-sans-latin-500-normal-vXxrTKJT.woff) format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-sans-latin-700-normal-DEbcy2sF.woff2) format("woff2"),url(/assets/alegreya-sans-latin-700-normal-BnzUNlma.woff) format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/alegreya-sans-latin-800-normal-CpHsWMQ0.woff2) format("woff2"),url(/assets/alegreya-sans-latin-800-normal-17etSahV.woff) format("woff")}@property --edge{syntax: "<color>"; inherits: false; initial-value: #6e5838;}:root{--soot: #0c0b0a;--iron-0: #131110;--iron-1: #191614;--iron-2: #211d19;--iron-3: #2d2721;--iron-4: #3f362d;--iron-5: #574a3c;--brass-lo: #6e5838;--brass: #b8955a;--brass-hi: #ead39c;--ember-lo: #7a2a0a;--ember: #f0691e;--ember-hi: #ffb35a;--bone: #ece3d0;--ash: #a8998a;--ash-lo: #75695d;--good: #6cc95a;--ok: #e8c040;--bad: #e85a40;--hp-friend: #4aa843;--hp-foe: #c23b2c;--mana: #3a6fd8;--rage: #c8352e;--energy: #e2bf3a;--font: "Alegreya Sans", "Segoe UI", system-ui, sans-serif;--font-display: "Grenze", Georgia, "Times New Roman", serif;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 0.9 0 0 0 0 0.75 0 0 0 0.07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--plate: linear-gradient(180deg, rgba(36, 31, 27, .96), rgba(20, 18, 16, .96));--caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0 L5 6 L10 0 Z' fill='%23b8955a'/%3E%3C/svg%3E");--outline-text: 0 0 2px #000, 0 1px 2px #000, 0 0 1px #000;--cursor-default: url(/cursors/pointer.svg) 2 2, default;--cursor-select: url(/cursors/select.svg) 2 2, pointer}:where(.forged,.btn,.x,select,.form-col input,.form-row input,.chat-form input,.chat-ch,.panel,.tooltip,.unitframe,.uf-socket,.af,.af-portrait,.aura,.dr,.actionbar,.slot,.castbar.big,.match-clock,.ctf-hud,.subtitle,.ready-check,.queue-status,.restart-banner,.roster-tile,.bracket-tile,.book-entry,.talent,.np-bubble,.card,.portrait-socket,.opponent,.hero-row,.hero-detail,.save-callout,.profile-card){--cut: 8px;--edge: var(--brass-lo);--fill: var(--plate);--band: transparent calc(50% - 1px) , var(--edge) 0 calc(50% + 1.25px) , transparent 0;border:1px solid var(--edge);border-radius:0;clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut));background:linear-gradient(135deg,var(--band)) left top / var(--cut) var(--cut) no-repeat border-box,linear-gradient(225deg,var(--band)) right top / var(--cut) var(--cut) no-repeat border-box,linear-gradient(315deg,var(--band)) right bottom / var(--cut) var(--cut) no-repeat border-box,linear-gradient(45deg,var(--band)) left bottom / var(--cut) var(--cut) no-repeat border-box,var(--fill)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--soot);color:var(--bone);font:15px/1.35 var(--font);font-variant-numeric:lining-nums;user-select:none;-webkit-font-smoothing:antialiased;cursor:var(--cursor-default)}#game{position:fixed;inset:0;width:100vw;height:100vh;display:block;outline:none}#game[data-cursor=combat]{cursor:url(/cursors/combat.svg) 2 2,default}#game[data-cursor=attack]{cursor:url(/cursors/attack.svg) 2 2,crosshair}#game[data-cursor=attack-far]{cursor:url(/cursors/attack-far.svg) 2 2,not-allowed}#game[data-cursor=attacking]{cursor:url(/cursors/attacking.svg) 2 2,crosshair}#game[data-cursor=interact]{cursor:url(/cursors/interact.svg) 2 2,pointer}#game[data-cursor=interact-far]{cursor:url(/cursors/interact-far.svg) 2 2,not-allowed}#game[data-cursor=select]{cursor:var(--cursor-select)}#game[data-cursor=ground]{cursor:url(/cursors/ground.svg) 16 16,crosshair}#ui{position:fixed;inset:0;pointer-events:none}#hud-root,.ingame{position:absolute;inset:0}#hud-root{z-index:1}.ingame>*,.hud>*{pointer-events:auto}.hud{position:absolute;inset:0;pointer-events:none}button{font:inherit;color:inherit;cursor:var(--cursor-select)}input,select,textarea{font:inherit;color:var(--bone)}.btn{--cut: 7px;--edge: var(--iron-5);--fill: linear-gradient(180deg, #342d26, #1d1915);padding:8px 18px 7px;font:700 13px/1.2 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--bone);box-shadow:inset 0 1px #ffecc814;transition:--edge .15s,color .15s}.btn:hover,.btn:focus-visible{--edge: var(--brass);color:var(--brass-hi);outline:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{--edge: #c8742e;--fill: radial-gradient(ellipse 90% 80% at 50% 120%, rgba(255, 130, 36, .6), transparent 72%), linear-gradient(180deg, #4a2412, #23110a);color:#ffe6c0;text-shadow:0 0 10px rgba(255,140,50,.45),0 1px 0 #000;box-shadow:inset 0 1px #ffd29647}.btn.primary:hover,.btn.primary:focus-visible{--edge: var(--ember-hi);--fill: radial-gradient(ellipse 100% 90% at 50% 120%, rgba(255, 150, 50, .85), transparent 75%), linear-gradient(180deg, #5a2c14, #2a140a);color:#fff3dc}.btn.big{--cut: 11px;font-size:16px;letter-spacing:.14em;padding:15px 44px 14px}.btn.small{--cut: 5px;padding:4px 10px 3px;font-size:11px}.btn.ghost{--edge: var(--iron-4);--fill: transparent;box-shadow:none}.btn.danger{--edge: #7a2e22;color:#f0a490}.btn.danger:hover{--edge: #c8483a;color:#ffc0b0}.btn:disabled{opacity:.45;filter:saturate(.4);cursor:var(--cursor-default)}.btn:disabled:hover{--edge: var(--iron-5);color:var(--bone)}.btn.primary:disabled:hover{--edge: #c8742e;color:#ffe6c0}.linkish{background:none;border:none;padding:0;color:var(--brass-hi);text-decoration:underline dotted;text-underline-offset:3px}.linkish:hover{color:var(--ember-hi)}.x{--cut: 5px;--edge: var(--iron-4);--fill: transparent;width:28px;height:28px;padding:0;font-size:20px;line-height:1;color:var(--ash);transition:--edge .15s,color .15s}.x:hover{--edge: var(--brass);color:var(--bone)}select,.form-col input,.form-row input,.chat-form input{--cut: 5px;--edge: var(--iron-4);--fill: var(--soot);padding:6px 10px;outline:none;box-shadow:inset 0 1px 3px #0009;transition:--edge .15s}select{--fill: var(--caret) right 9px center / 10px 6px no-repeat, var(--soot);appearance:none;padding-right:28px;cursor:var(--cursor-select)}select:hover,select:focus,.form-col input:focus,.form-row input:focus,.chat-form input:focus{--edge: var(--brass)}select option{background:var(--iron-1);color:var(--bone)}.form-col input,.form-row input,.chat-form input{user-select:text}::placeholder{color:var(--ash-lo)}input[type=range]{appearance:none;background:transparent;height:18px;margin:0;cursor:var(--cursor-select)}input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--soot);border:1px solid var(--iron-4)}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;margin-top:-5px;background:linear-gradient(135deg,var(--brass-hi),var(--brass) 50%,var(--brass-lo));border:1px solid #000;transform:rotate(45deg)}input[type=range]:hover::-webkit-slider-thumb{background:linear-gradient(135deg,#fff0c8,var(--ember-hi) 50%,var(--ember))}input[type=range]::-moz-range-track{height:4px;background:var(--soot);border:1px solid var(--iron-4)}input[type=range]::-moz-range-progress{height:4px;background:var(--brass-lo)}input[type=range]::-moz-range-thumb{width:9px;height:9px;border-radius:0;background:var(--brass);border:1px solid #000;transform:rotate(45deg)}input[type=checkbox]{appearance:none;width:16px;height:16px;margin:0;display:grid;place-content:center;background:var(--soot);border:1px solid var(--iron-5);cursor:var(--cursor-select);transition:border-color .15s}input[type=checkbox]:before{content:"";width:7px;height:7px;background:var(--ember);box-shadow:0 0 6px var(--ember);transform:rotate(45deg) scale(0);transition:transform .12s}input[type=checkbox]:hover{border-color:var(--brass)}input[type=checkbox]:checked{border-color:var(--brass)}input[type=checkbox]:checked:before{transform:rotate(45deg) scale(1)}.form-col{display:flex;flex-direction:column;gap:8px;max-width:340px}.form-col.signin{margin:18px auto 0}.form-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.form-err{color:#ff8a72;font-size:14px;width:100%}.form-ok{color:var(--good);font-size:14px}.hint{color:var(--ash);font-size:13.5px;margin:4px 0 10px}.panel h3,.title-card h3,.title-rail h3{display:flex;align-items:center;gap:12px;margin:18px 0 8px;font:700 11px/1 var(--font);letter-spacing:.22em;text-transform:uppercase;color:var(--ash)}.panel h3:after,.title-card h3:after,.title-card h3:before,.title-rail h3:after,.title-rail h3:before{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--iron-5),transparent)}.title-card h3:before,.title-rail h3:before{background:linear-gradient(270deg,var(--iron-5),transparent)}.tabs{display:flex;gap:2px;align-items:flex-end;margin-bottom:14px;border-bottom:1px solid var(--iron-4)}.tabs button{background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;padding:6px 14px 7px;font:700 12px/1 var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--ash);transition:color .15s,border-color .15s}.tabs button:hover{color:var(--bone)}.tabs button.on{color:var(--brass-hi);border-bottom-color:var(--ember)}.tab-badge{display:inline-block;margin-left:7px;padding:2px 5px 1px;font:700 10px/1 var(--font);letter-spacing:.04em;color:var(--ash);background:var(--iron-2);border:1px solid var(--iron-4);vertical-align:1px}.tabs button.on .tab-badge{color:var(--brass-hi);border-color:var(--brass-lo)}.tabs-extra{margin-left:auto;align-self:center;padding-bottom:5px}.tabs-extra select{font-size:13px;padding-top:4px;padding-bottom:4px}.label{margin:0 0 8px;font:700 10.5px/1 var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--ash)}.field{display:flex;flex-direction:column;gap:7px}.field>.label{margin:0}.tag{display:inline-flex;align-items:center;flex:none;padding:3px 7px 2px;font:700 10px/1.1 var(--font);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--ash);background:#0000004d;border:1px solid var(--iron-5)}.tag.hot{color:var(--ember-hi);background:#f0691e1a;border-color:#f0691e99}.tag.ok{color:var(--good);border-color:#6cc95a73}.tag.warn{color:var(--ok);border-color:#e8c04073}.notice{margin:0 0 12px;padding:8px 12px;font-size:14px;border-left:2px solid var(--brass);background:#b8955a14}.notice.ok{border-left-color:var(--good);background:#6cc95a14}.notice.bad{border-left-color:var(--bad);background:#e85a401a}.notice.warn{border-left-color:var(--ok);background:#e8c04014}.stat{display:flex;flex-direction:column;gap:4px;min-width:0}.stat-label{font:700 9.5px/1 var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--ash-lo)}.stat-value{font:600 18px/1.1 var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--bone)}.stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:14px 0;background:var(--iron-4);border:1px solid var(--iron-4)}.stat-strip .stat{padding:8px 12px;background:var(--iron-1)}.seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:2px;background:var(--soot);border:1px solid var(--iron-4);box-shadow:inset 0 1px 3px #0009}.seg button{padding:5px 12px 4px;background:none;border:none;font:700 11.5px/1.2 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--ash);transition:color .15s,background-color .15s}.seg button:hover{color:var(--bone);background-color:var(--iron-2)}.seg button.on{color:var(--brass-hi);background:linear-gradient(180deg,var(--iron-4),var(--iron-2));box-shadow:inset 0 -2px 0 var(--ember)}.empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 20px;text-align:center}.empty-icon{margin-bottom:4px}.empty-title{font:600 20px/1.1 var(--font-display);color:var(--brass-hi)}.empty-text{max-width:380px;font-size:14px;color:var(--ash)}.portrait-socket{--cut: 4px;--edge: var(--cc, var(--brass-lo));--fill: var(--soot);display:inline-flex;flex:none;padding:2px;line-height:0}.portrait-socket.lg{--cut: 12px;padding:4px;--fill: radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--cc) 30%, transparent), transparent 70%), var(--soot)}kbd{display:inline-block;padding:2px 5px 1px;font:700 11px/1 var(--font);color:var(--bone);background:var(--iron-2);border:1px solid var(--iron-5);border-bottom-width:2px}.title-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:radial-gradient(ellipse 70% 42% at 50% 112%,rgba(240,105,30,.3),transparent 72%),radial-gradient(ellipse 90% 80% at 50% 40%,#0c0b0a80,#0c0b0af2 75%)}.title-screen:before{content:"";position:absolute;inset:0;background:var(--grain);pointer-events:none}.title-card{position:relative;width:min(1000px,94vw);text-align:center;padding:24px 32px}.title-card.narrow{width:min(520px,92vw)}.title-card p{color:var(--bone);font-size:16px}.wordmark{display:flex;flex-direction:column;align-items:center;margin-bottom:18px}.crucible-mark{display:block;filter:drop-shadow(0 0 14px rgba(240,105,30,.35))}.logo{margin:0;font-size:96px;line-height:0}.logo svg{height:1.17em;overflow:visible;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6)) drop-shadow(0 0 28px rgba(240,105,30,.2))}.logo text{font:800 100px/1 var(--font-display);letter-spacing:2px}.title-actions{display:flex;gap:12px;justify-content:center;margin-top:20px;flex-wrap:wrap}.account-line{margin-top:10px;color:var(--ash);font-size:14px}.title-screen.home{justify-content:flex-start;align-items:stretch;background:linear-gradient(90deg,#0c0b0af0,#0c0b0ad1 460px,#0c0b0a00 780px),radial-gradient(ellipse 85% 95% at 64% 50%,transparent 55%,rgba(12,11,10,.75))}.title-screen.home:before{opacity:.6}.title-rail{position:relative;display:flex;flex-direction:column;justify-content:center;gap:26px;width:520px;padding:36px 60px;overflow-y:auto;animation:rail-in .6s ease-out both}.title-rail:after{content:"";position:absolute;top:12%;bottom:12%;right:0;width:1px;background:linear-gradient(180deg,transparent,var(--brass-lo),transparent);opacity:.6}@keyframes rail-in{0%{opacity:0;transform:translate(-24px)}}.title-rail .wordmark{margin-bottom:0}.title-rail .logo{font-size:76px}.title-rail h3,.title-rail .title-actions{margin-top:0}.title-rail .online-entry .btn.big{width:100%}.title-rail .account-line{text-align:center}.title-rail .form-col.signin{max-width:none;margin:0}.title-rail .form-col.signin .title-actions{justify-content:stretch}.title-rail .form-col.signin .btn{flex:1}.practice-grid{display:grid;grid-template-columns:1.1fr .9fr 1.3fr;gap:8px;text-align:left}.practice-grid select{width:100%;min-width:0}.practice-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.version{margin-top:22px;font:600 12px/1 var(--font-display);letter-spacing:.2em;color:var(--ash-lo)}.title-screen.home .version{position:absolute;right:22px;bottom:16px;margin:0}.hero-roster{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.roster-tile{--cut: 9px;--edge: color-mix(in srgb, var(--cc) 30%, var(--iron-4));--fill: linear-gradient(180deg, rgba(36, 31, 27, .9), rgba(14, 12, 11, .9));display:grid;place-items:center;aspect-ratio:1;padding:0;line-height:0;transition:--edge .15s,transform .15s}.roster-tile .icon{filter:saturate(.5) brightness(.75);transition:filter .15s}.roster-tile:hover{--edge: color-mix(in srgb, var(--cc) 70%, var(--iron-4));transform:translateY(-2px)}.roster-tile:hover .icon,.roster-tile.on .icon{filter:none}.roster-tile.on{--edge: var(--cc);--fill: radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--cc) 34%, transparent), transparent 72%), linear-gradient(180deg, rgba(40, 34, 28, .96), rgba(20, 17, 15, .96));box-shadow:inset 0 -2px 0 var(--cc)}.hero-blurb{min-height:74px;margin-top:12px;text-align:left}.cc-name{display:flex;align-items:baseline;font:600 24px/1.05 var(--font-display);color:var(--cc)}.cc-role{margin-left:auto;font:700 10px/1.2 var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--ash)}.cc-play{margin-top:6px;font-size:14px;line-height:1.35;color:#d8ccb6}.stars{margin-left:6px;font-size:10px;letter-spacing:1px;color:var(--iron-4);vertical-align:3px}.stars .on{color:var(--ember-hi)}.hud-player{position:absolute;left:50%;bottom:190px;transform:translate(-108%)}.hud-target{position:absolute;left:50%;bottom:190px;transform:translate(8%)}.hud-tot{position:absolute;right:-150px;top:4px}.hud-focus{position:absolute;left:50%;top:22%;transform:translate(40%)}.hud-party{position:absolute;left:16px;top:30%}.hud-arena{position:absolute;right:16px;top:28%}.unitframe{--cut: 12px;--fill: radial-gradient( 120% 140% at 0% 0%, color-mix(in srgb, var(--pl-edge, #3a3026) 16%, transparent), transparent 60% ), linear-gradient(180deg, rgba(34, 30, 26, .94), rgba(14, 12, 11, .95));display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:4px 11px;width:316px;padding:8px 11px 8px 8px;box-shadow:inset 0 1px #ffecc812,inset 0 0 22px color-mix(in srgb,var(--pl-glow, transparent) 60%,transparent);cursor:var(--cursor-select)}.unitframe.uf-target,.unitframe.uf-focus{width:296px}.unitframe.uf-target.hostile,.unitframe.uf-focus.hostile{--edge: #7a3424}.unitframe.uf-tot{--cut: 7px;width:140px;padding:3px 6px 3px 3px;gap:2px 6px}.unitframe.uf-focus{width:230px}.unitframe.dead{filter:grayscale(.85) brightness(.8)}.unitframe.uf-stepped{--l: 70px;--s: 10px;--c: 9px;position:relative;display:block;padding:0;border:0;clip-path:none;background:none;box-shadow:none}.uf-plate{--edge: var(--pl-edge, var(--brass-lo));--pl: var(--l);--pc: var(--c);position:relative;isolation:isolate;display:grid;grid-template-columns:var(--l) 1fr;align-items:center;background:linear-gradient(180deg,color-mix(in srgb,var(--edge),#fff 30%),var(--edge) 35%,color-mix(in srgb,var(--edge),#000 35%))}.hostile .uf-plate{--edge: var(--pl-edge, #7a3424)}.uf-plate,.uf-plate:after{clip-path:polygon(var(--pc) 0,calc(var(--pl) - var(--s)) 0,var(--pl) var(--s),calc(100% - var(--pc)) var(--s),100% calc(var(--s) + var(--pc)),100% calc(100% - var(--s) - var(--pc)),calc(100% - var(--pc)) calc(100% - var(--s)),var(--pl) calc(100% - var(--s)),calc(var(--pl) - var(--s)) 100%,var(--pc) 100%,0 calc(100% - var(--pc)),0 var(--pc))}.uf-plate:after{--pl: calc(var(--l) - 1.4px);--pc: calc(var(--c) - .6px);content:"";position:absolute;inset:1px;z-index:-1;background:radial-gradient(90px 70px at 0 50%,color-mix(in srgb,var(--pl-glow, var(--cc, transparent)) 45%,transparent),transparent),linear-gradient(180deg,#28231ef2,#0e0c0bf5)}.uf-stepped .uf-portrait{grid-row:auto;align-self:center;justify-self:center;margin:6px 0}.uf-stepped .uf-bars{gap:3px;padding:0 9px 0 2px}.uf-stepped .uf-hp{height:22px}.uf-stepped .uf-power{height:10px}.uf-stepped .uf-power .uf-bar-text{line-height:9px}.uf-hp-over{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 7px;text-shadow:var(--outline-text);white-space:nowrap}.uf-hp-id{display:flex;align-items:center;gap:5px;min-width:0}.uf-hp-over .rank-badge{height:15px;min-width:19px;font-size:10.5px}.uf-hp-name{min-width:0;overflow:hidden;text-overflow:ellipsis;font:600 15px/1 var(--font-display);color:#fff6e6}.uf-hp-val{flex:none;font:700 11.5px/1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#f2ead8}.uf-under{display:flex;flex-direction:column;gap:3px;margin:3px 0 0 calc(var(--l) - 2px)}.uf-under:not(:has(.castbar,.aura)){display:none}.uf-portrait{position:relative;width:fit-content;height:fit-content;line-height:0;grid-row:1 / span 2;align-self:start}.uf-medal{--ring: var(--pl-edge, var(--cc));--oct: polygon(16% 0, 84% 0, 100% 16%, 100% 84%, 84% 100%, 16% 100%, 0 84%, 0 16%);padding:2px;clip-path:var(--oct);background:linear-gradient(160deg,color-mix(in srgb,var(--ring),#fff 35%),var(--ring) 40%,color-mix(in srgb,var(--ring),#000 60%))}.uf-portrait:has(.uf-medal){filter:drop-shadow(0 0 7px var(--pl-glow, rgba(0, 0, 0, .6))) drop-shadow(0 2px 3px rgba(0,0,0,.7))}.uf-medal-in{display:grid;place-items:center;clip-path:var(--oct);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--cc) 50%,#2a2018),#0b0908 76%),#0b0908;box-shadow:inset 0 0 12px #000000d9}.uf-face{display:block}.uf-class{--cut: 5px;--edge: color-mix(in srgb, var(--cc), #000 25%);--fill: #0b0908;position:absolute;right:-1px;bottom:1px;line-height:0;padding:1px}.uf-socket{--cut: 8px;--edge: var(--cc);--fill: var(--soot)}.uf-tot .uf-socket{--cut: 5px}.uf-combo{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);display:flex;gap:3px}.uf-combo span{width:7px;height:7px;background:var(--iron-3);border:1px solid #000;transform:rotate(45deg)}.uf-combo span.on{background:var(--ember-hi);box-shadow:0 0 6px var(--ember)}.uf-bars{display:flex;flex-direction:column;gap:3px;min-width:0}.uf-name{display:flex;justify-content:space-between;align-items:baseline;font:600 16px/1.1 var(--font-display);text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden}.uf-tot .uf-name{font-size:13px}.uf-hp,.uf-power{position:relative;height:18px;background:linear-gradient(180deg,#070606,#141210);border:1px solid #000;box-shadow:0 0 0 1px #6e58384d;overflow:hidden}.uf-power,.uf-hp.small{height:9px}.uf-power.tiny{height:5px}.uf-tot .uf-hp{height:8px}.uf-hp:after{content:"";position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(0,0,0,.35) calc(10% - 1px) 10%);pointer-events:none}.uf-hp-chip{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#fff2d6,#e8b070);opacity:.75;transition:width .5s ease-in .35s}.uf-hp-fill{position:relative}.uf-hp-fill,.uf-power-fill{height:100%;transition:width .12s linear;background-image:linear-gradient(180deg,#ffffff47,#ffffff0d 45%,#00000038)}.uf-absorb{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(-45deg,#fff6dccc 0 3px,#bed2f059 3px 6px)}.uf-bar-text{position:absolute;inset:0;z-index:2;text-align:center;font:700 11.5px/16px var(--font);font-variant-numeric:tabular-nums;letter-spacing:.03em;text-shadow:var(--outline-text)}.uf-power .uf-bar-text{line-height:9px;font-size:9.5px}.uf-auras{grid-column:2}.uf-auras:empty,.uf-auras:has(.auras:empty){display:none}.auras{display:flex;flex-wrap:wrap;gap:3px}.aura{--cut: 4px;--edge: rgba(0, 0, 0, .8);--fill: var(--soot);position:relative;line-height:0}.aura>.icon{width:100%;height:100%}.aura.debuff{--edge: #c8382a}.aura.debuff.dispel-magic{--edge: #3a8aff}.aura.debuff.dispel-curse{--edge: #b04aff}.aura.debuff.dispel-poison{--edge: #3ac83a}.aura.debuff.dispel-disease{--edge: #d0a03a}.aura-sweep{position:absolute;inset:0}.aura-stacks{position:absolute;right:1px;bottom:1px;font:800 11px/1 var(--font);text-shadow:var(--outline-text)}.aura-time{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;font:800 10.5px/1 var(--font);text-shadow:0 0 2px #000,0 0 3px #000}.castbar{position:relative;height:14px;background:#070606;border:1px solid #000;box-shadow:0 0 0 1px #6e58384d;overflow:hidden}.castbar-fill{height:100%;background:linear-gradient(180deg,#ffd890,#e8781e 55%,#a8400e);box-shadow:inset -2px 0 #fff2cc}.castbar.locked .castbar-fill{background:linear-gradient(180deg,#d8d2c6,#847d72 55%,#4a453e);box-shadow:inset -2px 0 #fff}.castbar-label,.castbar-time{position:absolute;top:0;font:700 11.5px/14px var(--font);text-shadow:var(--outline-text)}.castbar-label{left:6px}.castbar-time{right:6px;font-variant-numeric:tabular-nums}.player-castbar{position:absolute;left:50%;bottom:260px;transform:translate(-50%);display:flex;gap:6px;align-items:center}.player-castbar>.icon{filter:drop-shadow(0 0 0 #000) drop-shadow(0 1px 2px #000)}.castbar.big{--cut: 6px;--edge: var(--brass-lo);--fill: #070606;width:320px;height:24px;box-shadow:none}.castbar.big .castbar-label,.castbar.big .castbar-time{line-height:22px;font-size:14px}.castbar.big .castbar-label{left:10px;font-family:var(--font-display);font-weight:600;font-size:15px}.castbar.big .castbar-time{right:10px}.arena-frames{display:flex;flex-direction:column;gap:6px}.af{--cut: 9px;--fill: linear-gradient(180deg, rgba(34, 30, 26, .94), rgba(17, 15, 13, .94));display:flex;gap:7px;width:236px;padding:6px 8px 6px 6px;cursor:var(--cursor-select);transition:--edge .12s}.af:hover{--edge: var(--brass)}.af.targeted{--edge: #e0503a;--fill: linear-gradient(90deg, rgba(224, 80, 58, .18), transparent 60%), linear-gradient(180deg, rgba(34, 30, 26, .96), rgba(17, 15, 13, .96))}.arena-frames.party .af.targeted{--edge: #5ac85a;--fill: linear-gradient(90deg, rgba(90, 200, 90, .16), transparent 60%), linear-gradient(180deg, rgba(34, 30, 26, .96), rgba(17, 15, 13, .96))}.af.dead,.af.stealthed{opacity:.55}.af.stealthed{font:italic 14px var(--font);color:var(--ash);align-items:center}.af-portrait{--cut: 6px;--edge: var(--cc);--fill: var(--soot);flex:none;align-self:flex-start;line-height:0}.af-body{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.af-name{display:flex;gap:6px;align-items:baseline;font:600 14px/1.1 var(--font-display)}.af-idx{font:700 10px/1 var(--font);letter-spacing:.1em;color:var(--ash)}.af-extra{display:flex;justify-content:space-between;align-items:center;gap:4px}.dr-row{display:flex;gap:2px}.dr{--cut: 3px;--edge: rgba(0, 0, 0, .7);display:flex;flex-direction:column;align-items:center;padding:1px 4px;font:800 9.5px/1 var(--font);text-shadow:0 1px 1px #000}.dr small{font-size:8.5px;opacity:.85}.dr-half{--fill: linear-gradient(#4a8a32, #2a5a1c)}.dr-quarter{--fill: linear-gradient(#c08a20, #7a5410)}.dr-immune{--fill: linear-gradient(#c03428, #7a1a12)}.actionbars{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;flex-direction:column;gap:4px;align-items:center}.actionbar-row{position:relative}.actionbar{--cut: 11px;--fill: linear-gradient(180deg, rgba(30, 26, 23, .88), rgba(14, 12, 11, .9));display:flex;gap:4px;padding:5px 7px}.actionbar.utilities{position:absolute;left:calc(100% + 10px);top:0;--edge: var(--brass)}.slot{--cut: 7px;--edge: var(--iron-4);--fill: radial-gradient(circle at 50% 35%, #1c1916, #070606 75%);position:relative;width:46px;height:46px;line-height:0;cursor:var(--cursor-select);transition:--edge .12s}.slot:hover{--edge: var(--brass)}.slot .icon{display:block}.slot:active{transform:scale(.95)}.slot-sweep{position:absolute;inset:0}.slot-cd{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 21px/1 var(--font-display);color:#fff6e0;text-shadow:0 0 3px #000,0 0 3px #000,0 1px 2px #000}.slot-key{position:absolute;right:4px;top:3px;font:800 10px/1 var(--font);letter-spacing:.04em;color:#f0e4cc;text-shadow:var(--outline-text)}.slot.oor:after,.slot.nores:after,.slot.unusable:after{content:"";position:absolute;inset:0}.slot.oor:after{background:#d21e1473}.slot.nores:after{background:#1e32b480}.slot.unusable:after{background:#0009}.slot.proc{animation:proc .8s ease-in-out infinite alternate}.slot.proc:before,.slot.active:before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 9px 2px #ffaa3cd9}.slot.active{--edge: #fff6dc}.slot.active:before{box-shadow:inset 0 0 6px 1px #fff6dccc}@keyframes proc{0%{--edge: var(--ember)}to{--edge: #fff0b0}}.ability-dragging .tooltip{display:none}.ability-dragging .slot:active{transform:none}.ability-dragging .slot.placeable{--edge: #7a5f38;transition:--edge .12s,transform .12s,box-shadow .12s}.slot.placeable.drop-over{--edge: #ffd27a;transform:scale(1.08);box-shadow:inset 0 0 14px #ffbe5abf}.slot.carried .icon{opacity:.22;filter:grayscale(1)}.slot.carried .slot-sweep,.slot.carried .slot-cd{display:none}.slot.landed{animation:slot-land .36s ease-out}@keyframes slot-land{0%{--edge: #fff6dc;transform:scale(1.14);box-shadow:inset 0 0 18px #ffdc8cf2}to{transform:scale(1);box-shadow:inset 0 0 #ffdc8c00}}.ability-ghost{position:fixed;left:0;top:0;z-index:1000;pointer-events:none;will-change:transform}.ag-icon{line-height:0;translate:-50% -50%;scale:1.06;rotate:-4deg;filter:drop-shadow(0 10px 14px rgba(0,0,0,.7)) drop-shadow(0 0 10px rgba(255,170,60,.35));transition:scale .12s,rotate .12s,filter .12s;animation:ghost-pick .14s ease-out}.ability-ghost.over .ag-icon{scale:.94;rotate:0deg}.ability-ghost.removing .ag-icon{scale:.88;rotate:8deg;filter:grayscale(.85) brightness(.7) drop-shadow(0 8px 12px rgba(0,0,0,.7))}.ag-label{position:absolute;left:0;top:30px;translate:-50% 0;padding:2px 7px;font:800 10px/1.4 var(--font);letter-spacing:.12em;text-transform:uppercase;color:#ffd6cc;background:#78120aeb;border:1px solid #e0503c;white-space:nowrap}@keyframes ghost-pick{0%{scale:.8;rotate:0deg}}.bar-lock{--cut: 5px;--fill: linear-gradient(180deg, rgba(30, 26, 23, .88), rgba(14, 12, 11, .9));position:absolute;right:calc(100% + 8px);bottom:0;display:grid;place-items:center;width:26px;height:26px;padding:0;color:var(--ash);cursor:var(--cursor-select);transition:--edge .12s,color .12s}.bar-lock:hover{--edge: var(--brass);color:var(--brass-hi)}.bar-lock.locked{--edge: var(--brass);color:#ffd27a}.bar-lock.nudge{animation:lock-nudge .4s ease-in-out}@keyframes lock-nudge{0%,to{translate:0}20%,60%{translate:-3px 0}40%,80%{translate:3px 0}}.match-clock{--cut: 10px;position:absolute;top:12px;left:50%;transform:translate(-50%);min-width:112px;padding:5px 22px 6px;text-align:center;box-shadow:inset 0 1px #ffecc80f}.match-clock.prep{--edge: var(--brass)}.mc-label{margin-bottom:2px;font:700 10px/1 var(--font);letter-spacing:.24em;text-transform:uppercase;color:var(--ash)}.mc-time{font:700 26px/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--brass-hi)}.mc-damp{margin-top:2px;font:700 11px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:#ff9a7a}.ctf-hud{--cut: 10px;position:absolute;right:14px;bottom:40px;width:254px;padding:8px 12px 12px;display:flex;flex-direction:column;gap:6px}.ctf-score{display:flex;align-items:center;justify-content:space-between}.cs-side{display:flex;align-items:center;gap:6px;font:800 28px/1 var(--font-display);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000}.cs-cap{font:700 10px/1 var(--font);letter-spacing:.18em;text-transform:uppercase;color:var(--ash)}.ctf-flag{display:flex;flex-direction:column;gap:1px;padding:3px 8px;border-left:3px solid;font:600 13px/1.25 var(--font);color:var(--ash);background:#00000038}.ctf-flag.carried{color:#ffd98a}.ctf-flag.dropped{color:#ffb08a}.cf-label{font:700 10px/1 var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--ash-lo)}.ctf-map{display:block;margin-top:2px}.ctf-map .cm-ground{fill:#46562e8c;stroke:#e8c47859}.ctf-map .cm-wall{fill:#1e1a16bf}.ctf-map .cm-ledge{fill:#8c785a8c}.ctf-map .cm-stand{fill:#00000040;stroke-width:1.5}.ctf-map .cm-dot{stroke:#000;stroke-width:.8}.ctf-map .cm-me{stroke:#fff;stroke-width:1.4}.ctf-map .cm-flag line{stroke:#e8d6b0;stroke-width:1.4}.ctf-map .cm-flag.dropped{animation:cm-blink .8s ease-in-out infinite alternate}@keyframes cm-blink{to{opacity:.35}}.ctf-respawn{top:110px;color:#ffe2b0;text-shadow:0 0 10px rgba(255,150,60,.75),0 1px 2px #000}.bracket-group+.bracket-group{margin-top:14px}.bracket-group-head{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.bracket-group-head b{font:700 13px/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--brass-hi)}.bracket-group.bg .bracket-tile.on .bt-size{color:#cfe8a0}.bt-size .icon{margin-right:6px;vertical-align:middle}.sb-flags{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;font:800 24px/1 var(--font-display)}.sb-flags .ally{color:#7fc8ff}.sb-flags .enemy{color:#ff8a7a}.big-countdown{position:absolute;top:24%;left:50%;transform:translate(-50%);font:800 150px/1 var(--font-display);background:linear-gradient(180deg,#fff4da,#ffcf7a 40%,#f0691e 75%,#8a2a0a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 rgba(0,0,0,.75)) drop-shadow(0 0 28px rgba(240,105,30,.55));pointer-events:none}.toasts{position:absolute;top:17%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.toast{font:700 17px/1.2 var(--font);letter-spacing:.02em;text-shadow:0 0 3px #000,0 1px 2px #000,0 0 8px rgba(0,0,0,.6);animation:toast-in .15s ease-out}.toast.error{color:#ff5a44}.toast.info{color:var(--brass-hi)}.toast.system{color:#8acbff}.big-toasts{position:absolute;top:32%;left:50%;transform:translate(-50%);pointer-events:none}.big-toast{font:700 54px/1.1 var(--font-display);letter-spacing:.04em;color:var(--brass-hi);text-align:center;white-space:nowrap;text-shadow:0 3px 0 rgba(0,0,0,.8),0 0 24px rgba(240,105,30,.55);animation:toast-in .3s ease-out}.ghost-note{position:absolute;top:70px;left:50%;transform:translate(-50%);color:#cfe8ff;font:italic 600 15px var(--font-display);text-shadow:0 0 10px rgba(80,150,255,.85),0 1px 2px #000;white-space:nowrap;pointer-events:none}.subtitle{--cut: 5px;--edge: var(--iron-4);--fill: rgba(10, 9, 8, .85);position:absolute;bottom:300px;left:50%;transform:translate(-50%);padding:4px 14px;font-size:15px;pointer-events:none}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}}.netstats{position:absolute;right:10px;bottom:8px;display:flex;gap:10px;font:700 11px/1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:.04em;text-shadow:0 1px 2px #000;pointer-events:none}.netstats .good{color:var(--good)}.netstats .ok{color:var(--ok)}.netstats .bad{color:var(--bad)}.tooltip{--cut: 9px;--fill: var(--grain), linear-gradient(180deg, rgba(28, 24, 21, .98), rgba(14, 12, 11, .98));position:fixed;z-index:50;max-width:320px;padding:10px 14px 11px;pointer-events:none;font-size:14px}.tooltip:has(>.tt-label){--cut: 6px;padding:6px 11px 7px}.tt-label{font:600 16px/1 var(--font-display);color:var(--brass-hi)}.tt-title{margin-bottom:5px;font:600 19px/1.1 var(--font-display);color:var(--brass-hi)}.tt-row{display:flex;justify-content:space-between;gap:16px;font-size:13px;color:#d8ccb6}.tt-body p{margin:7px 0 0;color:#f6e8c8}.tt-flavor{margin-top:7px;color:var(--ash);font-style:italic}.tt-school{margin-top:8px;padding-top:6px;border-top:1px solid var(--iron-4);font:700 10px/1 var(--font);letter-spacing:.2em;text-transform:uppercase}.school-physical{color:#e8d8b8}.school-fire{color:#ff8a3a}.school-frost{color:#8fe3ff}.school-arcane{color:#e09cff}.school-shadow{color:#b48cff}.school-holy{color:#ffe680}.school-nature{color:#8fff6a}.panel{--cut: 16px;--fill: var(--grain), var(--plate);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:16px 22px 20px;min-width:320px;max-width:94vw;max-height:86vh;overflow:auto;box-shadow:inset 0 1px #ffecc812;scrollbar-width:thin;scrollbar-color:var(--iron-5) transparent}.panel h2{display:flex;align-items:center;gap:11px;margin:0;font:600 27px/1.1 var(--font-display);letter-spacing:.02em;color:var(--brass-hi)}.panel h2:before{content:"";flex:none;width:8px;height:8px;background:var(--ember);box-shadow:0 0 8px #f0691ecc;transform:rotate(45deg)}.panel-foot{margin-top:16px;display:flex;justify-content:flex-end;gap:8px}.panel p{margin:8px 0}.panel.menu{display:flex;flex-direction:column;gap:7px;min-width:280px;text-align:center}.panel.menu h2{justify-content:center;margin-bottom:8px}.panel.menu h2:after{content:"";flex:none;width:8px;height:8px;background:var(--ember);box-shadow:0 0 8px #f0691ecc;transform:rotate(45deg)}.panel.menu{--hud-bottom: min(264px, calc(100% - 492px) );top:72px;bottom:var(--hud-bottom);height:fit-content;max-height:calc(100% - 72px - var(--hud-bottom));margin:auto 0;transform:translate(-50%);min-width:300px;padding:18px 26px 22px}.menu-head{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:6px}.menu-head h2{margin-bottom:0}.menu-sep{height:1px;margin:4px 0;background:linear-gradient(90deg,transparent,var(--iron-5),transparent)}.panel.window{--cut: 14px;--hud-bottom: min(264px, calc(100% - 492px) );top:72px;bottom:var(--hud-bottom);height:fit-content;max-height:calc(100% - 72px - var(--hud-bottom));margin:auto 0;transform:translate(-50%);display:flex;flex-direction:column;width:680px;max-width:calc(100vw - 32px);padding:0;overflow:hidden}.window.w-sm{width:460px}.window.w-lg{width:900px}.window.dragging{box-shadow:0 24px 60px #0009;user-select:none}.win-head{position:relative;flex:none;display:flex;align-items:center;gap:10px;height:50px;padding:0 10px 0 14px;background:radial-gradient(ellipse 50% 140% at 0% 0%,rgba(184,149,90,.12),transparent 70%),linear-gradient(180deg,#0000001a,#0000004d);border-bottom:1px solid;border-image:linear-gradient(90deg,var(--brass-lo),var(--brass) 30%,var(--iron-4) 75%,transparent) 1;cursor:grab;touch-action:none}.window.dragging .win-head{cursor:grabbing}.win-icon{flex:none;line-height:0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.window .win-head h2{margin:0;font-size:22px;line-height:1;white-space:nowrap}.window .win-head h2:before{display:none}.win-sub{flex:1;min-width:0;overflow:hidden;padding-top:3px;font-size:13.5px;white-space:nowrap;text-overflow:ellipsis;color:var(--ash)}.win-head .x{margin-left:auto}.win-tabs{flex:none;padding:0 18px;background:#00000038;border-bottom:1px solid var(--iron-4)}.win-tabs .tabs{margin:0;border-bottom:none}.win-tabs .tabs button{padding:11px 14px 10px}.win-body{flex:1 1 auto;min-height:0;overflow:auto;padding:16px 20px 18px;scrollbar-width:thin;scrollbar-color:var(--iron-5) transparent}.win-body>:first-child{margin-top:0}.win-foot{flex:none;display:flex;align-items:center;gap:10px;min-height:52px;padding:9px 14px 10px 20px;background:linear-gradient(180deg,#00000038,#0006);border-top:1px solid var(--iron-4)}.win-foot .hint{flex:1;min-width:0;margin:0}.win-foot{justify-content:flex-end}.win-foot>:first-child:not(.btn){margin-right:auto}.btn.big{min-width:180px;padding:11px 26px 10px;font-size:15px}.linkish:disabled{color:var(--ash-lo);text-decoration:none;cursor:default}.card{--cut: 10px;--edge: var(--iron-4);--fill: linear-gradient(180deg, rgba(40, 34, 29, .6), rgba(20, 18, 16, .6));margin-top:12px;padding:12px 14px 14px}.card-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.panel .card-head h3{display:block;margin:0;font:600 19px/1.1 var(--font-display);letter-spacing:.01em;text-transform:none;color:var(--brass-hi)}.panel .card-head h3:after{display:none}.card-head .hint{margin:0}.card-head .tag{margin-left:auto;align-self:center}.card-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:12px}.card-grid>.card{margin-top:0}.card .form-row input{flex:1;min-width:0}.window.spellbook{width:780px}.book-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.book-section:first-child h3{margin-top:0}.book-entry,.talent{--cut: 8px;--edge: var(--iron-4);--fill: linear-gradient(180deg, rgba(40, 34, 29, .75), rgba(22, 19, 17, .75));display:flex;gap:10px;align-items:center;padding:6px 10px 6px 6px;text-align:left;transition:--edge .15s}.book-entry{cursor:grab}.book-entry.util{cursor:var(--cursor-select)}.book-entry:hover,.talent:hover{--edge: var(--brass-lo)}.book-entry.on{--edge: var(--brass)}.be-name{font:600 16px/1.15 var(--font-display);color:var(--brass-hi)}.be-sub{margin-top:1px;font-size:12.5px;line-height:1.25;color:var(--ash)}.talents{display:flex;flex-direction:column;gap:8px}.talent-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.talent{padding:7px 10px 7px 7px}.talent.on{--edge: var(--ember);--fill: radial-gradient(ellipse 70% 100% at 0% 50%, rgba(240, 105, 30, .2), transparent 70%), linear-gradient(180deg, rgba(48, 36, 26, .85), rgba(26, 20, 15, .85))}.talent:not(.on) .be-name{color:#cdbd9c}.be-text{flex:1;min-width:0}.be-meta{margin-top:2px;font-size:12px;color:var(--ash)}.be-flag{flex:none;padding:2px 5px 1px;font:700 9.5px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--ash-lo);border:1px dashed var(--iron-5)}.key-badge{flex:none;min-width:24px;padding:4px 6px 3px;font:700 12px/1 var(--font);text-align:center;color:var(--brass-hi);background:var(--soot);border:1px solid var(--brass-lo)}.talent-tier{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:center}.tier-label{position:relative;display:flex;align-self:stretch;align-items:center;justify-content:center}.tier-label:before{content:"";position:absolute;top:-8px;bottom:-8px;left:50%;width:1px;background:var(--iron-4)}.talent-tier:first-child .tier-label:before{top:50%}.talent-tier:last-child .tier-label:before{bottom:50%}.tier-label span{position:relative;display:grid;place-items:center;width:28px;height:28px;font:700 14px/1 var(--font-display);color:var(--brass-hi);background:var(--soot);border:1px solid var(--brass-lo)}.talents.locked .talent{opacity:.7}.window.settings{height:580px}.settings .win-body{display:flex;padding:0;overflow:hidden}.settings-layout{flex:1;display:grid;grid-template-columns:190px minmax(0,1fr);min-height:0}.settings-nav{display:flex;flex-direction:column;gap:2px;padding:12px 8px;background:#00000040;border-right:1px solid var(--iron-4)}.settings-nav button{display:flex;align-items:center;gap:10px;padding:7px 10px;text-align:left;font:600 15px/1 var(--font);color:var(--ash);background:none;border:none;border-left:2px solid transparent;transition:color .15s,background-color .15s}.settings-nav button:hover{color:var(--bone);background-color:var(--iron-2)}.settings-nav button.on{color:var(--brass-hi);background:linear-gradient(90deg,rgba(184,149,90,.14),transparent);border-left-color:var(--ember)}.settings-pane{min-height:0;overflow:auto;padding:2px 22px 18px;scrollbar-width:thin;scrollbar-color:var(--iron-5) transparent}.settings-pane .set-group:first-child h3,.settings-pane>.bind-intro+.set-group h3{margin-top:14px}.setting{display:grid;grid-template-columns:220px minmax(0,1fr) 52px;gap:12px;align-items:center;min-height:40px;padding:5px 0;font-size:14.5px;border-bottom:1px solid rgba(63,54,45,.45)}.setting.toggle{grid-template-columns:1fr auto;cursor:var(--cursor-select)}.setting-control{grid-column:span 2;min-width:0}.setting-hint{display:block;font-size:12px;color:var(--ash-lo)}.setting .val{text-align:right;font-size:13px;font-variant-numeric:tabular-nums;color:var(--ash)}.setting select{grid-column:span 2;min-width:0;text-overflow:ellipsis}.setting input[type=range]{min-width:0;width:100%}.setting input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--brass-lo) var(--pct, 0%),var(--soot) 0)}.settings-pane>.hint,.set-group>.hint{margin:8px 0 0}.bind-intro{display:flex;align-items:center;gap:10px;padding-top:14px}.bind-intro .hint{flex:1;margin:0}.bind-list{display:flex;flex-direction:column}.bind-row{display:grid;grid-template-columns:minmax(0,1fr) 128px 128px;gap:6px;align-items:center;padding:3px 0;border-bottom:1px solid rgba(63,54,45,.35)}.bind-label{font-size:14px}.bind{padding:6px 8px 5px;font:700 12.5px/1 var(--font);letter-spacing:.06em;text-align:center;color:var(--bone);background:var(--soot);border:1px solid var(--iron-4);transition:border-color .15s}.bind:hover{border-color:var(--brass)}.bind.unset{color:var(--ash-lo)}.bind.clash{color:#ffb0a0;background:#e85a401a;border-color:var(--bad)}.bind.live{color:var(--ember-hi);border-color:var(--ember);animation:bind-pulse 1s ease-in-out infinite}@keyframes bind-pulse{50%{box-shadow:0 0 10px #f0691e8c}}.overlay3d{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.nameplate{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;transform-origin:50% 100%;will-change:transform}.np-title{font:600 12px/1.1 var(--font-display);letter-spacing:.04em;color:var(--brass-hi);text-shadow:var(--outline-text)}.np-name{font:700 13px/1.2 var(--font);letter-spacing:.02em;text-shadow:var(--outline-text);white-space:nowrap}.nameplate.targeted .np-name{font-size:15px}.nameplate.targeted .np-name:before,.nameplate.targeted .np-name:after{content:"◆";margin:0 5px;font-size:9px;vertical-align:2px;color:var(--ember-hi)}.np-hp{width:86px;height:7px;margin-top:1px;background:#080706d9;border:1px solid #000;overflow:hidden}.nameplate.targeted .np-hp{box-shadow:0 0 0 1px var(--brass-hi)}.np-hp-fill{height:100%;background:var(--hp-friend) linear-gradient(180deg,#ffffff4d,#fff0 50%,#0003)}.nameplate.hostile .np-hp-fill{background-color:var(--hp-foe)}.np-cast{position:relative;width:86px;height:10px;margin-top:1px;background:#080706d9;border:1px solid #000;overflow:hidden}.np-cast-fill{height:100%;background:linear-gradient(180deg,#ffd890,#e8781e 55%,#a8400e)}.np-cast.locked .np-cast-fill{background:linear-gradient(180deg,#d8d2c6,#847d72 55%,#4a453e)}.np-cast span{position:absolute;inset:0;font:700 8.5px/8px var(--font);text-align:center;text-shadow:0 0 2px #000}.np-bubble{--cut: 6px;--edge: #8a6a3a;--fill: linear-gradient(180deg, #f6ecd6, #e6d6b6);max-width:220px;margin-bottom:5px;padding:4px 10px;font-size:13px;color:#2a1c10;white-space:normal;text-align:center}.nameplate.bubble-only>:not(.np-bubble){display:none!important}.fct{position:absolute;left:0;top:0;font:700 21px/1 var(--font-display);white-space:nowrap;text-shadow:0 0 3px #000,0 2px 2px #000;will-change:transform,opacity}.fct.crit{font-size:32px;font-weight:800}.fct-dmg{color:#fff6d8}.fct-dmg.school-fire{color:#ffa04a}.fct-dmg.school-frost{color:#a8ecff}.fct-dmg.school-shadow{color:#c8a0ff}.fct-dmg.school-holy{color:#fff08a}.fct-dmg.school-nature{color:#a8ff8a}.fct-dmg.school-arcane{color:#f0b0ff}.fct-taken{color:#ff4a3a}.fct-heal{color:#5aff7a}.fct-immune{color:#fff;font-size:16px}.fct-cc{color:#ffd23a;font-size:16px}.restart-banner{--cut: 6px;--edge: var(--ember);--fill: linear-gradient(180deg, rgba(80, 30, 10, .95), rgba(46, 16, 6, .95));position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:30;padding:5px 16px;font-size:14px;pointer-events:none}.restart-banner .rb-note{color:var(--brass-hi)}.conn-overlay{position:absolute;inset:0;z-index:40;background:#080706a6;backdrop-filter:blur(2px);pointer-events:auto}.panel.conn{text-align:center;min-width:400px}.panel.conn h2{justify-content:center}.queue-screen{z-index:35}.queue-title{margin:0 0 8px;font:600 32px/1.2 var(--font-display);color:var(--brass-hi)}.instance-label{position:absolute;top:10px;right:14px;display:flex;align-items:center;gap:8px;font:600 16px/1 var(--font-display);letter-spacing:.06em;color:var(--brass-hi);text-shadow:var(--outline-text);pointer-events:none}.instance-label:before{content:"";width:6px;height:6px;background:var(--ember);box-shadow:0 0 6px var(--ember);transform:rotate(45deg)}.chat{position:absolute;left:10px;bottom:120px;width:400px;display:flex;flex-direction:column;gap:4px}.chat-log{max-height:190px;overflow-y:auto;padding:5px 8px;font-size:14px;line-height:1.3;text-shadow:var(--outline-text);border-left:2px solid transparent;user-select:text;scrollbar-width:thin;scrollbar-color:var(--iron-5) transparent;transition:background .15s,border-color .15s}.chat.open .chat-log{background:linear-gradient(90deg,#0c0b0ac7,#0c0b0a73);border-left-color:var(--brass-lo)}.chat-line{overflow-wrap:anywhere}.chat-line.ch-general{color:#f2cc98}.chat-line.ch-system{color:#ffd860}.chat-tag{color:var(--brass)}.chat-name{font-weight:700}.chat-form{display:flex;gap:4px;opacity:.55;transition:opacity .15s}.chat.open .chat-form,.chat-form:hover{opacity:1}.chat-ch{--cut: 5px;--edge: var(--iron-5);--fill: linear-gradient(180deg, #342d26, #1d1915);min-width:72px;padding:4px 8px;font:700 11px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--brass-hi)}.chat-form input{flex:1;--fill: rgba(12, 11, 10, .88);padding:5px 9px}.dps-meter{position:absolute;right:14px;top:40%;text-align:right;text-shadow:var(--outline-text);pointer-events:none}.dps-value{font:700 40px/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--ember-hi);text-shadow:0 2px 0 #000,0 0 16px rgba(240,105,30,.5)}.dps-label{font-size:12px;color:var(--ash)}.town-menu{position:absolute;right:14px;bottom:120px;display:flex;gap:5px}.town-menu .tm-btn{--cut: 6px;--fill: linear-gradient(180deg, rgba(52, 45, 38, .92), rgba(24, 21, 18, .94));position:relative;display:grid;place-items:center;width:40px;height:40px;padding:0;color:var(--ash)}.town-menu .tm-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:var(--brass);transition:color .15s,transform .15s}.town-menu .tm-btn:hover{color:var(--bone)}.town-menu .tm-btn:hover svg{color:var(--brass-hi);transform:translateY(-1px)}.town-menu .tm-btn.on{--edge: var(--brass);--fill: linear-gradient(180deg, rgba(78, 60, 38, .95), rgba(34, 27, 20, .95));color:var(--bone)}.town-menu .tm-btn.on svg{color:var(--brass-hi)}.tm-badge{position:absolute;top:2px;right:2px;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:var(--ember);color:#fff;font:700 10px/15px var(--font);letter-spacing:0;box-shadow:0 0 0 1px #000}.battlemaster .win-tabs .tabs button{flex:1}.panel .mode-blurb{margin:0 0 14px;font-size:14.5px;color:var(--ash)}.bracket-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bracket-tile{--cut: 12px;--edge: var(--iron-4);--fill: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(184, 149, 90, .1), transparent 70%), linear-gradient(180deg, rgba(40, 34, 29, .75), rgba(20, 18, 16, .75));display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 10px 14px;color:var(--ash);transition:--edge .15s,transform .15s}.bracket-tile:hover:not(:disabled){--edge: var(--brass-lo);transform:translateY(-1px)}.bracket-tile.on{--edge: var(--brass-hi);--fill: radial-gradient(ellipse 90% 70% at 50% 0%, rgba(232, 196, 120, .22), transparent 70%), linear-gradient(180deg, rgba(56, 46, 34, .9), rgba(26, 21, 17, .9));color:var(--bone)}.bracket-tile.searching{--edge: var(--ember);--fill: radial-gradient(ellipse 90% 60% at 50% 115%, rgba(240, 105, 30, .26), transparent 70%), linear-gradient(180deg, rgba(44, 32, 24, .9), rgba(22, 16, 12, .9))}.bracket-tile:disabled:not(.on){opacity:.45;cursor:not-allowed}.bt-size{font:800 40px/.9 var(--font-display);letter-spacing:.02em;text-transform:none;color:var(--brass-hi)}.bracket-tile.on .bt-size{color:#f3d79a;text-shadow:0 0 18px rgba(232,196,120,.35)}.bt-name{font:700 10.5px/1 var(--font);letter-spacing:.22em;text-transform:uppercase}.bt-foot{margin-top:6px;font-size:13px;font-variant-numeric:tabular-nums;color:var(--ash)}.bracket-tiles+.notice{margin-top:12px}.br-size{font:800 34px/.9 var(--font-display);letter-spacing:.02em;color:var(--brass-hi)}.playing-as{display:flex;align-items:center;gap:10px;min-width:0}.pa-text{display:flex;flex-direction:column;gap:3px}.pa-label{font:700 10px/1 var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--ash)}.pa-name{font:700 18px/1 var(--font-display)}.playing-as .linkish{align-self:flex-end;font-size:13px}.win-foot .searching{margin-right:4px}.win-foot .also-queued{max-width:26ch;margin:0 4px 0 auto;font-size:12.5px;line-height:1.25;text-align:right}.opponent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:16px}.opponent{--cut: 8px;--edge: var(--iron-3);--fill: rgba(0, 0, 0, .22);display:grid;grid-template:auto auto / auto 1fr;column-gap:9px;row-gap:3px;align-items:center;padding:5px 8px 5px 5px;text-align:left;transition:--edge .15s}.opponent .portrait-socket{grid-row:span 2}.opponent:hover{--edge: var(--brass-lo)}.opponent.on{--edge: var(--cc);--fill: linear-gradient(90deg, color-mix(in srgb, var(--cc) 24%, transparent), rgba(0, 0, 0, .22) 85%)}.op-name{align-self:end;font:600 15px/1 var(--font-display);color:var(--bone)}.opponent.on .op-name{color:var(--cc)}.op-role{align-self:start;font:700 9.5px/1 var(--font);letter-spacing:.18em;text-transform:uppercase;color:var(--ash)}.practice-options{display:flex;flex-wrap:wrap;gap:14px 32px}.practice-options .field{display:flex;flex-direction:column;gap:6px}.searching{display:flex;align-items:center;gap:8px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ember-hi)}.searching:before{content:"";width:7px;height:7px;background:var(--ember-hi);transform:rotate(45deg);animation:searching 1.2s ease-in-out infinite}.heroes-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}.hero-list{display:flex;flex-direction:column;gap:4px}.hero-row{--cut: 8px;--edge: var(--iron-3);--fill: rgba(0, 0, 0, .2);display:flex;align-items:center;gap:10px;padding:5px 8px 5px 5px;text-align:left;transition:--edge .15s}.hero-row:hover{--edge: var(--brass-lo)}.hero-row.on{--edge: var(--cc);--fill: linear-gradient(90deg, color-mix(in srgb, var(--cc) 24%, transparent), rgba(0, 0, 0, .2) 85%)}.hr-text{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.hr-name{font:600 17px/1 var(--font-display);color:var(--bone)}.hero-row.on .hr-name{color:var(--cc)}.hr-role{font:700 10px/1 var(--font);letter-spacing:.18em;text-transform:uppercase;color:var(--ash)}.hero-detail{--cut: 12px;--edge: color-mix(in srgb, var(--cc) 40%, var(--iron-4));--fill: radial-gradient( ellipse 60% 45% at 0% 0%, color-mix(in srgb, var(--cc) 18%, transparent), transparent 70% ), linear-gradient(180deg, rgba(36, 31, 27, .7), rgba(18, 16, 14, .7));padding:16px 18px 18px}.hd-top{display:flex;align-items:center;gap:18px}.hd-id{flex:1;min-width:0}.panel .hero-detail .hd-name{display:block;margin:0;font:700 36px/1 var(--font-display);letter-spacing:.01em;text-transform:none;color:var(--cc)}.panel .hero-detail .hd-name:after{display:none}.hd-meta{margin-top:8px;font-size:14px;color:var(--bone)}.hd-difficulty{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:13px;color:var(--ash)}.panel .hd-play{margin:16px 0 18px;font-size:15.5px;line-height:1.45}.panel .hd-lore{margin:18px 0 0;padding-left:12px;font-size:13.5px;font-style:italic;line-height:1.45;color:var(--ash);border-left:2px solid color-mix(in srgb,var(--cc) 40%,var(--iron-4))}.hd-abilities{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.hd-ability{line-height:0;border:1px solid var(--iron-4);box-shadow:0 2px 4px #00000080;transition:border-color .15s,transform .15s}.hd-ability:hover{border-color:var(--brass-hi);transform:translateY(-2px)}.hero-row.current .hr-role:after{content:" · Playing";color:var(--good)}.profile-card{--cut: 12px;--edge: color-mix(in srgb, var(--cc) 40%, var(--iron-4));--fill: radial-gradient( ellipse 40% 160% at 0% 50%, color-mix(in srgb, var(--cc) 18%, transparent), transparent 70% ), linear-gradient(180deg, rgba(40, 34, 29, .6), rgba(20, 18, 16, .6));display:flex;align-items:center;gap:16px;margin-bottom:12px;padding:12px 16px 12px 12px}.pc-id{flex:1;min-width:0}.pc-name{font:700 30px/1 var(--font-display);color:var(--brass-hi)}.pc-title{margin-top:3px;font:italic 500 14px/1.2 var(--font);color:var(--ember-hi)}.pc-sub{margin-top:4px;font-size:13.5px;color:var(--ash)}.save-callout{--cut: 10px;--edge: color-mix(in srgb, var(--ember) 55%, var(--iron-4));--fill: radial-gradient(ellipse 70% 120% at 100% 0%, rgba(240, 105, 30, .14), transparent 70%), linear-gradient(180deg, rgba(40, 30, 24, .7), rgba(20, 16, 13, .7));display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px;padding:12px 14px 14px}.sc-title{font:700 17px/1 var(--font-display);color:var(--ember-hi)}.save-callout .form-col{align-self:stretch}.kv-list{display:flex;flex-direction:column}.kv-row{display:flex;align-items:center;gap:12px;min-height:46px;padding:6px 2px;border-bottom:1px solid var(--iron-3)}.kv-row:last-child{border-bottom:0}.kv-label{flex:none;width:64px;font:700 10.5px/1 var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--ash)}.kv-value{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;color:var(--bone)}.kv-value b{font:600 17px/1 var(--font-display)}.kv-value.form-row{justify-content:flex-start}.kv-value.form-row input{flex:1;min-width:0}.kv-value .form-err{flex-basis:100%}.account .profile-card .tag{align-self:flex-start}.queue-status{--cut: 7px;--edge: var(--ember);--fill: linear-gradient(180deg, rgba(40, 24, 14, .94), rgba(20, 14, 10, .94));position:absolute;top:70px;right:14px;display:flex;align-items:center;gap:10px;padding:6px 8px 6px 12px;font-size:14px}.queue-status:before{content:"";width:7px;height:7px;background:var(--ember-hi);transform:rotate(45deg);animation:searching 1.2s ease-in-out infinite}.queue-status .hint{margin:0}.qs-rows{display:flex;flex-direction:column;gap:4px}.qs-row{display:flex;align-items:center;justify-content:space-between;gap:10px}@keyframes searching{50%{opacity:.25;box-shadow:0 0 0 transparent}0%,to{box-shadow:0 0 8px var(--ember)}}.ready-check{--cut: 16px;--edge: var(--brass);--fill: radial-gradient(ellipse 80% 60% at 50% 115%, rgba(240, 105, 30, .32), transparent 72%), var(--grain), linear-gradient(180deg, rgba(38, 32, 27, .98), rgba(18, 16, 14, .98));position:absolute;top:22%;left:50%;transform:translate(-50%);z-index:45;pointer-events:auto;min-width:400px;padding:20px 28px 22px;text-align:center;box-shadow:inset 0 1px #ffecc81a;animation:ready-pop .25s ease-out}.ready-check h2{margin:0 0 6px;font:700 32px/1.1 var(--font-display);color:var(--brass-hi)}.ready-check p{margin:6px 0}.ready-check .hint{margin:4px 0}.ready-check .rc-paused{margin:8px auto;max-width:34ch;font-size:13.5px;color:var(--ash)}.rc-bracket{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:6px}.ready-check .rc-lineup{display:flex;justify-content:center;align-items:baseline;gap:10px;font-weight:600}.rc-lineup .rc-vs{font:italic 600 13px var(--font-display);color:var(--brass);text-transform:uppercase}.rc-bracket .br-size{font-size:24px}.rc-pips{display:flex;justify-content:center;gap:10px;margin:12px 0 2px}.rc-pips span{width:11px;height:11px;background:var(--soot);border:1px solid var(--brass-lo);transform:rotate(45deg);transition:background-color .2s,box-shadow .2s}.rc-pips span.on{background:var(--ember);border-color:var(--ember-hi);box-shadow:0 0 8px var(--ember)}.ready-bar{height:6px;margin:12px 0 6px;background:#070606;border:1px solid #000;box-shadow:0 0 0 1px #6e583859;overflow:hidden}.ready-bar>div{height:100%;background:linear-gradient(90deg,var(--ember-lo),var(--ember) 70%,var(--ember-hi));box-shadow:inset -2px 0 #fff2cc;transition:width .25s linear}@keyframes ready-pop{0%{transform:translate(-50%) scale(.88);opacity:0}}.prep-bar{position:absolute;top:92px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;text-shadow:var(--outline-text)}.prep-bar .hint{margin:0}.prep-bar .ok{color:var(--good);font-weight:700}.panel.result{top:30%;min-width:380px;text-align:center}.panel.result h2{justify-content:center;margin:4px 0 6px;font:800 64px/1 var(--font-display);letter-spacing:.06em;color:var(--ash)}.panel.result h2:before{display:none}.panel.result h2.win,.panel.result h2.loss{-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(0,0,0,.7))}.panel.result h2.win{background-image:linear-gradient(180deg,#fff4da,#f0cf8a 35%,#c8843a 65%,#ffb35a)}.panel.result h2.loss{background-image:linear-gradient(180deg,#f0b8a8,#c8584a 45%,#6a1e16)}.panel.result.scoreboard{top:64px;transform:translate(-50%);width:780px;max-height:calc(100% - 204px)}.sb-meta{margin-top:2px;font:700 11px/1 var(--font);letter-spacing:.24em;text-transform:uppercase;color:var(--brass)}.sb-why{color:var(--ash)}.sb-player{display:flex;align-items:center;gap:9px}.sb-name{font:600 16px/1.1 var(--font-display)}.score-table .team-row th{padding:14px 8px 6px;text-align:left;font-size:10.5px;color:var(--brass);border-bottom-color:var(--iron-4)}.score-table tbody.enemy .team-row th{color:#e08a7a}.score-table .team-row .tag{margin-left:10px;vertical-align:1px}.score-table td.best{font-weight:700;color:var(--brass-hi)}.score-table td.best:before{content:"";display:inline-block;width:5px;height:5px;margin-right:6px;vertical-align:2px;background:var(--ember);transform:rotate(45deg)}.score-table{width:100%;margin:12px 0;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums;text-align:right}.score-table th{padding:4px 8px 6px;font:700 10px/1 var(--font);letter-spacing:.18em;text-transform:uppercase;color:var(--ash);border-bottom:1px solid var(--brass-lo)}.score-table td{padding:5px 8px;border-bottom:1px solid rgba(63,54,45,.6)}.score-table td .hint{margin:0;font-size:12px}.score-table th:first-child,.score-table td:first-child{text-align:left}.score-table tr.enemy td{background:#c23b2c14}.score-table tr.you td{background:#ead39c17}.score-table tr.you td:first-child{box-shadow:inset 2px 0 0 var(--brass-hi)}.score-table .gain{color:var(--good)}.score-table .loss{color:#ff7a6a}.score-table.board{margin:0}.score-table.board th:nth-child(2),.score-table.board td:nth-child(2){text-align:left}.score-table.board th:first-child{width:56px}.rank{display:inline-grid;place-items:center;width:28px;height:28px;font:700 16px/1 var(--font-display);color:var(--ash)}.rank.r1,.rank.r2,.rank.r3{color:#1c1208;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}.rank.r1{background:linear-gradient(135deg,#fff0b8,#e0b04a 55%,#9a6a1a)}.rank.r2{background:linear-gradient(135deg,#fff,#c4c8cc 55%,#7a8088)}.rank.r3{background:linear-gradient(135deg,#ffd0a0,#c47a3e 55%,#7a4218)}.leaderboard .tabs button{font:700 15px/1 var(--font-display);letter-spacing:.04em;text-transform:none}.lb-rating{font:700 18px/1 var(--font-display);color:var(--brass-hi)}.patch.card:first-child{margin-top:0}.patch.latest{--edge: var(--brass-lo)}.patch-ver{align-self:center;padding:3px 6px 2px;font:700 12px/1 var(--font);letter-spacing:.08em;color:var(--ember-hi);border:1px solid rgba(240,105,30,.5)}.patch ul{margin:4px 0 0;padding-left:0;list-style:none}.patch li{position:relative;margin:4px 0;padding-left:16px}.patch li:before{content:"";position:absolute;left:2px;top:.55em;width:5px;height:5px;background:var(--brass);transform:rotate(45deg)}.rank-badge{--rb: #b07a4a;--rb-hi: #f0c090;display:inline-grid;place-items:center;flex:none;min-width:22px;height:18px;padding:0 4px;font:700 12px/1 var(--font-display);font-variant-numeric:tabular-nums;color:#fff8ec;text-shadow:0 1px 1px #000;clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 50%,calc(100% - 4px) 100%,4px 100%,0 50%);background:linear-gradient(180deg,var(--rb-hi),var(--rb) 55%,color-mix(in srgb,var(--rb),#000 45%))}.rank-badge.t-silver,.np-rank[data-tier=silver]{--rb: #8a96a8;--rb-hi: #e8eef8}.rank-badge.t-gold,.np-rank[data-tier=gold]{--rb: #c8962a;--rb-hi: #fff0b0}.rank-badge.t-mythic,.np-rank[data-tier=mythic]{--rb: #8a4ad8;--rb-hi: #e8c8ff}.rank-badge.t-astral,.np-rank[data-tier=astral]{--rb: #3a8ad8;--rb-hi: #e0f8ff;box-shadow:0 0 8px #8cd2ff99}.np-rank:empty{display:none}.np-rank{--rb: #b07a4a;--rb-hi: #f0c090;align-self:center;margin-right:4px;padding:1px 3px 0;min-width:16px;font:700 10px/12px var(--font-display);text-align:center;color:#fff8ec;text-shadow:0 1px 1px #000;clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 50%,calc(100% - 3px) 100%,3px 100%,0 50%);background:linear-gradient(180deg,var(--rb-hi),var(--rb) 55%,color-mix(in srgb,var(--rb),#000 45%))}.sb-name .rank-badge,.plate-sample .rank-badge{margin-right:6px;vertical-align:2px}.plate-sample .rank-badge{align-self:center;height:14px;min-width:18px;font-size:10px}.tokens{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-variant-numeric:tabular-nums;color:#ffd98a}.tok{width:11px;height:12px;flex:none;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(circle at 40% 30%,#fff4c8,#f0b040 45%,#8a5210 80%)}.xp-bar{position:relative;height:5px;background:#0009;box-shadow:inset 0 0 0 1px #b8955a59}.xp-fill{height:100%;background:linear-gradient(90deg,#7a2a0a,var(--ember) 60%,var(--ember-hi));box-shadow:0 0 6px #f0691e99;transition:width .6s ease-out}.rank-widget{--cut: 6px;--edge: var(--iron-4);--fill: linear-gradient(180deg, rgba(36, 31, 27, .88), rgba(18, 16, 14, .88));position:absolute;top:34px;right:14px;display:flex;align-items:center;gap:8px;padding:4px 9px 4px 6px;font-size:13px;color:var(--bone);cursor:var(--cursor-select)}.rank-widget:hover{--edge: var(--brass)}.rw-body{display:flex;flex-direction:column;gap:3px;width:112px;text-align:left}.rw-label{font:600 12px/1 var(--font-display);letter-spacing:.04em;color:var(--brass-hi)}.rank-panel .rp-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:12px}.rank-panel .rp-head .rank-badge{min-width:52px;height:40px;font-size:24px;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,9px 100%,0 50%)}.rp-progress{display:flex;flex-direction:column;gap:5px}.rp-progress .xp-bar{height:8px}.rp-progress .hint{margin:0}.rp-title{font:600 20px/1 var(--font-display);color:var(--brass-hi)}.rp-tokens{display:flex;flex-direction:column;align-items:flex-end;font-size:20px}.rp-tokens .hint{margin:0;font-size:11px}.rp-section h3{margin:14px 0 6px}.rp-rewards,.rp-how{margin:0;padding:0;list-style:none}.rp-rewards{position:relative;max-height:300px;overflow-y:auto;border:1px solid rgba(63,54,45,.6);background:#0a080659}.rp-rewards li{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid rgba(63,54,45,.6)}.rp-rewards li:last-child{border-bottom:0}.rp-rewards li.have{opacity:.55}.rp-rewards li.next{background:linear-gradient(90deg,rgba(234,211,156,.14),transparent 70%);box-shadow:inset 3px 0 0 var(--brass)}.rp-items{display:flex;flex-direction:column;gap:4px;min-width:0}.rp-item{display:flex;align-items:baseline;gap:6px}.rp-item .hint{margin:0;font-size:12px}.rp-item .rarity{margin-left:auto}.rp-item .rank-badge{align-self:center}.rp-tok{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.rp-next{font:700 10px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--brass-hi)}.rp-more .hint{margin:0}.rp-lvl{font:700 15px/1 var(--font-display);color:var(--brass-hi);text-align:center}.rp-how li{position:relative;margin:4px 0;padding-left:16px;font-size:14px}.rp-how li:before{content:"";position:absolute;left:2px;top:.55em;width:5px;height:5px;background:var(--ember);transform:rotate(45deg)}.pass-notice{display:flex;align-items:center;justify-content:space-between;gap:10px}.notice.good.pass-notice{border-left-color:var(--good);background:#6cc95a14}.reward-summary{margin:4px 0 10px;padding:10px 12px;border:1px solid var(--iron-4);background:linear-gradient(180deg,#281e1499,#120f0c99)}.reward-summary.ranked{border-color:var(--ember);box-shadow:0 0 14px #f0691e59}.rs-totals{display:flex;align-items:center;gap:16px;margin-bottom:7px;font-size:16px}.rs-xp{font:700 20px/1 var(--font-display);color:var(--ember-hi)}.rs-rank{display:inline-flex;align-items:center;gap:7px;margin-left:auto}.rs-rank .hint{margin:0}.rs-lines{display:flex;flex-wrap:wrap;gap:2px 14px;margin:7px 0 0;padding:0;list-style:none;font-size:12.5px;color:var(--ash)}.rs-lines b{color:var(--bone)}.rs-unlocked{margin-top:6px;font-weight:700;color:var(--brass-hi)}.sk-emblem{--sk: #b0703a;--sk-hi: #f2c08a;display:inline-flex;flex-direction:column;align-items:center;gap:2px;flex:none;vertical-align:-3px}.sk-emblem.t-silver{--sk: #8e9aac;--sk-hi: #eef3fa}.sk-emblem.t-gold{--sk: #c8921e;--sk-hi: #fff0a8}.sk-emblem.t-platinum{--sk: #2f9c96;--sk-hi: #b8fff6}.sk-emblem.t-diamond{--sk: #4a6ee0;--sk-hi: #d8e4ff}.sk-emblem.t-emerald{--sk: #1f9c52;--sk-hi: #b4ffcc}.sk-emblem.t-unranked{--sk: #4a443c;--sk-hi: #8a8072}.sk-gem{width:13px;height:15px;clip-path:polygon(50% 0,100% 22%,100% 62%,50% 100%,0 62%,0 22%);background:linear-gradient(115deg,transparent 0 46%,rgba(255,255,255,.35) 46% 54%,transparent 54%),linear-gradient(180deg,var(--sk-hi),var(--sk) 55%,color-mix(in srgb,var(--sk),#000 50%))}.sk-emblem.t-emerald .sk-gem,.sk-emblem.t-diamond .sk-gem{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--sk-hi),transparent 30%))}.sk-pips{display:flex;gap:1px}.sk-pips i{width:3px;height:3px;background:#0009;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sk),transparent 40%)}.sk-pips i.on{background:var(--sk-hi)}.sk-emblem.lg{gap:4px}.sk-emblem.lg .sk-gem{width:38px;height:44px}.sk-emblem.lg .sk-pips{gap:3px}.sk-emblem.lg .sk-pips i{width:7px;height:7px;transform:rotate(45deg)}.sb-name .sk-emblem{margin-right:6px}.sk-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:0 0 12px;padding:10px 14px;border:1px solid var(--iron-4);background:linear-gradient(180deg,#28221d99,#120f0c99)}.sk-body{display:flex;flex-direction:column;gap:5px;min-width:0}.sk-body .hint{margin:0}.sk-title{font:600 19px/1 var(--font-display);color:var(--bone)}.sk-bar{height:6px}.sk-record{display:flex;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums}.sk-record .hint{margin:0;font-size:11px}.sk-summary{display:flex;align-items:center;gap:10px;margin:4px 0 8px;padding:8px 12px;font-size:15px;border:1px solid var(--iron-4);background:#120f0c99}.sk-summary.promoted{border-color:var(--brass);box-shadow:0 0 12px #ead39c40}.sk-summary .gain{color:var(--good);font-weight:700}.sk-summary .loss{color:#ff7a6a;font-weight:700}@media(prefers-reduced-motion:reduce){.ready-check,.slot.proc,.queue-status:before,.toast,.big-toast{animation:none}}