.mcard{--ink:#05070d;--team:#475569;--team-deep:color-mix(in oklab, var(--team) 55%, var(--ink));--team-shade:color-mix(in oklab, var(--team) 22%, var(--ink));--team-light:color-mix(in oklab, var(--team) 70%, white);--frame:linear-gradient(160deg, #71717a, #3f3f46 55%, #52525b);--frame-accent:#a1a1aa;background:var(--frame);width:12em;height:17em;box-shadow:0 0 0 .12em var(--ink), 0 .5em 1.2em -.4em #000c;-webkit-user-select:none;user-select:none;border-radius:.95em;flex-shrink:0;padding:.38em;position:relative}.mcard__body{background:var(--halftone,radial-gradient(circle, #ffffff21 .055em, transparent .075em)) 0 0 / .42em .42em, linear-gradient(172deg, var(--team-deep) 35%, var(--team-shade));height:100%;box-shadow:inset 0 0 0 .14em var(--ink);border-radius:.6em;flex-direction:column;display:flex;position:relative;overflow:hidden}.mcard__art{background:var(--team-shade);clip-path:polygon(0 0,100% 0,100% 84%,0 100%);flex-shrink:0;height:8.7em;position:relative;overflow:hidden}.mcard__art img,.mcard__art>div{width:100%;height:100%}.mcard__watermark{font-family:var(--font-display);color:var(--team-light);opacity:.85;text-shadow:calc(.06em * var(--ink-stroke)) calc(.06em * var(--ink-stroke)) 0 var(--ink), calc(-.04em * var(--ink-stroke)) calc(-.04em * var(--ink-stroke)) 0 var(--ink);font-size:1.3em;line-height:1;position:absolute;top:.35em;right:.45em}.mcard__banner{z-index:2;transform:skewX(calc(-8deg * var(--tilt))) rotate(calc(-3deg * var(--tilt)));background:linear-gradient(180deg, var(--team-light) -40%, var(--team) 45%, var(--team-deep));border:.13em solid var(--ink);box-shadow:calc(.15em * var(--pop-x)) calc(.18em * var(--pop-y)) calc(.18em * var(--pop-blur)) var(--ink);border-radius:.3em;align-items:center;gap:.35em;margin:-1.6em .35em 0;padding:.22em .5em .22em .25em;display:flex;position:relative}.mcard__emblem{background:var(--ink);border:.12em solid var(--team-light);width:1.7em;height:1.7em;font-family:var(--font-display);color:var(--team-light);transform:skewX(calc(8deg * var(--tilt)));border-radius:999px;flex-shrink:0;place-items:center;font-size:.95em;line-height:1;display:grid}.mcard__name{min-width:0;font-family:var(--font-display);letter-spacing:.03em;white-space:nowrap;color:#fff;text-shadow:calc(.07em * var(--ink-stroke)) calc(.07em * var(--ink-stroke)) 0 var(--ink), calc(-.04em * var(--ink-stroke)) calc(-.04em * var(--ink-stroke)) 0 var(--ink), calc(.04em * var(--ink-stroke)) calc(-.04em * var(--ink-stroke)) 0 var(--ink), calc(-.04em * var(--ink-stroke)) calc(.04em * var(--ink-stroke)) 0 var(--ink);padding-right:.14em;font-size:1.3em;line-height:1.05;overflow:hidden}.mcard__name--wrap{white-space:normal;text-wrap:balance;max-height:2.1em;line-height:1}.mcard__variant{max-width:72%;transform:rotate(calc(4deg * var(--tilt)));transform-origin:100% 100%;border:.1em solid var(--ink);box-shadow:calc(.1em * var(--pop-x)) calc(.12em * var(--pop-y)) calc(.12em * var(--pop-blur)) var(--ink);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);pointer-events:none;background:linear-gradient(#fff59d,#facc15 70%,#eab308);border-radius:.15em;padding:.2em .45em .14em;font-size:.52em;line-height:1;position:absolute;bottom:calc(100% - .28em);right:.45em;overflow:hidden}.mcard__stars{color:#3f3f46;justify-content:center;gap:.12em;margin-top:.55em;font-size:.85em;line-height:1;display:flex}.mcard__stars .is-on{color:var(--frame-accent);text-shadow:0 0 .3em color-mix(in oklab, var(--frame-accent) 60%, transparent)}.mcard__text{text-align:center;text-wrap:balance;color:#e4e4e7;background:#05070d8c;border-radius:.35em;flex:1;place-items:center;margin:.3em .55em 0;padding:.3em .45em;font-size:.68em;font-weight:500;line-height:1.22;display:grid;box-shadow:inset 0 0 0 .06em #ffffff14}.mcard__text b{color:#fff;font-weight:800}.mcard__text--empty{box-shadow:none;background:0 0}.mcard__tribe{z-index:2;border:.1em solid var(--ink);background:linear-gradient(180deg, var(--team), var(--team-deep));text-align:center;color:#fff;text-shadow:0 .08em #0009;white-space:nowrap;border-radius:.3em;align-self:center;align-items:center;gap:.3em;max-width:92%;margin:.3em 0 .35em;padding:.12em .6em;font-size:.66em;font-weight:800;line-height:1.15;display:flex;position:relative;overflow:hidden}.mcard__chip{border:.08em solid var(--ink);background:var(--chip);min-width:1.35em;height:1.35em;font-family:var(--font-display);letter-spacing:0;text-transform:none;border-radius:.25em;place-items:center;padding:0 .2em;font-size:.95em;font-weight:400;line-height:1;display:inline-grid;box-shadow:inset 0 .08em #ffffff40}.mcard__tribe--empty{visibility:hidden}.mcard__stat{z-index:3;background:var(--ink);place-items:center;width:2.7em;height:2.7em;display:grid;position:absolute}.mcard__stat>span{width:calc(100% - .35em);height:calc(100% - .35em);clip-path:inherit;font-family:var(--font-num);color:#fff;text-shadow:.06em .06em 0 var(--ink), -.05em -.05em 0 var(--ink), .05em -.05em 0 var(--ink), -.05em .05em 0 var(--ink);place-items:center;font-size:1.25em;line-height:1;display:grid}.mcard__cost{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);top:-.85em;left:-.85em}.mcard--colossal{--molten:#f97316;box-shadow:0 0 0 .12em var(--ink), 0 0 1.1em -.15em var(--molten), 0 .5em 1.2em -.4em #000c;animation:2.8s ease-in-out infinite colossal-smoulder}.mcard--colossal .mcard__cost{background:#fde68a;width:3.3em;height:3.3em;top:-1.1em;left:-1.1em}.mcard--colossal .mcard__cost>span{background:radial-gradient(circle at 38% 30%,#fed7aa,#f97316 40%,#b91c1c 72%,#450a0a);width:calc(100% - .45em);height:calc(100% - .45em);font-size:1.45em}.mcard__colossal{z-index:3;border:.1em solid var(--ink);box-shadow:calc(.1em * var(--pop-x)) calc(.12em * var(--pop-y)) calc(.12em * var(--pop-blur)) var(--ink);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:calc(.06em * var(--ink-stroke)) calc(.06em * var(--ink-stroke)) 0 var(--ink);rotate:calc(-2deg * var(--tilt));background:linear-gradient(#f97316,#b91c1c);border-radius:.3em;padding:.12em .7em .1em;font-size:.62em;line-height:1;position:absolute;top:-.5em;left:2.6em}@keyframes colossal-smoulder{50%{box-shadow:0 0 0 .12em var(--ink), 0 0 1.7em .05em var(--molten), 0 .5em 1.2em -.4em #000c}}@media (prefers-reduced-motion:reduce){.mcard--colossal{animation:none}}.mcard__damage>span{color:#fff;background:radial-gradient(circle at 45% 45%,#fef08a,#facc15 45%,#ea580c)}.mcard__hp{clip-path:polygon(50% 24%,51% 21%,54% 12%,62% 4%,74% 0%,87% 3%,96% 13%,100% 27%,96% 42%,87% 56%,74% 69%,62% 80%,54% 90%,51% 97%,50% 100%,49% 97%,46% 90%,38% 80%,26% 69%,13% 56%,4% 42%,0% 27%,4% 13%,13% 3%,26% 0%,38% 4%,46% 12%,49% 21%);width:3em;bottom:-.85em;right:-.85em}.mcard__hp>span{background:radial-gradient(circle at 40% 30%,#fca5a5,#dc2626 50%,#7f1d1d);padding-bottom:.15em}.mcard[data-rarity="2"]:before,.mcard[data-rarity="3"]:before,.mcard[data-rarity="4"]:before,.mcard[data-rarity="5"]:before,.mcard[data-rarity="6"]:before{content:"";pointer-events:none;border:.06em solid #00000059;border-color:#ffffff73 #00000059 #00000059 #ffffff73;border-radius:.88em;position:absolute;inset:.07em}.mcard[data-rarity="3"] .mcard__body:after,.mcard[data-rarity="4"] .mcard__body:after,.mcard[data-rarity="5"] .mcard__body:after,.mcard[data-rarity="6"] .mcard__body:after{content:"";z-index:1;border:.06em solid color-mix(in oklab, var(--frame-accent) 70%, transparent);pointer-events:none;border-radius:.42em;position:absolute;inset:.24em}.mcard__corner{z-index:2;border:.22em solid var(--frame-accent);width:1.5em;height:1.5em;filter:drop-shadow(.06em .06em 0 var(--ink));pointer-events:none;position:absolute}.mcard__corner--tl{border-bottom:0;border-right:0;border-top-left-radius:.8em;top:-.18em;left:-.18em}.mcard__corner--tr{border-bottom:0;border-left:0;border-top-right-radius:.8em;top:-.18em;right:-.18em}.mcard[data-rarity="4"] .mcard__art:before,.mcard[data-rarity="5"] .mcard__art:before,.mcard[data-rarity="6"] .mcard__art:before{content:"";z-index:1;mix-blend-mode:overlay;pointer-events:none;background:repeating-conic-gradient(#ffffff80 0deg 1.5deg,#0000 1.5deg 8deg);position:absolute;inset:-50%;-webkit-mask:radial-gradient(circle,#0000 30%,#000 60%);mask:radial-gradient(circle,#0000 30%,#000 60%)}.mcard[data-rarity="5"] .mcard__art:before{background:repeating-conic-gradient(#fde047bf 0deg 2deg,#0000 2deg 9deg)}.mcard__crest{z-index:4;clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);background:var(--ink);place-items:center;width:2.3em;height:2.3em;display:grid;position:absolute;top:-1.05em;left:50%;translate:-50%}.mcard__crest>span{width:calc(100% - .3em);height:calc(100% - .3em);clip-path:inherit;color:var(--ink);background:linear-gradient(160deg,#fff7c2,#f5b915 45%,#8a5a00);place-items:center;padding-top:.15em;font-size:1.1em;line-height:1;display:grid}.mcard[data-rarity="5"] .mcard__art:after,.mcard[data-rarity="6"] .mcard__art:after{content:"";z-index:1;mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff8c 45%,#facc1559 50%,#38bdf84d 55%,#0000 65%) 0 0/300% 100%;animation:6s ease-in-out infinite mcard-shine;position:absolute;inset:0}@keyframes mcard-shine{0%,15%{background-position:100% 0}60%,to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.mcard[data-rarity="5"] .mcard__art:after,.mcard[data-rarity="6"] .mcard__art:after{background-position:50% 0;animation:none}}@property --mythic-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.mcard[data-rarity="6"]{--frame:conic-gradient(from var(--mythic-angle), #f0abfc, #818cf8, #22d3ee, #a3e635, #facc15, #fb923c, #f472b6, #f0abfc);--frame-accent:#f5d0fe;--glow-a:#e879f999;--glow-b:#22d3ee73;box-shadow:0 0 0 .12em var(--ink), 0 0 1.6em -.1em var(--glow-a), 0 0 2.8em -.4em var(--glow-b), 0 .5em 1.2em -.4em #000c;animation:10s linear infinite mcard-mythic-frame}@keyframes mcard-mythic-frame{to{--mythic-angle:360deg}}.mcard[data-rarity="6"] .mcard__art:before{background:repeating-conic-gradient(#f0abfcb3 0deg 2deg,#0000 2deg 9deg)}.mcard__gems{z-index:4;border:.12em solid var(--ink);box-shadow:0 .1em 0 var(--ink);background:linear-gradient(#fde68a,#b45309);border-radius:999px;gap:.22em;padding:.18em .35em;display:flex;position:absolute;top:-.55em;left:50%;translate:-50%}.mcard__gems>span{border:.08em solid var(--ink);border-radius:999px;width:.62em;height:.62em;box-shadow:inset .08em .08em #ffffff8c,0 0 .35em}.mcard[data-rarity="6"][class*=mythic--]{padding:.62em;animation:none}.mcard__medallion{z-index:4;border:.16em solid var(--ink);background:var(--frame);width:3.3em;height:3.3em;box-shadow:0 0 0 .12em var(--frame-accent), 0 0 1em var(--glow-a), 0 .15em 0 .12em var(--ink);border-radius:999px;place-items:center;display:grid;position:absolute;top:-1.55em;left:50%;translate:-50%}.mcard__medallion svg{filter:drop-shadow(0 .06em #0009);width:82%;height:82%}.mfx{z-index:2;pointer-events:none;position:absolute}.mfx--hud{border:.08em dashed #67e8f9b3;border-radius:999px;animation:14s linear infinite mfx-spin;inset:18% 22% 30%;box-shadow:inset 0 0 .6em #67e8f959}.mfx--bolt{fill:#e0f2fe;filter:drop-shadow(0 0 .3em #60a5fa)drop-shadow(0 0 .6em #93c5fd);opacity:0;width:2.6em;animation:5s infinite mfx-flash}.mfx--bolt-a{top:6%;left:6%;rotate:-12deg}.mfx--bolt-b{width:2em;animation-delay:2.6s;top:14%;right:6%;rotate:18deg}.mfx--web{opacity:.55;width:55%;top:0;left:0}.mfx--glow{mix-blend-mode:screen;animation:4s ease-in-out infinite mfx-pulse;inset:0}.mfx--purple{background:radial-gradient(at 50% 110%,#a855f7b3,#0000 60%)}.mfx--green{background:radial-gradient(at 50% 115%,#22c55ebf,#0000 60%)}.mfx--red{background:radial-gradient(at 50% 110%,#dc2626bf,#0000 60%)}.mfx--orange{background:radial-gradient(at 50% 112%,#f97316bf,#0000 60%)}.mfx--ink{background:radial-gradient(at 50% 112%,#0a0a0ae6,#0000 62%)}.mfx--fire{background:radial-gradient(60% 45% at 50% 112%,#fff1b88c,#0000 70%),radial-gradient(at 50% 115%,#ff4d0dcc,#0000 62%);animation:2.2s ease-in-out infinite mfx-fire}@keyframes mfx-fire{0%,to{opacity:.7;scale:1}30%{opacity:1;scale:1.03 1.06}55%{opacity:.8;scale:.98 1}80%{opacity:.95;scale:1.02 1.04}}.mfx--wings{fill:#ff8a1f80;mix-blend-mode:screen;filter:drop-shadow(0 0 .3em #ff4d0d)drop-shadow(0 0 .7em #ffc53d);transform-origin:50% 90%;width:88%;animation:5s ease-in-out infinite mfx-wings;top:6%;left:6%;right:6%}@keyframes mfx-wings{0%,to{opacity:.25;scale:.82 .9}50%{opacity:.7;scale:1}}.mfx--slash{opacity:0;filter:drop-shadow(0 0 .25em #e5e7eb);width:100%;height:100%;animation:4.5s infinite mfx-flash;inset:0}.mfx--sigil{opacity:.55;filter:drop-shadow(0 0 .3em #f97316);animation:22s linear infinite mfx-spin;inset:8%}.mfx--hex{filter:drop-shadow(0 0 .3em #ff1f5a);animation-direction:reverse}.mfx--cosmic{mix-blend-mode:screen;background:conic-gradient(#0000,#db277759,#0000 30%,#6366f159,#0000 60%);animation:18s linear infinite mfx-spin;inset:-40%}.mfx--ripple{mix-blend-mode:screen;background:repeating-radial-gradient(circle at 50% 45%,#0000 0 1.2em,#fda4af59 1.2em 1.3em);animation:3s linear infinite mfx-ripple;inset:0}.mfx--stretch{mix-blend-mode:screen;transform-origin:50%;background:linear-gradient(90deg,#0000 8%,#38bdf873 30%,#f0f9ff8c 50%,#38bdf873 70%,#0000 92%) 50% 22%/100% .35em no-repeat,linear-gradient(90deg,#0000 8%,#38bdf859 30%,#f0f9ff73 50%,#38bdf859 70%,#0000 92%) 50% 78%/100% .3em no-repeat,radial-gradient(at 50% 112%,#1d4ed899,#0000 60%);animation:3.6s cubic-bezier(.5,0,.3,1.6) infinite mfx-stretch;inset:0}@keyframes mfx-stretch{0%,to{opacity:.45;scale:.55 1}45%{opacity:1;scale:1.05 .94}60%{opacity:.85;scale:.95 1.03}}.fx-pulse{animation:2.4s ease-in-out infinite mfx-pulse}@keyframes mfx-spin{to{rotate:360deg}}@keyframes mfx-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes mfx-flash{0%,86%,to{opacity:0}88%{opacity:1}90%{opacity:.2}92%{opacity:.9}}@keyframes mfx-ripple{0%{background-size:100% 100%}to{background-size:115% 115%}}@media (prefers-reduced-motion:reduce){.mcard[data-rarity="6"],.mfx,.fx-pulse{animation:none}.mfx--bolt{opacity:.8}}.mcard--playable{outline-offset:.2em;outline:.25em solid #34d399}@property --aura-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.mcard__aura{z-index:0;background:conic-gradient(from var(--aura-angle), var(--aura-a), transparent 22%, var(--aura-b) 45%, transparent 68%, var(--aura-a));filter:blur(.45em);pointer-events:none;border-radius:1.6em;padding:.9em;animation:4s linear infinite mcard-aura;position:absolute;inset:-.9em;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes mcard-aura{to{--aura-angle:360deg}}.mcard__medallion:after{content:"";border:.12em dashed var(--frame-accent);opacity:.85;border-radius:999px;animation:9s linear infinite mfx-spin;position:absolute;inset:-.42em}.mcard__particles{z-index:2;pointer-events:none;position:absolute;inset:-14%;overflow:visible}.mpart{left:var(--x);top:var(--y);width:var(--s);height:var(--s);background:var(--c);box-shadow:0 0 .45em var(--c);opacity:0;animation-duration:var(--d);animation-delay:var(--delay);border-radius:999px;animation-timing-function:ease-out;animation-iteration-count:infinite;position:absolute}.mpart--ember{animation-name:mpart-rise;top:92%}@keyframes mpart-rise{0%{opacity:0;translate:0}15%{opacity:1}to{opacity:0;translate:calc(sin(var(--r)) * 1.5em) -15em}}.mpart--dust{left:calc(var(--x) * .8 + 20%);border-radius:.06em;animation-name:mpart-dust;animation-timing-function:ease-in}@keyframes mpart-dust{0%{opacity:0;translate:0;rotate:0deg}20%{opacity:1}to{opacity:0;translate:5em -4em;rotate:220deg}}.mpart--star{width:calc(var(--s) * 2.4);height:calc(var(--s) * 2.4);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);border-radius:0;animation-name:mpart-twinkle;animation-timing-function:ease-in-out}@keyframes mpart-twinkle{0%,to{opacity:0;rotate:0deg;scale:.2}50%{opacity:1;rotate:90deg;scale:1}}.mpart--spark{width:.09em;height:1.1em;rotate:var(--r);animation-name:mpart-spark;animation-duration:calc(var(--d) * .5);border-radius:0;animation-timing-function:step-end}@keyframes mpart-spark{0%,70%,to{opacity:0}72%{opacity:1;translate:.2em}76%{opacity:.3;translate:-.2em .1em}80%{opacity:1;translate:0}}.mpart--rune{width:auto;height:auto;box-shadow:none;color:var(--c);text-shadow:0 0 .4em var(--c), 0 0 .8em var(--c);animation-name:mpart-rune;animation-duration:calc(var(--d) * 1.6);background:0 0;font-size:1.1em;line-height:1;animation-timing-function:linear;top:90%}@keyframes mpart-rune{0%{opacity:0;translate:0}20%{opacity:.9}to{opacity:0;translate:0 -16em}}.mpart--debris{width:calc(var(--s) * 1.8);height:calc(var(--s) * 1.1);opacity:1;animation-name:mpart-orbit;animation-duration:calc(var(--d) * 2.4);border-radius:.05em;animation-timing-function:linear;top:50%;left:50%;box-shadow:0 0 .3em #ef4444cc}@keyframes mpart-orbit{0%{transform:rotate(var(--r)) translate(7.8em, 0) scaleY(1.4) rotate(0deg)}to{transform:rotate(calc(var(--r) + 360deg)) translate(7.8em, 0) scaleY(1.4) rotate(-360deg)}}.mpart--streak{width:.07em;height:3.5em;rotate:var(--r);transform-origin:50% 100%;border-radius:0;animation-name:mpart-streak;animation-timing-function:cubic-bezier(.2,.8,.2,1);top:45%;left:50%;box-shadow:0 0 .25em #fff}@keyframes mpart-streak{0%,60%{opacity:0;translate:0}65%{opacity:1}to{opacity:0;translate:0 -11em}}.mfx--scan{mix-blend-mode:screen;background:linear-gradient(#0000,#67e8f973 80%,#cffafee6);height:22%;animation:3.2s ease-in-out infinite mfx-scan;inset:0}@keyframes mfx-scan{0%{opacity:0;translate:0 -100%}15%{opacity:1}85%{opacity:1}to{opacity:0;translate:0 460%}}.fx-stone{animation:3s ease-in-out infinite mfx-stone}@keyframes mfx-stone{0%,to{filter:none}12%{filter:brightness(1.8)drop-shadow(0 0 2px #fff)}24%{filter:none}}.mcard--tilt{transform:perspective(45em) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease-out}.mcard__glare{z-index:5;border-radius:inherit;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%), #ffffff73, transparent 45%);mix-blend-mode:overlay;opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.mcard--tilt:hover .mcard__glare{opacity:1}@media (prefers-reduced-motion:reduce){.mcard__aura,.mcard__medallion:after,.mpart,.mfx--scan,.fx-stone{animation:none}.mcard__particles{display:none}.mcard--tilt{transform:none}}.mcard--spell .mcard__body:after{content:"";height:8.5em;box-shadow:0 0 0 .18em var(--team-light), 0 0 .9em .2em color-mix(in oklab, var(--team-light) 70%, transparent);pointer-events:none;border-radius:50%;position:absolute;top:.15em;left:.75em;right:.75em}.mcard--spell .mcard__tribe{letter-spacing:.08em;text-transform:uppercase}.fighter{--fw:6.5rem;--fh:8rem;--fshape:50%;--fframe:linear-gradient(160deg, #a1a1aa, #52525b 50%, #71717a);--faccent:#a1a1aa}.fighter[data-rarity="3"]{--fw:6.75rem;--fshape:1.2rem 1.2rem 50% 50% / 1.2rem 1.2rem 55% 55%;--fframe:linear-gradient(160deg, #dbeafe -5%, #3b82f6 25%, #1e3a8a 55%, #60a5fa 85%, #1e40af);--faccent:#60a5fa}.fighter[data-rarity="4"]{--fw:7rem;--fh:7.75rem;--fshape:1.6rem;--fframe:linear-gradient(155deg, #f5d0fe -5%, #a855f7 22%, #4c1d95 50%, #c084fc 78%, #581c87);--faccent:#d8b4fe}.fighter[data-rarity="5"]{--fw:7.25rem;--fh:8rem;--fshape:.8rem;--fframe:linear-gradient(150deg, #fff7c2 0%, #f5b915 18%, #8a5a00 38%, #ffe27a 55%, #b7791f 75%, #fff1a8 100%);--faccent:#fcd34d}.fighter[data-rarity="6"]{--fw:7.5rem;--fh:8.75rem;--fshape:50% 50% 1.4rem 1.4rem / 42% 42% 1.4rem 1.4rem;--faccent:#f5d0fe}.fighter__frame,.fighter__slot{width:var(--fw);height:var(--fh);border-radius:var(--fshape)}.fighter__frame{background:linear-gradient(#3f3f46, #3f3f46) padding-box, var(--fframe) border-box}.fighter[data-rarity="5"] .fighter__frame{border-width:5px}.fighter[data-rarity="6"] .fighter__frame{--fframe:conic-gradient(from var(--mythic-angle), #f0abfc, #818cf8, #22d3ee, #a3e635, #facc15, #fb923c, #f472b6, #f0abfc);border-width:5px;animation:10s linear infinite mcard-mythic-frame}.fighter__rim{border-radius:inherit;box-shadow:inset 0 0 0 2px #05070db3, inset 0 0 0 3px color-mix(in oklab, var(--faccent) 80%, transparent);pointer-events:none;position:absolute;inset:0}.fighter[data-rarity="5"] .fighter__rim,.fighter[data-rarity="6"] .fighter__rim{mix-blend-mode:overlay;background:linear-gradient(115deg,#0000 35%,#ffffff80 45%,#facc1559 50%,#38bdf84d 55%,#0000 65%) 0 0/300% 100%;animation:6s ease-in-out infinite mcard-shine}.fighter__glow{border-radius:var(--fshape);pointer-events:none;position:absolute;inset:0;box-shadow:0 0 1rem .15rem #a855f78c}.fighter[data-rarity="5"] .fighter__glow{animation:3s ease-in-out infinite fighter-breathe;box-shadow:0 0 1.3rem .3rem #fbbf2499}.fighter[data-rarity="6"] .fighter__glow{box-shadow:0 0 1.4rem .3rem var(--aura-a,#e879f9a6), 0 0 2.4rem .4rem color-mix(in srgb, var(--aura-b,#22d3ee) 45%, transparent);animation:3s ease-in-out infinite fighter-breathe}@keyframes fighter-breathe{50%{opacity:.55}}.fighter__aura{border-radius:var(--fshape);background:conic-gradient(from var(--aura-angle), var(--aura-a,#e879f9), transparent 22%, var(--aura-b,#22d3ee) 45%, transparent 68%, var(--aura-a,#e879f9));filter:blur(.3rem);pointer-events:none;padding:.6rem;animation:4s linear infinite mcard-aura;position:absolute;inset:-.6rem;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.fighter__corner{filter:drop-shadow(.06rem .08rem #05070d);pointer-events:none;border:.3rem solid #b7791f;border-color:#fde68a #b7791f #b7791f #fde68a;width:1.6rem;height:1.6rem;position:absolute;top:-.4rem}.fighter__corner--l{border-bottom:0;border-right:0;border-top-left-radius:1.1rem;left:-.4rem}.fighter__corner--r{border-bottom:0;border-left:0;border-top-right-radius:1.1rem;right:-.4rem}.fighter__corner:after{content:"";background:#fff7c2;width:.4rem;height:.4rem;position:absolute;top:.15rem;left:.15rem;rotate:45deg;box-shadow:0 0 .35rem #fbbf24}.fighter__corner--r:after{left:auto;right:.15rem}.fighter__gem{background:radial-gradient(circle at 35% 30%, white -20%, var(--faccent) 45%, color-mix(in oklab, var(--faccent) 45%, #05070d));width:.95rem;height:.95rem;box-shadow:0 0 .45rem color-mix(in oklab, var(--faccent) 70%, transparent);pointer-events:none;border:2px solid #05070d;border-radius:.15rem;place-items:center;display:grid;position:absolute;bottom:-.45rem;left:50%;translate:-50%;rotate:45deg}.fighter[data-rarity="5"] .fighter__gem{clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);width:1.45rem;height:1.45rem;box-shadow:none;isolation:isolate;color:#05070d;background:#05070d;border:0;border-radius:0;padding-top:.15rem;font-size:.8rem;line-height:1;bottom:-.65rem;rotate:none}.fighter[data-rarity="5"] .fighter__gem:before{content:"";z-index:-1;clip-path:inherit;background:linear-gradient(160deg,#fff7c2,#f5b915 45%,#8a5a00);position:absolute;inset:2px}.fighter[data-rarity="6"] .fighter__gem{width:1.7rem;height:1.7rem;box-shadow:0 0 .6rem var(--aura-a,#e879f9);color:#fff;text-shadow:0 0 2px #05070d;background:conic-gradient(#f0abfc,#818cf8,#22d3ee,#a3e635,#facc15,#fb923c,#f472b6,#f0abfc);border:2px solid #05070d;border-radius:50%;padding:2px;font-size:.85rem;line-height:1;bottom:-.75rem;rotate:none}.fighter__gem svg{border-radius:50%;width:100%;height:100%}@media (prefers-reduced-motion:reduce){.fighter__frame,.fighter__rim,.fighter__glow,.fighter__aura{animation:none!important}}.hero-portrait__frame{background:conic-gradient(from var(--mythic-angle), var(--aura-a), #fde68a, var(--aura-b), #f0abfc, var(--aura-a), #fde68a, var(--aura-b), var(--aura-a));isolation:isolate;animation:10s linear infinite mcard-mythic-frame}.hero-portrait__aura{z-index:-1;background:conic-gradient(from var(--aura-angle), var(--aura-a), transparent 22%, var(--aura-b) 45%, transparent 68%, var(--aura-a));filter:blur(.4rem);opacity:.6;pointer-events:none;border-radius:4.85rem 4.85rem 2.85rem 2.85rem;padding:.85rem;transition:opacity .4s;animation:5s linear infinite mcard-aura;position:absolute;inset:-.85rem;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.hero-portrait--active .hero-portrait__aura{opacity:1;animation-duration:3s}.hero-portrait__fx{pointer-events:none;font-size:.55rem;position:absolute;inset:0}.hero-portrait__plate{border-color:color-mix(in srgb, var(--aura-a) 70%, #000);box-shadow:0 0 .6rem color-mix(in srgb, var(--aura-a) 45%, transparent), 0 .4rem .8rem #0009}.hero-portrait__emblem{background:conic-gradient(var(--aura-a), #fde68a, var(--aura-b), var(--aura-a));width:2.3rem;height:2.3rem;box-shadow:0 0 0 .1rem #05070d, 0 0 .7rem var(--aura-a);border-radius:50%;padding:.12rem;position:absolute;top:50%;left:-.6rem;translate:0 -50%}.hero-portrait__emblem svg{width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.hero-portrait__frame,.hero-portrait__aura{animation:none}}.card-back{border:.14rem solid color-mix(in srgb, var(--ha) 75%, #000);background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--ha) 35%, transparent), transparent 60%), linear-gradient(160deg, color-mix(in srgb, var(--hc) 85%, #fff 8%), color-mix(in srgb, var(--hc) 55%, #000) 70%, color-mix(in srgb, var(--hb) 40%, #000));border-radius:.5rem;overflow:hidden}.card-back:after{content:"";border:.08rem solid color-mix(in srgb, var(--ha) 70%, #fff 20%);opacity:.7;pointer-events:none;border-radius:.32rem;position:absolute;inset:.18rem}.card-back__motif{opacity:.9;width:100%;height:100%;position:absolute;inset:0}.card-back__motif *{vector-effect:non-scaling-stroke}.card-back__medal{aspect-ratio:1;background:conic-gradient(var(--ha), var(--hb), var(--ha));width:62%;box-shadow:0 0 0 .08rem #000, 0 .15rem .5rem #0009, 0 0 .8rem color-mix(in srgb, var(--ha) 50%, transparent);border-radius:50%;padding:.12rem;position:absolute;top:50%;left:50%;translate:-50% -50%}.card-back__medal svg{width:100%;height:100%;display:block}.card-back--venom{--hc:#2b2766}.fighter[data-rarity="6"][class*=mythic-skin--] .fighter__frame{--fframe:var(--frame);animation:none}.fighter[data-rarity="6"][class*=mythic-skin--] .fighter__gem{background:var(--frame)}.hero-portrait__frame[class*=mythic-skin--]{background:var(--frame);animation:none}.fighter__dshield{z-index:3;border-radius:inherit;pointer-events:none;background:radial-gradient(#0000 55%,#fde04759 85%,#fef08a99);border:3px solid #fef3c7;animation:1.6s ease-in-out infinite alternate fighter-dshield-pulse;position:absolute;inset:-.5rem;overflow:hidden;box-shadow:0 0 0 2px #a16207e6,0 0 1rem .2rem #fde047d9,inset 0 0 .9rem #fef08acc}.fighter__dshield:after{content:"";background:linear-gradient(115deg,#0000 42%,#ffffffbf 50%,#0000 58%);animation:2.6s ease-in-out infinite fighter-dshield-sweep;position:absolute;inset:-50% -100%}@keyframes fighter-dshield-pulse{to{box-shadow:0 0 0 2px #a16207e6,0 0 1.7rem .45rem #fde047f2,inset 0 0 1.2rem #fef08af2}}@keyframes fighter-dshield-sweep{0%{translate:-60%}60%,to{translate:60%}}.fighter__dshield-badge{z-index:4;clip-path:polygon(50% 0,100% 15%,100% 55%,50% 100%,0 55%,0 15%);filter:drop-shadow(0 0 .4rem #fde047e6);width:1.7rem;height:1.9rem;font-family:var(--font-display,inherit);color:#422006;pointer-events:none;background:linear-gradient(160deg,#fffbeb,#facc15 50%,#a16207);place-items:center;font-size:.9rem;display:grid;position:absolute;top:-.85rem;left:-.85rem}@media (prefers-reduced-motion:reduce){.fighter__dshield,.fighter__dshield:after{animation:none}}.mcard.mcard--bonded{box-shadow:0 0 0 .12em var(--ink), 0 0 1.2em .3em #f472b6bf, 0 .5em 1.2em -.4em #000c;animation:2.4s ease-in-out infinite bond-glow}@keyframes bond-glow{50%{box-shadow:0 0 0 .12em var(--ink), 0 0 1.8em .55em #f472b6, 0 .5em 1.2em -.4em #000c}}.hand-bond{z-index:2;color:#fff;max-width:92%;font-family:var(--font-display,inherit);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px #00000073;pointer-events:none;background:linear-gradient(#f9a8d4,#db2777);border:1px solid #0009;border-radius:999px;padding:.05rem .45rem;font-size:.62rem;position:absolute;top:.45rem;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 .15rem .4rem #00000080}@media (prefers-reduced-motion:reduce){.mcard.mcard--bonded{animation:none}}.mcard__variant-prestige{color:#b8860b}.mcard__stat.hero-cost{--ink:#05070d;flex:none;font-size:.62rem;position:relative;top:auto;left:auto}.mcard__stat.hero-cost>span{font-size:1.45em}:root{--lol-black:#010a13;--lol-navy:#0a1428;--lol-navy-2:#091428;--lol-blue:#0a323c;--lol-steel:#1e2328;--lol-steel-2:#3c3c41;--lol-gold:#c8aa6e;--lol-gold-light:#f0e6d2;--lol-gold-bright:#c89b3c;--lol-gold-dark:#785a28;--lol-gold-deep:#463714;--lol-grey:#a09b8c;--lol-teal:#0ac8b9;--lol-teal-dark:#005a82;--lol-red:#be1e37;--lol-border:linear-gradient(180deg, var(--lol-gold) 0%, var(--lol-gold-dark) 100%);--lol-panel:linear-gradient(180deg, #0a1428f5, #010a13f5);--lol-panel-glow:inset 0 0 0 1px #f0e6d20a, inset 0 0 2rem #0ac8b90a, 0 .6rem 1.6rem #0000008c;--accent:#c8aa6e;--accent-dark:#785a28;--font-display:"Cinzel", "Trajan Pro", Georgia, serif;--font-num:"Cinzel", Georgia, serif;--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif;--color-ink:#785a28;--ink-width:.4;--border-width-ink-sm:1px;--border-width-ink-md:1px;--border-width-ink-lg:2px;--border-width-ink-xl:2px;--pop-x:0;--pop-y:.5;--pop-blur:3;--pop-color:#0000008c;--pop-accent:#c8aa6e59;--ink-stroke:0;--halftone:none;--tilt:0;--color-zinc-950:#010a13;--color-zinc-900:#0a1428;--color-zinc-800:#1e2328;--color-zinc-700:#3c3c41;--color-zinc-600:#5b5a56;--color-zinc-500:#8c8a80;--color-zinc-400:#a09b8c;--color-zinc-300:#cdc6b4;--color-zinc-200:#e2d9c4;--color-zinc-100:#f0e6d2;--color-gold:#c8aa6e;--color-sky-300:#5fd8cf;--color-sky-400:#0ac8b9;--color-yellow-200:#f0e6d2;--color-yellow-300:#f0e6d2;--color-mana:#0596aa;--color-mana-empty:#0a1428;--color-board:#0a1428;--color-board-edge:#785a28}body{background:radial-gradient(ellipse 80% 60% at 50% 0%, #0a1e33, var(--lol-black) 70%) fixed, var(--lol-black);color:var(--lol-gold-light)}::selection{background:#c8aa6e59}.font-display{letter-spacing:.04em;font-weight:700}.ui-panel{border:1px solid var(--lol-gold-dark);background:var(--lol-panel);box-shadow:var(--lol-panel-glow);color:var(--lol-gold-light);--color-zinc-900:#f0e6d2;--color-zinc-800:#e2d9c4;--color-zinc-700:#cdc6b4;--color-zinc-600:#a09b8c;--color-zinc-500:#8c8a80;--color-zinc-300:#3c3c41;--color-black:#f0e6d2;border-radius:.25rem}.ui-panel:not(.bg-zinc-50):not(.lobby__panel){--color-zinc-900:#0a1428;--color-zinc-800:#1e2328;--color-zinc-700:#3c3c41;--color-zinc-600:#5b5a56;--color-zinc-300:#cdc6b4}.ui-btn{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-weight:700;transition:filter .15s,box-shadow .15s;background:linear-gradient(180deg, #1e2328, #0a1428) padding-box, linear-gradient(180deg, var(--lol-gold), var(--lol-gold-dark)) border-box!important;color:var(--lol-gold-light)!important;border:1px solid #0000!important;border-radius:.125rem!important;box-shadow:inset 0 0 .8rem #0ac8b90f,0 .3rem .8rem #00000073!important}.ui-btn:hover:not(:disabled){filter:none;background:linear-gradient(180deg, #24303a, #0e1c30) padding-box, linear-gradient(180deg, var(--lol-gold-light), var(--lol-gold)) border-box!important;box-shadow:inset 0 0 1rem #c8aa6e2e,0 0 .9rem #c8aa6e40!important}.ui-btn:active:not(:disabled){translate:none!important}.ui-btn:disabled{filter:grayscale(.6)brightness(.7)}.ui-btn.bg-accent,.ui-btn.bg-gold{background:linear-gradient(180deg, #1a5b6c, #0a323c 55%, #062430) padding-box, linear-gradient(180deg, var(--lol-gold-light), var(--lol-gold) 40%, var(--lol-gold-dark)) border-box!important;color:var(--lol-gold-light)!important;box-shadow:inset 0 0 1rem #0ac8b94d,0 0 1rem #0ac8b92e,0 .3rem .8rem #00000080!important}.ui-btn.bg-accent:hover:not(:disabled),.ui-btn.bg-gold:hover:not(:disabled){background:linear-gradient(180deg, #1f7085, #0b3f4c 55%, #062a37) padding-box, linear-gradient(180deg, #fff, var(--lol-gold-light) 40%, var(--lol-gold)) border-box!important;box-shadow:inset 0 0 1.2rem #0ac8b973,0 0 1.3rem #0ac8b959!important}.ui-title{background:linear-gradient(#f0e6d2 20%,#c8aa6e 75%,#a1814a);letter-spacing:.06em;-webkit-background-clip:text;background-clip:text;font-weight:700;color:#0000!important;filter:drop-shadow(0 .15rem .6rem #000000b3)!important}.ui-stamp{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-weight:700;border:1px solid var(--lol-gold)!important;color:var(--lol-gold-light)!important;background:linear-gradient(#1e2328,#0a1428)!important;border-radius:.125rem!important;box-shadow:0 .2rem .5rem #00000080!important}.ui-burst{border-radius:999px;clip-path:none!important}.ui-icon{vertical-align:-.125em;flex:none;display:inline-block}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--lol-gold-dark) #010a13}}::-webkit-scrollbar{width:.55rem;height:.55rem}::-webkit-scrollbar-track{background:#010a13;border-left:1px solid #785a2859}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--lol-gold), var(--lol-gold-dark));border:1px solid #010a13;border-radius:.125rem}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--lol-gold-light), var(--lol-gold))}::-webkit-scrollbar-corner{background:#010a13}.mcard{--ink:#010a13;--team-deep:color-mix(in oklab, var(--team) 34%, #010a13);--team-shade:color-mix(in oklab, var(--team) 16%, #010a13);--team-light:color-mix(in oklab, var(--team) 45%, #f0e6d2);--frame:linear-gradient(160deg, #77736a 0%, #2c2f35 30%, #15181d 62%, #4c4a43 100%);--frame-accent:#a09b8c;border-radius:.55em;padding:.3em;box-shadow:0 0 0 .05em #010a13,0 0 0 .1em #c8aa6e8c,0 .6em 1.3em -.4em #000000e6}.mcard:before,.mcard[data-rarity="2"]:before,.mcard[data-rarity="3"]:before,.mcard[data-rarity="4"]:before,.mcard[data-rarity="5"]:before,.mcard[data-rarity="6"]:before{content:"";pointer-events:none;border:.04em solid #0006;border-color:#f0e6d266 #0006 #0006 #f0e6d266;border-radius:.5em;position:absolute;inset:.06em}.mcard__body{background:radial-gradient(ellipse 90% 45% at 50% 62%, color-mix(in oklab, var(--team) 26%, transparent), transparent 70%), linear-gradient(180deg, var(--team-deep), #010a13 72%);border-radius:.34em;box-shadow:inset 0 0 0 .05em #c8aa6eb3,inset 0 0 1.4em #000000a6}.mcard--villain .mcard__body{box-shadow:inset 0 0 0 .05em #c8aa6eb3,inset 0 0 0 .14em #be1e3759,inset 0 0 1.4em #000000a6}.mcard__art{clip-path:inset(0 round .3em .3em 0 0);background:#010a13;height:8.5em}.mcard__art:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#010a13d9);height:2.2em;position:absolute;inset:auto 0 0}.mcard__watermark{font-family:var(--font-display);color:var(--lol-gold-light);opacity:.7;text-shadow:0 0 .3em #000;font-size:1em;font-weight:700}.mcard__banner{background:linear-gradient(90deg, transparent, #c8aa6ee6 18%, #f0e6d2f2 50%, #c8aa6ee6 82%, transparent) top / 100% .05em no-repeat, linear-gradient(90deg, transparent, #c8aa6ee6 18%, #c8aa6ee6 82%, transparent) bottom / 100% .05em no-repeat, linear-gradient(180deg, color-mix(in oklab, var(--team) 30%, #1e2328), #0a1428 70%);box-shadow:0 .25em .6em #0009, inset 0 0 .8em color-mix(in oklab, var(--team) 35%, transparent);border:0;border-radius:.12em;margin:-1.25em .18em 0;padding:.2em .45em .2em .22em}.mcard__emblem{border:.07em solid var(--lol-gold);background:radial-gradient(circle at 50% 35%, color-mix(in oklab, var(--team) 55%, #0a1428), #010a13);width:1.55em;height:1.55em;font-family:var(--font-display);color:var(--lol-gold-light);font-size:.8em;font-weight:700;box-shadow:0 0 .4em #c8aa6e59}.mcard__name{font-family:var(--font-display);letter-spacing:.02em;color:var(--lol-gold-light);text-shadow:0 .06em .25em #000000f2;font-weight:700}.mcard__variant{border:.05em solid var(--lol-gold-light);font-family:var(--font-display);color:#010a13;background:linear-gradient(#e3cf9a,#c8aa6e 45%,#785a28);border-radius:.1em;font-weight:800;box-shadow:0 .12em .3em #0009}.mcard__stars{color:#2c2f35;margin-top:.4em}.mcard__text{color:#e2d9c4;background:linear-gradient(#0a1428c7,#010a13d1);border-radius:.2em;margin:.3em .5em 0;box-shadow:inset 0 0 0 .05em #c8aa6e59,inset 0 0 .9em #00000080}.mcard__text b{color:var(--lol-gold-light)}.mcard__tribe{border:.05em solid var(--lol-gold-dark);background:linear-gradient(180deg, color-mix(in oklab, var(--team) 45%, #0a1428), #010a13);font-family:var(--font-display);letter-spacing:.05em;color:var(--lol-gold-light);text-shadow:none;border-radius:.12em;font-weight:700;box-shadow:0 .12em .3em #00000080}.mcard__chip{border:.05em solid var(--lol-gold-dark);font-family:var(--font-display);border-radius:.12em;font-size:.85em;font-weight:700}.team-crest{object-fit:contain;pointer-events:none;filter:drop-shadow(0 .04em .06em #000000e6);display:block}.mcard__emblem .team-crest{width:94%;height:94%}.mcard__watermark .team-crest{filter:drop-shadow(0 0 .15em #000)drop-shadow(0 0 .1em #000);width:1.5em;height:1.5em}.mcard__chip:has(.team-crest){background:radial-gradient(circle at 50% 35%, color-mix(in oklab, var(--chip) 55%, #0a1428), #010a13);min-width:1.5em;padding:.05em .1em}.mcard__chip .team-crest{width:1.3em;height:1.3em}.mcard__stat{filter:drop-shadow(0 .12em .2em #000000bf);background:linear-gradient(160deg,#f0e6d2,#c8aa6e 35%,#785a28 70%,#c8aa6e)}.mcard__stat>span{text-shadow:0 .05em .05em #010a13,0 0 .25em #000000e6,.04em .04em #010a13,-.04em -.04em #010a13;width:calc(100% - .24em);height:calc(100% - .24em);font-weight:800}.mcard__cost>span{background:radial-gradient(circle at 38% 28%,#b8f3ee,#0ac8b9 22%,#0596aa 48%,#003a52 85%)}.mcard__damage{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:2.9em;height:2.9em;bottom:-.8em;left:-.8em}.mcard__damage>span{background:radial-gradient(circle at 42% 30%,#fff1c9,#e8b75a 30%,#a8701e 62%,#4a2c08)}.mcard__hp{clip-path:polygon(50% 0,100% 12%,100% 58%,50% 100%,0 58%,0 12%);width:2.75em;height:2.9em;bottom:-.8em;right:-.8em}.mcard__hp>span{background:radial-gradient(circle at 40% 25%,#ff9aa5,#d6283f 35%,#8c1024 65%,#3a0410);padding-bottom:.2em}.mcard--colossal{box-shadow:0 0 0 .05em #010a13, 0 0 0 .1em #c8aa6e8c, 0 0 1.1em -.15em var(--molten), 0 .6em 1.3em -.4em #000000e6}.mcard--colossal .mcard__cost{background:linear-gradient(160deg,#f0e6d2,#c8aa6e 35%,#785a28 70%,#c8aa6e)}.mcard--colossal .mcard__cost>span{background:radial-gradient(circle at 38% 28%,#ffe0b0,#f97316 32%,#b91c1c 66%,#3a0606);width:calc(100% - .3em);height:calc(100% - .3em)}.mcard__colossal{border:.05em solid var(--lol-gold);font-family:var(--font-display);color:var(--lol-gold-light);text-shadow:none;background:linear-gradient(#b4431a,#5a1208);border-radius:.1em;font-weight:800;box-shadow:0 .12em .35em #0009}.mcard[data-rarity="2"]{--frame:linear-gradient(160deg, #8fd6cb -5%, #2b6f68 28%, #0e2e2f 62%, #4a958c);--frame-accent:#5fd8cf}.mcard[data-rarity="3"]{--frame:linear-gradient(160deg, #b4dcf5 -5%, #2a78b5 26%, #0b2a4c 60%, #4b9bd6 88%, #123d6b);--frame-accent:#7cc4f0}.mcard[data-rarity="4"]{--frame:linear-gradient(155deg, #e0c6f7 -5%, #8148c2 24%, #2a1150 58%, #a87ade 84%, #3c1a6a);--frame-accent:#cdaaf2}.mcard[data-rarity="5"]{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 20%, #785a28 42%, #e3cf9a 60%, #a07a36 80%, #f0e6d2 100%);--frame-accent:#f0e6d2;box-shadow:0 0 0 .05em #010a13,0 0 0 .1em #f0e6d299,0 0 1.3em -.1em #c8aa6e80,0 .6em 1.3em -.4em #000000e6}.mcard[data-rarity="3"] .mcard__body:after,.mcard[data-rarity="4"] .mcard__body:after,.mcard[data-rarity="5"] .mcard__body:after,.mcard[data-rarity="6"] .mcard__body:after{border:.04em solid color-mix(in oklab, var(--frame-accent) 55%, transparent);border-radius:.24em;inset:.18em}.mcard__corner{border-width:.1em;border-color:var(--frame-accent);filter:drop-shadow(0 0 .2em #000c);width:1.2em;height:1.2em}.mcard__corner--tl{border-top-left-radius:.55em;top:-.1em;left:-.1em}.mcard__corner--tr{border-top-right-radius:.55em;top:-.1em;right:-.1em}.mcard[data-rarity] .mcard__art:before{content:none}.mcard[data-rarity="5"] .mcard__art:after,.mcard[data-rarity="6"] .mcard__art:after{background:linear-gradient(115deg,#0000 38%,#f0e6d259 47%,#0ac8b92e 53%,#0000 62%) 0 0/300% 100%,linear-gradient(#0000 70%,#010a13d9);height:auto;inset:0}.mcard__crest{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,#f0e6d2,#785a28);width:2em;height:2em;top:-.85em}.mcard__crest>span{color:#010a13;background:radial-gradient(circle at 45% 30%,#f0e6d2,#c8aa6e 45%,#6b4e1e);width:calc(100% - .2em);height:calc(100% - .2em);padding-top:.05em;font-size:.95em}.mcard[data-rarity="6"]{--frame:linear-gradient(150deg, #f0e6d2, #c8aa6e 25%, #0a323c 55%, #0ac8b9 78%, #c8aa6e);--frame-accent:#f0e6d2;--glow-a:#0ac8b980;--glow-b:#c8aa6e66;box-shadow:0 0 0 .05em #010a13, 0 0 0 .1em #f0e6d2a6, 0 0 1.5em -.1em var(--glow-a), 0 0 2.6em -.4em var(--glow-b), 0 .6em 1.3em -.4em #000000e6}.mcard[data-rarity="6"][class*=mythic--]{padding:.42em}.mcard[data-rarity="6"] .mcard__body{background:radial-gradient(ellipse 80% 40% at 50% 66%, var(--glow-a), transparent 70%), linear-gradient(180deg, var(--team-deep), #010a13 70%)}.mcard[data-rarity="6"] .mcard__stars .is-on{color:#f0e6d2;text-shadow:0 0 .35em var(--glow-a)}.mcard__gems{display:none}.mcard__medallion{width:2.9em;height:2.9em;box-shadow:0 0 0 .07em var(--lol-gold), 0 0 0 .16em #010a13cc, 0 0 1em var(--glow-a);border:.12em solid #010a13;top:-1.4em}.mcard__medallion svg{filter:drop-shadow(0 .05em .12em #000000b3)}.mcard__medallion:after{border-color:#f0e6d266 #0000}.mcard--spell .mcard__art{clip-path:ellipse(50% 50%);height:8.2em;margin:.3em .75em .1em}.mcard--spell .mcard__art:after{content:none}.mcard--spell .mcard__body:after{height:8.2em;box-shadow:0 0 0 .08em #010a13, 0 0 0 .16em var(--lol-gold), 0 0 1em .15em #c8aa6e4d;border-radius:50%;top:.3em;left:.75em;right:.75em}img[data-art=spell]{object-position:50% 50%;clip-path:inset(14.645%);scale:1.4142}.mcard__art img[data-art=spell]{clip-path:inset(1.5%);scale:1.031}.fighter__markers{border:1px solid var(--lol-gold-dark);color:var(--lol-gold-light);background:linear-gradient(#1e2328,#010a13);border-radius:.125rem;gap:.35rem;padding-inline:.4rem;font-size:1.3rem;line-height:1.85rem;top:-1rem;box-shadow:0 .15rem .4rem #0009}.fighter__frost{color:#cdfaf5;background:radial-gradient(circle,#0ac8b940,#0ac8b98c);font-size:2.6rem;box-shadow:inset 0 0 1rem #cdfaf599}.fighter__frost .ui-icon{filter:drop-shadow(0 0 .35rem #0ac8b9e6)}.fighter{--fframe:linear-gradient(160deg, #a09b8c, #3c3c41 45%, #15181d 70%, #77736a);--faccent:#a09b8c}.fighter[data-rarity="2"]{--fframe:linear-gradient(160deg, #8fd6cb, #2b6f68 35%, #0e2e2f 65%, #4a958c);--faccent:#5fd8cf}.fighter[data-rarity="3"]{--fframe:linear-gradient(160deg, #b4dcf5, #2a78b5 30%, #0b2a4c 62%, #4b9bd6);--faccent:#7cc4f0}.fighter[data-rarity="4"]{--fframe:linear-gradient(155deg, #e0c6f7, #8148c2 28%, #2a1150 60%, #a87ade);--faccent:#cdaaf2}.fighter[data-rarity="5"]{--fframe:linear-gradient(150deg, #f0e6d2, #c8aa6e 22%, #785a28 45%, #e3cf9a 65%, #a07a36 85%, #f0e6d2);--faccent:#f0e6d2}.fighter[data-rarity="6"]{--faccent:#f0e6d2}.fighter__frame{background:linear-gradient(#0a1428, #0a1428) padding-box, var(--fframe) border-box;box-shadow:0 0 0 1px #010a13e6,0 .4rem .9rem #0009}.fighter[data-rarity="6"] .fighter__frame{--fframe:linear-gradient(150deg, #f0e6d2, #c8aa6e 25%, #0a323c 55%, #0ac8b9 78%, #c8aa6e);animation:none}.fighter__rim{box-shadow:inset 0 0 0 2px #010a13bf, inset 0 0 0 3px color-mix(in oklab, var(--faccent) 70%, transparent)}.fighter[data-rarity="4"] .fighter__rim{box-shadow:inset 0 0 0 2px #010a13bf, inset 0 0 0 3px color-mix(in oklab, var(--faccent) 70%, transparent), inset 0 0 1rem #8148c266}.fighter__glow{box-shadow:0 0 1rem .1rem #8148c273}.fighter[data-rarity="5"] .fighter__glow{box-shadow:0 0 1.2rem .2rem #c8aa6e80}.fighter__corner{filter:drop-shadow(0 0 .15rem #010a13);border-width:.18rem;border-color:#f0e6d2 #785a28 #785a28 #f0e6d2}.fighter__corner:after{background:#f0e6d2;box-shadow:0 0 .35rem #c8aa6e}.fighter__gem{background:radial-gradient(circle at 35% 30%, white -20%, var(--faccent) 45%, color-mix(in oklab, var(--faccent) 40%, #010a13));box-shadow:0 0 0 1px var(--lol-gold-dark), 0 0 .4rem color-mix(in oklab, var(--faccent) 60%, transparent);border:2px solid #010a13}.fighter[data-rarity="5"] .fighter__gem{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);box-shadow:none;color:#010a13;background:#010a13}.fighter[data-rarity="5"] .fighter__gem:before{background:radial-gradient(circle at 45% 30%,#f0e6d2,#c8aa6e 45%,#6b4e1e)}.fighter[data-rarity="6"] .fighter__gem{background:var(--frame,linear-gradient(150deg, #f0e6d2, #c8aa6e 30%, #0a323c 60%, #0ac8b9));box-shadow:0 0 0 1px var(--lol-gold), 0 0 .6rem var(--aura-a,#0ac8b9);border-color:#010a13}:root .fstat{filter:drop-shadow(0 .15rem .25rem #000c);background:linear-gradient(160deg,#f0e6d2,#c8aa6e 35%,#785a28 70%,#c8aa6e)}:root .fstat>span{text-shadow:0 .06rem .06rem #010a13,0 0 .3rem #000000e6,.05rem .05rem #010a13,-.05rem -.05rem #010a13;width:calc(100% - .22rem);height:calc(100% - .22rem);font-weight:800}:root .fstat--damage{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:2.7rem;height:2.7rem}:root .fstat--damage>span{background:radial-gradient(circle at 42% 30%,#fff1c9,#e8b75a 30%,#a8701e 62%,#4a2c08)}:root .fstat--hp{clip-path:polygon(50% 0,100% 12%,100% 58%,50% 100%,0 58%,0 12%);width:2.5rem;height:2.7rem}:root .fstat--hp>span{background:radial-gradient(circle at 40% 25%,#ff9aa5,#d6283f 35%,#8c1024 65%,#3a0410);padding-bottom:.2rem}:root .fstat--hero{width:3.2rem;height:3.4rem}:root .fstat--hurt>span{color:#ffc2c8}.hero-portrait__frame{background:linear-gradient(160deg,#f0e6d2,#c8aa6e 30%,#785a28 60%,#c8aa6e);animation:none}.hero-portrait__plate{border-color:var(--lol-gold-dark);box-shadow:inset 0 0 .6rem color-mix(in srgb, var(--aura-a) 25%, transparent), 0 .4rem .8rem #0009;background:linear-gradient(#1e2328,#010a13)!important}.hero-portrait__emblem{box-shadow:0 0 0 .1rem #010a13, 0 0 .6rem color-mix(in srgb, var(--aura-a) 60%, transparent);background:linear-gradient(160deg,#f0e6d2,#c8aa6e 45%,#785a28)}.card-back{border:.1rem solid var(--lol-gold-dark);background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--ha) 30%, transparent), transparent 62%), repeating-linear-gradient(45deg, #c8aa6e12 0 1px, transparent 1px 7px), linear-gradient(170deg, color-mix(in srgb, var(--hc) 40%, #0a1428), #010a13 75%)}.card-back:after{opacity:1;border:.06rem solid #c8aa6eb3;border-radius:.3rem;inset:.16rem}.card-back__medal{box-shadow:0 0 0 .08rem #010a13, 0 .15rem .5rem #0009, 0 0 .8rem color-mix(in srgb, var(--ha) 45%, transparent);background:linear-gradient(160deg,#f0e6d2,#c8aa6e 40%,#785a28)}.hand-bond{border:1px solid var(--lol-gold);color:var(--lol-gold-light);font-family:var(--font-display);letter-spacing:.06em;background:linear-gradient(#1e2328,#0a1428);border-radius:.125rem;font-weight:700;box-shadow:0 0 .6rem #c8aa6e73}.mcard.mcard--bonded{animation-name:lol-bond-glow}@keyframes lol-bond-glow{0%,to{box-shadow:0 0 0 .05em #010a13,0 0 0 .1em #f0e6d2b3,0 0 1.1em .25em #0ac8b98c}50%{box-shadow:0 0 0 .05em #010a13,0 0 0 .1em #f0e6d2e6,0 0 1.7em .5em #0ac8b9d9}}.prestige-orn .po-ink,.prestige-orn .po-edge{stroke:#c8aa6e;stroke-width:.9px}.prestige-orn__side{filter:drop-shadow(0 0 .06em #010a13)drop-shadow(0 0 .06em #010a13)drop-shadow(0 0 .45em #c8aa6e73)}.prestige-orn .po-fill-dark{fill:color-mix(in srgb, var(--po-b) 40%, #0a1428)}.prestige-orn .po-pole,.prestige-orn .po-hook,.prestige-orn .po-bone{stroke:#785a28}.mcard__variant-prestige{color:#f0e6d2;text-shadow:0 0 .3em #fffbeae6}:root .lobby{--ink:#785a28;--paper:#0a1428;--sun-a:#c8aa6e;--sun-b:#0a1428;--cyan:#0ac8b9;color:var(--lol-gold-light);background:radial-gradient(60% 45% at 50% 18%,#0ac8b91a,#0000 70%),radial-gradient(70% 50% at 50% 100%,#c8aa6e1a,#0000 70%),linear-gradient(#0a1428,#010a13 75%)}:root .lobby__burst{background:radial-gradient(circle,#0000 0 30%,#c8aa6e17 30% 30.15%,#0000 30.15% 33%,#c8aa6e0d 33% 33.4%,#0000 33.4% 44%,#0ac8b90f 44% 44.15%,#0000 44.15%),repeating-conic-gradient(#c8aa6e12 0deg .4deg,#0000 .4deg 15deg);width:120vmax;animation-duration:240s;-webkit-mask:radial-gradient(circle,#0000 29%,#000 30% 45%,#0000 46%);mask:radial-gradient(circle,#0000 29%,#000 30% 45%,#0000 46%)}:root .lobby__dots{background:radial-gradient(75% 70% at 50% 45%,#0000 55%,#010a13d9);-webkit-mask:none;mask:none}:root .lobby__logo{gap:.15em;animation-name:lol-logo-in;animation-duration:.9s;animation-timing-function:ease-out}@keyframes lol-logo-in{0%{opacity:0;translate:0 -.3em}}:root .lobby__logo-box{background:linear-gradient(90deg, transparent, var(--lol-gold) 20%, var(--lol-gold-light) 50%, var(--lol-gold) 80%, transparent) bottom / 100% 1px no-repeat;box-shadow:none;letter-spacing:.08em;color:var(--lol-gold);text-shadow:0 0 1.2rem #c8aa6e59,0 .08em .2em #000000e6;border:0;padding:.08em .5em 0;font-size:1.15em;font-weight:800}:root .lobby__logo-box:after{background:linear-gradient(115deg,#0000 45%,#f0e6d240 50%,#0000 55%)}:root .lobby__logo-sub{letter-spacing:.6em;text-indent:.6em;color:var(--lol-gold-light);text-shadow:0 .1em .4em #000000e6;margin-top:.1em;font-size:.38em;font-weight:600}:root .lobby__panel,:root .lobby__footer,:root .lobby__legal{--color-black:#f0e6d2}:root .lobby__panel{background:linear-gradient(180deg, #0a1428eb, #010a13f0) padding-box, linear-gradient(180deg, var(--lol-gold), var(--lol-gold-dark) 40%, #785a2866) border-box;color:var(--lol-gold-light);border:1px solid #0000;border-radius:.125rem;box-shadow:inset 0 0 2rem #0ac8b90d,0 0 0 1px #010a13cc,0 1rem 2.5rem #0009}:root .lobby__name>span{color:var(--lol-gold);font-size:.95rem}:root .lobby__input{border:1px solid var(--lol-gold-dark);color:var(--lol-gold-light);background:#010a13d9;border-radius:.125rem;box-shadow:inset 0 0 .6rem #0009}:root .lobby__input::placeholder{color:#5b5a56}:root .lobby__input:focus-visible{border-color:var(--lol-gold);box-shadow:0 0 0 1px #c8aa6e59,inset 0 0 .6rem #0009}:root .lobby__tile{gap:.3rem;min-height:4.5rem}:root .lobby__tile:first-child{grid-column:1/-1;min-height:5rem}:root .lobby__tile-title{letter-spacing:.1em;font-size:1.05rem;line-height:1.1}:root .lobby__tile:first-child .lobby__tile-title{letter-spacing:.14em;font-size:1.6rem}:root .lobby__tile-sub{font-family:var(--font-sans);letter-spacing:.04em;text-transform:none;color:var(--lol-grey);opacity:1;font-size:.68rem;font-weight:500}:root .lobby__btn:focus-visible{outline:1px solid var(--lol-teal);outline-offset:2px}:root .lobby__or{color:var(--lol-grey);font-size:.85rem}:root .lobby__or:before,:root .lobby__or:after{border-top:1px solid #c8aa6e4d}:root .lobby__link{color:var(--lol-grey);text-decoration-color:#a09b8c80}:root .lobby__link:hover{color:var(--lol-gold-light)}:root .lobby__room-code{border:1px solid var(--lol-gold);color:var(--lol-gold-light);background:#010a13d9;border-radius:.125rem;font-size:3.5rem;box-shadow:inset 0 0 1.2rem #0ac8b91f,0 0 1rem #c8aa6e26}:root .lobby__spot{color:var(--lol-gold-light)}:root .lobby__spot-lines{display:none}:root .lobby__spot-art{border:1px solid var(--lol-gold);box-shadow:0 0 0 3px #010a13e6, 0 0 0 4px #785a28cc, 0 0 2.5rem color-mix(in srgb, var(--aura) 25%, transparent), 0 1.5rem 3rem #000000b3;border-radius:.125rem;animation-name:lol-fade-in}@keyframes lol-fade-in{0%{opacity:0}}:root .lobby__spot-art:after{content:"";pointer-events:none;background:linear-gradient(#0000,#010a13eb);position:absolute;inset:45% 0 0}:root .lobby__spot-emblem{z-index:1;border:1px solid var(--lol-gold);background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--hero) 50%, #0a1428), #010a13);box-shadow:0 0 0 2px #010a13cc, 0 0 .9rem color-mix(in srgb, var(--aura) 40%, transparent);animation-name:lol-fade-in}:root .lobby__spot-team{z-index:1;border:1px solid var(--lol-gold-dark);box-shadow:none;color:var(--lol-gold);font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;background:#010a13cc;border-radius:.125rem;padding:.12rem .55rem;font-size:.7rem;font-weight:700;animation-name:lol-fade-in;top:.7rem;left:.7rem}:root .lobby__spot-caption{z-index:1;flex-direction:column;align-items:stretch;gap:.3rem;display:flex;position:absolute;bottom:.9rem;left:1rem;right:1rem;container-type:inline-size}:root .lobby__spot-name{max-width:none;box-shadow:none;text-align:center;text-wrap:balance;letter-spacing:.1em;color:var(--lol-gold-light);text-shadow:0 0 1rem #c8aa6e59,0 .1em .3em #000000f2;background:0 0;border:0;padding:0;font-size:min(2.1rem,10cqi);font-weight:800;line-height:1.05;animation:.7s ease-out .25s both lol-fade-in;position:static}:root .lobby__spot-quote{max-width:none;box-shadow:none;text-align:center;font-family:var(--font-sans);letter-spacing:.01em;text-transform:none;color:var(--lol-grey);background:0 0;border:0;border-top:1px solid #c8aa6e73;border-radius:0;padding:.35rem 0 0;font-size:.85rem;font-style:italic;font-weight:500;animation:.7s ease-out .6s both lol-fade-in;position:static}:root .lobby__spot-quote:before,:root .lobby__spot-quote:after{content:none}:root .lobby__hero{border:1px solid var(--lol-gold-dark);filter:saturate(.7)brightness(.8);border-radius:.125rem;box-shadow:0 0 0 2px #010a13d9,0 .5rem 1rem #00000080}:root .lobby__hero:hover{border-color:var(--lol-gold);filter:none;box-shadow:0 0 0 2px #010a13d9,0 0 1rem #c8aa6e59}:root .lobby__hero--lit{border-color:var(--lol-gold-light);box-shadow:0 0 0 2px #010a13d9, 0 0 0 3px var(--lol-gold), 0 0 1.4rem #c8aa6e66;filter:none}:root .lobby__footer{color:var(--lol-grey);font-weight:500}:root .lobby__legal{color:#5b5a56;font-size:.65rem}:root .lobby__panel .lobby__input.bg-white{background:#010a13d9}.duo-room__team{border:1px solid var(--lol-gold-dark);background:#010a1399;border-radius:.125rem}.duo-room__team--blue{background:linear-gradient(#0a5c8a59,#010a1399);border-color:#0a5c8a}.duo-room__team--red{background:linear-gradient(#8a1a2a59,#010a1399);border-color:#8a1a2a}.duo-room__team-name{color:var(--lol-gold-light);text-transform:uppercase}.duo-room__member{color:var(--lol-gold-light)}.duo-room__member-art{border:1px solid var(--lol-gold)}:root .duo-room__pick--on.duo-room__pick--blue{background:linear-gradient(180deg, #1a6fa0, #0a3a5c) padding-box, linear-gradient(180deg, var(--lol-gold-light), var(--lol-gold)) border-box!important}:root .duo-room__pick--on.duo-room__pick--red{background:linear-gradient(180deg, #a02a3a, #5c0a18) padding-box, linear-gradient(180deg, var(--lol-gold-light), var(--lol-gold)) border-box!important}:root .duo-room__pick--on.duo-room__pick--any{background:linear-gradient(180deg, #3c3c41, #1e2328) padding-box, linear-gradient(180deg, var(--lol-gold-light), var(--lol-gold)) border-box!important}.duo-room__hero{border-color:var(--lol-gold-dark)}.duo-room__hero--mine{border-color:var(--lol-gold-light);box-shadow:0 0 .7rem var(--lol-gold)}:root .room-mode{border:1px solid var(--lol-gold-dark);color:var(--lol-grey);text-transform:uppercase;letter-spacing:.08em;background:#010a13b3;border-radius:.125rem;transition:border-color .15s,color .15s}:root .room-mode:hover{border-color:var(--lol-gold);color:var(--lol-gold-light)}:root .room-mode--on{border-color:var(--lol-gold-light);box-shadow:0 0 0 1px var(--lol-gold), 0 0 1.2rem #0ac8b940;color:var(--lol-gold-light);background:linear-gradient(#0ac8b91f,#010a13cc)}:root .room-mode__tag{border:1px solid var(--lol-gold-dark);color:var(--lol-gold);background:0 0;border-radius:.125rem}:root .lobby__modes .lobby__tile:first-child{grid-column:auto;min-height:4.5rem}:root .lobby__modes .lobby__tile:first-child .lobby__tile-title{letter-spacing:.1em;font-size:1.05rem}:root .lobby--client{isolation:isolate;height:100dvh;padding-top:var(--client-bar-h);background:#010a13;grid-template-rows:minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.lobby-client__splash{z-index:-1;position:absolute;inset:0}.lobby-client__splash:after{content:"";background:linear-gradient(90deg,#010a13eb 0%,#010a138c 30%,#0000 55%,#010a1399 100%),linear-gradient(#0000 60%,#010a13f2 100%),linear-gradient(#010a13b3 0%,#0000 18%);position:absolute;inset:0}.lobby-client__splash-art{object-fit:cover;object-position:60% 20%;width:100%;height:100%;animation:1.2s ease-out both lobby-client-splash;position:absolute;inset:0}@keyframes lobby-client-splash{0%{opacity:0}}.client-shell{--client-bar-h:4.5rem;display:flow-root}.lobby-client__bar{z-index:30;border-bottom:1px solid var(--lol-gold-dark);background:linear-gradient(#010a13f5,#0a1428d9);align-items:center;gap:1.75rem;height:4.5rem;padding:0 1.75rem;display:flex;position:fixed;inset:0 0 auto;box-shadow:0 .4rem 1.2rem #00000080}.lobby-client__logo{flex-direction:column;line-height:1;display:flex}.lobby-client__logo-box{letter-spacing:.08em;color:var(--lol-gold);text-shadow:0 0 .8rem #c8aa6e59;font-size:1.55rem;font-weight:800}.lobby-client__logo-sub{letter-spacing:.55em;color:var(--lol-gold-light);margin-top:.2rem;font-size:.55rem;font-weight:600}.lobby-client__play{background:linear-gradient(180deg, #1a5b6c, #0a323c 55%, #062430) padding-box, linear-gradient(180deg, var(--lol-gold-light), var(--lol-gold) 40%, var(--lol-gold-dark)) border-box;letter-spacing:.18em;text-transform:uppercase;height:2.9rem;color:var(--lol-gold-light);border:2px solid #0000;border-radius:.2rem;padding:0 2.4rem;font-size:1.35rem;font-weight:800;transition:filter .15s,box-shadow .15s;box-shadow:inset 0 0 1rem #0ac8b966,0 0 1.2rem #0ac8b959}.lobby-client__play:hover{filter:brightness(1.15);box-shadow:inset 0 0 1.2rem #0ac8b98c,0 0 1.8rem #0ac8b980}.lobby-client__play[aria-expanded=true]{box-shadow:inset 0 0 1.4rem #0ac8b999,0 0 1.6rem #c8aa6e59}.lobby-client__tabs{align-items:stretch;gap:.25rem;height:100%;display:flex}.lobby-client__tab{letter-spacing:.12em;text-transform:uppercase;color:var(--lol-grey);border-bottom:2px solid #0000;align-items:center;padding:0 1rem;font-size:.95rem;font-weight:700;transition:color .15s,border-color .15s;display:flex}.lobby-client__tab:hover{color:var(--lol-gold-light)}.lobby-client__tab--on{border-color:var(--lol-gold);color:var(--lol-gold-light)}.lobby-client__profile{letter-spacing:.06em;color:var(--lol-grey);margin-left:auto;font-size:.75rem;font-weight:600}.lobby-client__profile:hover{color:var(--lol-gold-light)}.lobby-client__body{grid-template-columns:auto minmax(0,1fr) auto;gap:2rem;min-height:0;padding:1.75rem 1.75rem 1rem;display:grid}:root .lobby-client__panel{align-self:start;width:24rem;max-height:100%;padding:1.5rem;transition:opacity .25s,translate .35s cubic-bezier(.3,.7,.3,1);overflow-y:auto}:root .lobby-client__panel--wide{width:30rem}:root .lobby-client__panel--closed{opacity:0;pointer-events:none;translate:-110%}.lobby-client__feature{text-align:left;flex-direction:column;place-self:end start;align-items:flex-start;gap:.35rem;max-width:40rem;display:flex}.lobby-client__feature-region{letter-spacing:.25em;text-transform:uppercase;color:var(--lol-gold);align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;display:flex}.lobby-client__feature-region img{object-fit:contain;filter:drop-shadow(0 0 .4rem #c8aa6e80);width:1.8rem;height:1.8rem}.lobby-client__feature-name{background:linear-gradient(#f0e6d2 20%,#c8aa6e 75%,#a1814a);color:#0000;filter:drop-shadow(0 .2rem .8rem #000c);letter-spacing:.04em;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;font-size:4.8rem;font-weight:800;line-height:1;animation:.7s ease-out both lobby-client-name}@keyframes lobby-client-name{0%{opacity:0;translate:0 .5rem}}.lobby-client__feature-quote{color:var(--lol-gold-light);text-shadow:0 .1rem .5rem #000000e6;font-size:1.15rem;font-style:italic}.lobby-client__feature:hover .lobby-client__feature-quote{color:#fff}.lobby-client__reel{min-height:0}:root .lobby-client__reel .lobby__reel{height:100%}.lobby-client__footer{color:#a09b8cbf;justify-content:center;gap:1.5rem;padding:0 1.75rem .6rem;font-size:.62rem;display:flex}.lobby-client__legal{max-width:48rem}.lobby-modes__title{background:linear-gradient(90deg, var(--lol-gold), transparent) bottom / 100% 1px no-repeat;letter-spacing:.18em;text-transform:uppercase;color:var(--lol-gold-light);margin-bottom:-.25rem;padding-bottom:.5rem;font-size:1.6rem;font-weight:800}.lobby-modes{flex-direction:column;gap:.6rem;display:flex}.lobby-mode{background:linear-gradient(180deg, #1e2328f2, #0a1428f2) padding-box, linear-gradient(180deg, var(--lol-gold-dark), #785a2866) border-box;text-align:left;border:1px solid #0000;border-radius:.125rem;align-items:center;gap:.9rem;width:100%;padding:.75rem .9rem;transition:background .15s,box-shadow .15s,filter .15s;display:flex}.lobby-mode:hover:not(:disabled){background:linear-gradient(180deg, #24303afa, #0e1c30fa) padding-box, linear-gradient(180deg, var(--lol-gold-light), var(--lol-gold)) border-box;box-shadow:0 0 .9rem #c8aa6e33}.lobby-mode:disabled{filter:grayscale(.6)brightness(.7);cursor:default}.lobby-mode--primary{background:linear-gradient(180deg, #1a5b6c, #0a323c 55%, #062430) padding-box, linear-gradient(180deg, var(--lol-gold-light), var(--lol-gold) 40%, var(--lol-gold-dark)) border-box;padding-block:1rem;box-shadow:inset 0 0 1rem #0ac8b94d,0 0 1rem #0ac8b92e}.lobby-mode--primary:hover:not(:disabled){background:linear-gradient(180deg, #1f7085, #0b3f4c 55%, #062a37) padding-box, linear-gradient(180deg, #fff, var(--lol-gold-light) 40%, var(--lol-gold)) border-box;box-shadow:inset 0 0 1.2rem #0ac8b973,0 0 1.3rem #0ac8b959}.lobby-mode__icon{fill:none;width:1.9rem;height:1.9rem;stroke:var(--lol-gold);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}.lobby-mode--primary .lobby-mode__icon{width:2.2rem;height:2.2rem;stroke:var(--lol-gold-light);filter:drop-shadow(0 0 .35rem #0ac8b999)}.lobby-mode__text{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.lobby-mode__title{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--lol-gold-light);font-size:1.05rem;font-weight:700;line-height:1.1}.lobby-mode--primary .lobby-mode__title{letter-spacing:.16em;font-size:1.4rem}.lobby-mode__sub{color:var(--lol-grey);font-size:.72rem}.lobby-mode--primary .lobby-mode__sub{color:#f0e6d2bf}.lobby-mode__arrow{color:var(--lol-gold-dark);flex:none;font-size:1.6rem;line-height:1;transition:translate .15s,color .15s}.lobby-mode:hover:not(:disabled) .lobby-mode__arrow{color:var(--lol-gold);translate:.2rem}.lobby-modes__note{text-align:center;color:var(--lol-grey);margin-top:.15rem;font-size:.68rem}:root .client-shell>main:not(.lobby--client){margin-top:var(--client-bar-h);min-height:calc(100dvh - var(--client-bar-h))}.client-shell .page-back{display:none}.lobby-client__right{align-items:center;gap:1rem;margin-left:auto;display:flex}:root .lobby-client__right .lobby-client__profile{margin-left:0}:root .lobby-difficulty__opt{border:1px solid var(--lol-gold-dark);color:var(--lol-gold-light);background:linear-gradient(#1e2328f2,#0a1428f2);border-radius:.125rem}:root .lobby-difficulty__opt:hover:not(:disabled){border-color:var(--lol-gold);filter:none}:root .lobby-difficulty__opt--last{border-color:var(--lol-gold);background:linear-gradient(#1a5b6c,#0a323c 55%,#062430);box-shadow:inset 0 0 .8rem #0ac8b94d}:root .lobby-difficulty__label{text-transform:uppercase;letter-spacing:.12em;font-size:.95rem}:root .arena-page{background:#010a13}.lol-arena-bg__vista{filter:saturate(.8);background:radial-gradient(60% 45% at 50% 0,#c8aa6e24,#0000 70%),radial-gradient(85% 75%,#0000 35%,#010a13d9 100%),linear-gradient(#010a138c,#0a142880 45%,#010a13e0),url(/lol/arena/rift-vista.webp) 50% 42%/cover no-repeat,#0a1428;position:absolute;inset:-2%}:root .arena-frame{background:linear-gradient(var(--opp-glow,transparent), transparent 46%, transparent 54%, var(--you-glow,transparent)), linear-gradient(160deg, #f0e6d2 0%, #c8aa6e 18%, #785a28 42%, #463714 55%, #a07a36 78%, #e3cf9a 100%);background-blend-mode:soft-light, normal;box-shadow:0 0 0 1px #010a13, 0 0 0 3px #785a2880, 0 1.5rem 3rem -1rem #000000e6, 0 -1.5rem 3.5rem -1.5rem color-mix(in oklab, var(--opp-glow,#c8aa6e) 35%, transparent), 0 1.5rem 3.5rem -1.5rem color-mix(in oklab, var(--you-glow,#c8aa6e) 35%, transparent);border-radius:1.8rem;padding:.35rem}:root .arena-surface{background:radial-gradient(60% 16%,#0ac8b914,#0000 75%),url(/lol/arena/shop-smoke.webp) 50%/100% 100% no-repeat,linear-gradient(#0a1428,#071225 50%,#0a1428);border-radius:1.45rem;box-shadow:inset 0 0 0 1px #010a13e6,inset 0 0 0 2px #c8aa6e40,inset 0 0 4rem #000000bf}:root .arena-half--top,:root .arena-half--bottom{border-radius:1.45rem 1.45rem 0 0}:root .arena-half--top{background:radial-gradient(ellipse 55% 80% at 50% 0%, color-mix(in srgb, var(--ha) 12%, transparent), transparent 75%), linear-gradient(color-mix(in srgb, var(--hc) 14%, transparent), color-mix(in srgb, var(--hc) 3%, transparent) 80%, transparent)}:root .arena-half--bottom{background:radial-gradient(ellipse 55% 80% at 50% 100%, color-mix(in srgb, var(--ha) 12%, transparent), transparent 75%), linear-gradient(0deg, color-mix(in srgb, var(--hc) 14%, transparent), color-mix(in srgb, var(--hc) 3%, transparent) 80%, transparent);border-radius:0 0 1.45rem 1.45rem}:root .arena-half:before{opacity:.55;border-width:.12rem}:root .arena-half__motif{opacity:.3}:root .arena-half__emblem,:root .arena-emblem{display:none}:root .arena-emblem{opacity:.07;background:radial-gradient(circle,#0000 0 28%,#c8aa6e 28% 28.6%,#0000 28.6% 44%,#c8aa6e 44% 44.4%,#0000 44.4% 62%,#0ac8b9 62% 62.4%,#0000 62.4%)}:root .arena-emblem:after{content:none}:root .arena-half__emblem--star{color:#c8aa6e}:root .arena-divider{background:linear-gradient(90deg,#0000,#0ac8b959 12%,#f0e6d28c 50%,#0ac8b959 88%,#0000);height:2px;box-shadow:0 0 .6rem #0ac8b959}:root .mana-gem--full{background:radial-gradient(circle at 35% 30%,#d4fbf8,#0ac8b9 40%,#005a82);box-shadow:0 0 0 1px #c8aa6e99,0 0 .6rem #0ac8b9cc}:root .mana-gem--spent{background:#010a13;box-shadow:inset 0 0 0 1px #0a323c,0 0 0 1px #785a2880}.ui-end-turn{text-transform:uppercase;color:var(--lol-gold-light)!important;letter-spacing:.12em!important;background:linear-gradient(#1a5b6c,#0a323c 55%,#062430) padding-box padding-box,linear-gradient(#f0e6d2,#c8aa6e 40%,#785a28) border-box!important;border:1px solid #0000!important;border-radius:.125rem!important;font-size:1.15rem!important;line-height:1.15!important;box-shadow:inset 0 0 1rem #0ac8b959,0 0 1.2rem #0ac8b940,0 .4rem 1rem #0009!important}.ui-end-turn:hover:not(:disabled){filter:brightness(1.15)}.ui-end-turn.animate-pulse{--tw-ring-color:#0ac8b9cc;box-shadow:inset 0 0 1.2rem #0ac8b980,0 0 2rem #0ac8b999!important}.ui-end-turn:disabled{color:#5b5a56!important;background:linear-gradient(#1e2328,#0a1428) padding-box padding-box,linear-gradient(#5b5a56,#3c3c41) border-box!important;box-shadow:0 .4rem 1rem #0009!important}.ui-timer__track{fill:#010a13d9;stroke:#1e2328}.ui-timer__ring{stroke:#5b5a56;stroke-width:4px;stroke-linecap:butt}.ui-timer__ring--mine{stroke:#c8aa6e;filter:drop-shadow(0 0 3px #c8aa6eb3)}.ui-timer__ring--warn{stroke:#e84057}.ui-timer .font-display{font-size:1.3rem}.ui-power{box-shadow:0 0 0 1px #010a13,0 .4rem 1rem #0009!important}.ui-power.cursor-pointer{background:linear-gradient(160deg,#f0e6d2,#c8aa6e 35%,#785a28 70%,#c8aa6e)!important;box-shadow:0 0 0 1px #010a13,0 0 1.2rem #c8aa6e73!important}.ui-power .ui-icon{color:var(--lol-gold-light);filter:drop-shadow(0 0 .35rem #0ac8b9e6)drop-shadow(0 .1rem .2rem #010a13)}.ui-power>span:last-child{font-weight:800;border:1px solid var(--lol-gold)!important;background:radial-gradient(circle at 38% 28%,#b8f3ee,#0ac8b9 25%,#0596aa 50%,#003a52)!important}.ui-speech{font-family:var(--font-sans);letter-spacing:0;text-transform:none;font-style:italic;font-weight:500;border-color:var(--lol-gold-dark)!important;color:var(--lol-gold-light)!important;background:linear-gradient(#1e2328f7,#0a1428f7)!important;border-radius:.25rem!important;font-size:1rem!important;box-shadow:0 .5rem 1.2rem #0009!important}.ui-speech__tail{border-left-color:var(--lol-gold-dark)!important}.ui-speech__tail+.ui-speech__tail{border-left-color:#10192a!important}.ui-speech__tail--flip{border-right-color:var(--lol-gold-dark)!important}.ui-speech__tail--flip+.ui-speech__tail--flip{border-right-color:#10192a!important}.ui-log-entry{border-width:1px!important;border-radius:.125rem!important;box-shadow:0 0 0 2px #010a13d9,0 .3rem .6rem #00000080!important}.ui-log-entry>img{border-radius:0!important}:root .ui-burst:is(.fx-popup,.fx-popup-heavy){letter-spacing:0;-webkit-text-stroke:.06em #010a13;paint-order:stroke fill;font-weight:800;box-shadow:none!important;background:0 0!important;padding:0!important}:root .ui-burst.bg-accent:is(.fx-popup,.fx-popup-heavy){text-shadow:0 0 .25em #d6283fd9,0 .06em .12em #000000f2;color:#ff4d5e!important}:root .ui-burst.bg-emerald-500:is(.fx-popup,.fx-popup-heavy){text-shadow:0 0 .25em #0ac8b9cc,0 .06em .12em #000000f2;color:#3ee6d4!important}.fx-boom .ui-burst{box-shadow:none!important;background:radial-gradient(circle,#f0e6d2d9,#c8aa6e73 30%,#0ac8b940 50%,#0000 70%)!important}.fx-boom .ui-title{visibility:hidden}:root .fx-boom-ring{border-color:var(--lol-gold);border-width:.25rem;box-shadow:0 0 1.5rem #0ac8b999,inset 0 0 1rem #c8aa6e80}:root .fx-boom-flash{background:radial-gradient(circle,#f0e6d299,#0ac8b926 60%,#0000)}:root .fx-heavy-flash{background:radial-gradient(circle,#ffffffe6,#f0e6d280 30%,#d6283f40 55%,#0000 70%)}:root .fx-heavy-ring{border-color:var(--lol-gold);border-width:.25rem;box-shadow:0 0 1.5rem #d6283f,inset 0 0 1rem #c8aa6e}.ui-game-over{background:radial-gradient(60% 45% at 50% 40%,#0a323c8c,#0000 70%),#010a13d1!important}.ui-game-over .ui-title{letter-spacing:.14em;font-size:5rem}:root .duo-board{--duo-r:1.45rem}.duo-split{background:linear-gradient(#0000,#c8aa6e73 12%,#0ac8b926 46%,#0000 50%,#0ac8b926 54%,#c8aa6e73 88%,#0000)}.duo-tag,.duo-hand-count,.duo-mate-label{border:1px solid var(--lol-gold-dark);color:var(--lol-gold-light);background:linear-gradient(#0a1428eb,#010a13eb);border-radius:.125rem}.duo-tag{color:#f0e6d2a6}.duo-gift{color:#010a13;background:linear-gradient(#f0e6d2,#c8aa6e);border-radius:.125rem}.duo-fallen{color:#f0e6d24d}:root .duo-hub__track{fill:#010a13e6;stroke:#1e2328}:root .duo-hub--ours .duo-hub__ring{stroke:var(--lol-gold)}:root .duo-hub__button{color:#5b5a56;background:linear-gradient(#1e2328,#0a1428) padding-box padding-box,linear-gradient(#5b5a56,#3c3c41) border-box;border:1px solid #0000}:root .duo-hub--ours .duo-hub__button:not(:disabled){color:var(--lol-gold-light);background:linear-gradient(#1a5b6c,#0a323c 55%,#062430) padding-box padding-box,linear-gradient(#f0e6d2,#c8aa6e 40%,#785a28) border-box;border-color:#0000;box-shadow:inset 0 0 1rem #0ac8b959,0 0 1.2rem #0ac8b94d}:root .duo-hub__wait{border:1px solid var(--lol-gold-dark);color:var(--lol-gold-light);background:linear-gradient(#0a1428eb,#010a13eb);border-radius:.125rem}:root .duo-mana__bar{border:1px solid var(--lol-gold-dark);box-shadow:none;background:linear-gradient(#0a1428eb,#010a13eb);border-radius:.125rem}:root .duo-mana__label{color:var(--lol-gold)}:root .duo-mana--small .duo-mana__label{color:var(--lol-gold-light)}:root .duo-orb__core{fill:#0a1428;stroke:var(--lol-gold-dark)}:root .duo-orb__label{color:var(--lol-gold)}:root .duo-wheel__opt{font-family:var(--font-display);letter-spacing:.04em;color:var(--lol-gold-light);background:linear-gradient(#0a1428f2,#010a13f2);border-radius:.125rem}:root .duo-wheel__hub{border-color:var(--lol-gold)}:root .duo-board{--blast-hot:#c9fbf6;--blast-mid:#0ac8b9;--blast-edge:#005a828c;--blast-ring:#f0e6d2;--crack:#3ee6ff;--crack-glow:#0ac8b999;--void-a:#04101f;--void-b:#010409;--ascend:#f0e6d2}:root .duo-blast__ring{border-color:var(--lol-gold)}:root .duo-blast__ring--late{border-color:var(--blast-mid)}:root .duo-shard{filter:drop-shadow(0 0 .12rem var(--lol-gold-light)) drop-shadow(0 0 .5rem var(--blast-mid))}:root .duo-lanewin__banner{border-color:var(--lol-gold);color:var(--lol-gold-light);text-shadow:0 0 .6rem var(--lol-gold);background:linear-gradient(#1e2328,#0a1428);border-radius:.125rem}:root .duo-support{background:linear-gradient(160deg, var(--lol-steel-2), var(--lol-steel) 50%, var(--lol-gold-deep));box-shadow:0 0 0 1px var(--lol-black), 0 .4rem 1rem #000;border-radius:999px}:root .duo-support--ready{background:linear-gradient(160deg, var(--lol-gold-light), var(--lol-gold) 35%, var(--lol-gold-dark) 70%, var(--lol-gold));box-shadow:0 0 0 1px var(--lol-black), 0 0 .5rem var(--lol-gold), 0 0 1.4rem #0ac8b98c}:root .duo-support--aiming{box-shadow:0 0 0 1px var(--lol-black), 0 0 0 3px var(--lol-teal), 0 0 1.6rem #0ac8b9b3}:root .duo-support__icon{background:var(--lol-black);box-shadow:inset 0 0 0 1px var(--lol-black)}:root .duo-support__cost{border:1px solid var(--lol-gold);background:radial-gradient(circle at 35% 30%, #5ee6f0, var(--lol-teal-dark) 60%, var(--lol-navy));color:var(--lol-gold-light)}:root .duo-support__label{border:1px solid var(--lol-gold-dark);color:var(--lol-gold);font-family:var(--font-display);background:linear-gradient(#0a1428f2,#010a13f2);border-radius:.125rem}:root .duo-support__tip{border-color:var(--lol-gold-dark);background:var(--lol-panel);box-shadow:var(--lol-panel-glow);border-radius:.125rem}:root .duo-companion__art{border-color:var(--lol-gold)}:root .duo-companion__name{border:1px solid var(--lol-gold-dark);color:var(--lol-gold-light);background:linear-gradient(#1e2328,#0a1428);border-radius:.125rem}:root .ui-log-tip{border:1px solid var(--lol-gold-dark);background:linear-gradient(#0a1428f2,#010a13f2);border-radius:.125rem}:root .ui-log-tip__head{color:var(--lol-gold-light)}:root .ui-log-turn{color:var(--lol-gold)}:root .ui-log-turn:before,:root .ui-log-turn:after{background:#785a2899}:root .ui-log-badge{border-color:#010a13}:root .ui-ultimate--ready .ui-ultimate__gem{border-color:#f0e6d2;box-shadow:0 0 0 .12rem #010a13,0 0 1.4rem #c8aa6ee6,0 0 2.6rem #c8aa6e80}:root .ui-ultimate__gem{border-color:#785a28}:root .ui-ultimate__r{color:#010a13;background:#c8aa6e;border-color:#010a13}:root .ui-ultimate__label,:root .ult-banner__who{color:var(--lol-gold)}:root .ult-banner__name{color:var(--lol-gold-light);text-shadow:0 0 .5rem #c8aa6e,0 0 2rem #c8aa6ecc,0 .2rem #010a13}.ui-guide-tab{letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--lol-gold)!important;color:var(--lol-gold-light)!important;background:linear-gradient(#1e2328,#0a1428)!important;border-left:0!important;border-radius:0 .125rem .125rem 0!important;font-size:.95rem!important;box-shadow:inset 0 0 .8rem #c8aa6e1f,0 .4rem 1rem #0000008c!important}.ui-guide-tab:hover{box-shadow:inset 0 0 1rem #c8aa6e40,0 0 1rem #c8aa6e40!important}:root .ability-guide{background:radial-gradient(120% 40% at 0 0,#0ac8b90f,#0000 70%),linear-gradient(#0a1428,#010a13);border-right:1px solid var(--lol-gold-dark)!important}.ability-guide__head{border-bottom:1px solid var(--lol-gold-dark)!important;background:linear-gradient(#1e2328,#0a1428)!important}.ability-guide__head .ui-title{letter-spacing:.1em;font-size:1.5rem}.ui-close{border:1px solid var(--lol-gold-dark)!important;box-shadow:none!important;color:var(--lol-gold-light)!important;background:#010a13cc!important;font-weight:400!important}.ui-close:hover{border-color:var(--lol-gold)!important;scale:none!important}.ability-guide .ui-stamp{letter-spacing:.16em;font-size:.95rem;border-width:0 0 1px!important;border-color:var(--lol-gold-dark)!important;box-shadow:none!important;color:var(--lol-gold)!important;background:0 0!important;padding-inline:0!important}.ability-guide li{background:#010a1399;border-color:#c8aa6e24;border-radius:.125rem}.ability-guide li>span:first-child{color:var(--lol-gold-light);border-width:1px;border-radius:.125rem;font-size:1.35rem}.ui-guide-tab .ui-icon{color:var(--lol-gold)}.ability-guide__name{color:var(--lol-gold)!important}.ability-guide li>span:first-child{background:#c8aa6e0f!important;border-color:#c8aa6e59!important}:root .coll-hero{border:1px solid var(--lol-gold-dark);background:#010a13;border-radius:.125rem;box-shadow:0 0 0 2px #010a13d9,0 .4rem .8rem #00000080}:root .coll-hero:hover,:root .coll-hero:focus-visible{border-color:var(--lol-gold);box-shadow:0 0 0 2px #010a13d9,0 0 1rem #c8aa6e4d}:root .coll-hero[aria-pressed=true]{border-color:var(--lol-gold-light);box-shadow:0 0 0 2px #010a13d9, 0 0 0 3px var(--lol-gold), 0 0 1.2rem #c8aa6e66}:root .coll-hero__shade{background:linear-gradient(#0000,#010a1380 50%,#010a13f2)}:root .coll-hero--all{background:radial-gradient(circle at 50% 40%,#0ac8b940,#0000 65%),linear-gradient(#1e2328,#010a13)}:root .coll-hero--all>span:first-child{color:var(--lol-gold-light);font-size:1.25rem}:root .coll-hero--all .ui-stamp{padding-inline:.35rem;font-size:.6rem}:root .coll-hero-head{background-image:linear-gradient(160deg, color-mix(in oklab, var(--hero) 30%, transparent), transparent 60%);background-size:auto}:root .deck-tile,:root .deck-import{border:1px solid var(--lol-gold-dark);background:linear-gradient(#0a1428,#010a13);border-radius:.125rem;box-shadow:0 0 0 2px #010a13d9,0 .4rem .8rem #00000073}:root .deck-tile--default{background:#010a1399;border-style:dashed}:root .deck-tile.ring-gold{border-color:var(--lol-gold-light);box-shadow:0 0 0 2px #010a13d9, 0 0 0 3px var(--lol-gold), 0 0 1rem #c8aa6e4d}:root .deck-tile__btn,:root .deck-import input{border:1px solid var(--lol-gold-deep);border-radius:.125rem}:root .deck-tile__btn:hover{border-color:var(--lol-gold);color:var(--lol-gold-light)}@media (width>=64rem){:root .client-shell>.deck-editor{height:calc(100dvh - var(--client-bar-h));min-height:0}}:root .draft-page{background:radial-gradient(at 50% -10%,#0ac8b91f,#0000 55%),radial-gradient(at 0 100%,#0a323c80,#0000 50%),radial-gradient(at 100% 100%,#785a282e,#0000 50%),linear-gradient(#0a1428,#010a13)}:root .draft-banner{animation-name:lol-fade-in}:root .draft-tile{border:1px solid var(--lol-gold-dark);background:#010a13;border-radius:.125rem;box-shadow:0 0 0 2px #010a13d9,0 .4rem .9rem #0000008c}:root .draft-tile--open:hover{border-color:var(--lol-gold);translate:0 -.15rem;box-shadow:0 0 0 2px #010a13d9,0 0 1.2rem #c8aa6e4d}:root .draft-tile--selected{border-color:var(--lol-gold-light);box-shadow:0 0 0 2px #010a13d9, 0 0 0 3px var(--lol-gold), 0 0 1.6rem #0ac8b959;animation:1.2s ease-in-out infinite alternate lol-draft-selected}@keyframes lol-draft-selected{to{box-shadow:0 0 0 2px #010a13d9, 0 0 0 3px var(--lol-gold), 0 0 2.4rem #0ac8b98c}}:root .draft-tile__shade{background:linear-gradient(#0000,#010a138c 55%,#010a13f2)}:root .draft-x:before,:root .draft-x:after{background:linear-gradient(90deg,#0000,#be1e37 15%,#ff5a6e 50%,#be1e37 85%,#0000);border:0;height:.18rem;box-shadow:0 0 .6rem #be1e37cc}:root .draft-stamp{animation-name:lol-fade-in}:root .draft-coin__face{box-shadow:0 0 0 .12rem var(--lol-gold), 0 0 0 .35rem #010a13, 0 0 0 .45rem var(--lol-gold-dark), inset 0 0 1.6rem #0009, 0 0 2.5rem #c8aa6e4d;background-clip:padding-box;border:.3rem solid #0000}:root .draft-coin__face--you{color:#010a13;background:radial-gradient(circle at 40% 30%,#e3cf9a,#c8aa6e 35%,#785a28 70%,#463714)}:root .draft-coin__face--opp{background:radial-gradient(circle at 40% 30%,#8ff0e8,#0ac8b9 30%,#005a82 70%,#0a323c)}:root .draft-result,:root .draft-vs{animation-name:lol-fade-in}:root .draft-flash{background:radial-gradient(circle,#f0e6d280,#0ac8b940 30%,#0000 60%)}:root .draft-reveal-left,:root .draft-reveal-right{animation-name:lol-fade-in}.draft-side--you{background-image:radial-gradient(90% 35% at 50% 0,#c8aa6e29,#0000 70%)!important}.draft-side--opp{background-image:radial-gradient(90% 35% at 50% 0,#0ac8b924,#0000 70%)!important}.draft-side>div:first-child>span:first-child{color:var(--lol-gold-light);border-color:var(--lol-gold)!important;background:radial-gradient(circle at 50% 35%,#1e2328,#010a13)!important}:root .draft-mystery{background:radial-gradient(circle at 50% 45%,#0ac8b914,#0000 60%),linear-gradient(#0a1428,#010a13)}:root .skin-picker{border-radius:.125rem;padding:.55rem .9rem .75rem}:root .skin-picker__label{font-family:var(--font-display);color:var(--lol-gold);letter-spacing:.2em}:root .skin-picker__current{color:var(--lol-gold-light);text-transform:uppercase;font-size:1.15rem}:root .skin-opt{border:1px solid var(--lol-gold-dark);border-radius:.125rem;box-shadow:0 0 0 2px #010a13d9,0 .4rem .9rem #0000008c}:root .skin-opt:not(:disabled):hover{border-color:var(--lol-gold);box-shadow:0 0 0 2px #010a13d9,0 0 1.2rem #c8aa6e4d}:root .skin-opt__shade{background:linear-gradient(#0000,#010a1366 50%,#010a13f2)}:root .skin-opt__name{letter-spacing:.06em;text-transform:uppercase;color:var(--lol-gold-light);font-size:.78rem}:root .skin-opt--selected{border-color:var(--lol-gold-light);box-shadow:0 0 0 2px #010a13d9, 0 0 0 3px var(--lol-gold), 0 0 1.4rem color-mix(in srgb, var(--skin-glow) 60%, transparent)}:root .skin-opt__check{background:var(--lol-gold);border:1px solid var(--lol-gold-light);width:1.05rem;height:1.05rem;color:var(--lol-black);border-radius:0;font-size:.65rem;line-height:1;rotate:45deg}:root .skin-opt__lock{font-family:var(--font-display);color:var(--lol-grey)}:root .skin-opt__lock svg{color:var(--lol-gold-dark)}:root .mcard[data-rarity="6"][data-skin],:root .fighter[data-skin],:root .hero-portrait__frame[data-skin]{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, color-mix(in srgb, var(--aura-a) 28%, #010a13) 34%, var(--aura-a) 52%, color-mix(in srgb, var(--aura-a) 28%, #010a13) 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:color-mix(in srgb, var(--aura-a) 35%, white);--glow-a:color-mix(in srgb, var(--aura-a) 60%, transparent)}:root .heroes-page{max-width:104rem}:root .hero-inspect__splash{border:1px solid var(--lol-gold-dark);box-shadow:0 0 0 2px #010a13d9, 0 0 0 3px color-mix(in srgb, var(--lol-gold) 55%, transparent), 0 0 2.6rem color-mix(in srgb, var(--aura-a) 22%, transparent), 0 .8rem 2rem #0009;background:#010a13;border-radius:.125rem}:root .hero-inspect__splash:hover{border-color:var(--lol-gold)}:root .hero-inspect__backdrop{display:none}:root .hero-inspect__art{object-fit:cover;object-position:center 30%}:root .hero-inspect__shade{background:linear-gradient(#0000,#010a1399 60%,#010a13f7);height:60%}:root .hero-inspect__splash:after{content:"";background:linear-gradient(90deg, transparent, var(--lol-gold) 20%, var(--lol-gold-light) 50%, var(--lol-gold) 80%, transparent);height:1px;position:absolute;inset:auto 0 0}:root .hero-inspect__emblem{width:3.6rem;height:3.6rem}:root .hero-inspect__kind{font-family:var(--font-display);color:var(--lol-gold);letter-spacing:.3em}:root .hero-inspect__name{text-transform:uppercase;letter-spacing:.08em;font-size:3.4rem}:root .hero-inspect__skin-name{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--aura-a) 55%, var(--lol-gold-light));font-size:1.05rem}:root .hero-inspect__team{border:1px solid var(--lol-gold-dark);color:var(--lol-gold-light);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;background:#010a13bf;border-radius:.125rem;font-size:.75rem}:root .hero-inspect__team img{width:1.3rem;height:1.3rem}:root .hero-inspect__quote{border:1px solid var(--lol-gold-dark);color:var(--lol-gold-light);letter-spacing:.02em;background:linear-gradient(#1e2328f0,#010a13f0);border-radius:.125rem;font-size:.95rem;font-style:italic;font-weight:600;animation-name:lol-fade-in;box-shadow:0 .4rem 1rem #0000008c}:root .hero-inspect__hint{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--lol-grey)}:root .hero-inspect__bar{border-color:var(--lol-gold-dark);background:var(--lol-panel);box-shadow:var(--lol-panel-glow);border-radius:.125rem}:root .hero-inspect__power{border-color:var(--lol-gold-dark);background:var(--lol-panel);border-radius:.125rem}:root .hero-skins h2{color:var(--lol-gold);letter-spacing:.24em;text-transform:uppercase;font-size:1.1rem}:root .hero-skin{border:1px solid var(--lol-gold-dark);background:#010a13;border-radius:.125rem;box-shadow:0 0 0 2px #010a13d9,0 .4rem .9rem #0000008c}:root .hero-skin:hover{border-color:var(--lol-gold);translate:none;box-shadow:0 0 0 2px #010a13d9,0 0 1.2rem #c8aa6e4d}:root .hero-skin__shade{background:linear-gradient(#0000,#010a1359 45%,#010a13f2)}:root .hero-skin--previewing{border-color:var(--lol-gold-light);box-shadow:0 0 0 2px #010a13d9, 0 0 0 3px var(--lol-gold), 0 0 1.4rem color-mix(in srgb, var(--skin-glow) 60%, transparent)}:root .hero-skin__name{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--lol-gold-light);font-size:.72rem;font-weight:700}:root .hero-skin__lock{font-family:var(--font-display);letter-spacing:.06em;color:var(--lol-grey);font-size:.6rem}:root .hero-skin__equipped{border:1px solid var(--lol-gold-light);background:linear-gradient(180deg, var(--lol-gold), var(--lol-gold-dark));color:var(--lol-black);font-family:var(--font-display);border-radius:0}:root .hero-inspect__support{border-color:color-mix(in srgb, var(--lol-gold-dark) 55%, var(--lol-teal));box-shadow:inset 0 0 1.2rem #0ac8b914}:root .hero-inspect__power-icon,:root .hero-inspect__support-icon{border:1px solid var(--lol-gold);box-shadow:0 0 0 1px var(--lol-black), 0 0 .6rem #0ac8b959}:root .hero-inspect__power-icon{box-shadow:0 0 0 1px var(--lol-black), 0 0 .6rem #c8aa6e66}:root .client-shell>.heroes-page{height:calc(100dvh - var(--client-bar-h));min-height:0;overflow:hidden}:root .client-shell .heroes-body{flex:1;align-items:stretch;min-height:0}:root .client-shell .heroes-roster{max-height:100%}:root .client-shell .hero-inspect{min-height:0}:root .client-shell .hero-inspect__top{flex:1;min-height:0}:root .client-shell .hero-inspect__splash{height:auto;min-height:12rem}:root .client-shell .hero-track__tiles{--tile:12rem}:root .client-shell .hero-inspect__side{min-height:0;padding-top:1.2rem}:root .client-shell .hero-inspect__card-box{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}:root .client-shell .hero-inspect__side>:not(.hero-inspect__card-box){flex:none}:root .client-shell .hero-skins__grid{grid-template-columns:none;grid-auto-columns:9.5rem;grid-auto-flow:column;padding-bottom:.35rem;overflow-x:auto}:root .hero-track{border:1px solid var(--lol-gold-dark);background:linear-gradient(#0a1428eb,#010a13eb);border-radius:.125rem}:root .hero-track__title{color:var(--lol-gold-light);text-transform:uppercase;letter-spacing:.1em}:root .hero-track__next{color:var(--lol-grey)}:root .hero-track__rail{background:#1e2328;box-shadow:inset 0 0 0 1px #785a2880}:root .hero-track__node{border-color:var(--lol-gold-dark);color:var(--lol-grey);background:#0a1428;border-radius:.125rem}:root .hero-track__node--on{border-color:var(--lol-gold);color:var(--lol-gold-light);background:linear-gradient(#1e2328,#0a1428);box-shadow:0 0 .5rem #c8aa6e66}:root .heroes-roster{scrollbar-width:auto}:root .hero-skin.hero-skin--prestige{border-color:#f0e6d2;box-shadow:0 0 0 2px #010a13d9,0 0 0 3px #c8aa6e,inset 0 0 1.2rem #f0dc9640,0 0 1.1rem #e8c66a66}:root .hero-skin__prestige{font-family:var(--font-display);border-radius:.0625rem}:root .skin-opt.skin-opt--prestige{border-color:#f0e6d2;box-shadow:0 0 0 1px #c8aa6e,inset 0 0 1rem #f0dc9640,0 0 .9rem #e8c66a66}:root .hero-preview{border-color:var(--lol-gold);background:linear-gradient(#0a1428e6,#010a13eb);border-radius:.125rem}:root .hero-preview__name{color:var(--lol-gold-light)}:root .hero-preview__views{border-color:var(--lol-gold-dark);border-radius:.0625rem}:root .hero-preview__view[aria-checked=true]{background:var(--lol-gold-dark);color:var(--lol-gold-light)}:root .ui-guide-button{border:1px solid var(--lol-gold-dark);color:var(--lol-gold-light);text-transform:uppercase;letter-spacing:.12em;background:linear-gradient(#1e2328f2,#0a1428f2);border-radius:.125rem;font-size:.85rem}:root .ui-guide-button:hover{border-color:var(--lol-gold);filter:none}:root .draft-pickinfo__box{background:linear-gradient(#0a1428d9,#010a13d9);border:1px solid #785a2899;border-radius:.125rem}:root .draft-pickinfo__icon{border:1px solid var(--lol-gold);border-radius:0}:root .role-chip{background:linear-gradient(180deg, #1e2328f2, #0a1428f2) padding-box, linear-gradient(180deg, var(--lol-gold-dark), #785a2866) border-box;color:var(--lol-grey);font-family:var(--font-display);letter-spacing:.12em;border:1px solid #0000;border-radius:.125rem;font-size:.8rem;font-weight:700}:root .role-chip:hover{background:linear-gradient(180deg, #24303afa, #0e1c30fa) padding-box, linear-gradient(180deg, var(--lol-gold-light), var(--lol-gold)) border-box;color:var(--lol-gold-light);box-shadow:0 0 .9rem #c8aa6e33}:root .role-chip[aria-checked=true]{background:linear-gradient(180deg, #1e2328, #0a1428) padding-box, linear-gradient(180deg, var(--lol-gold-light), var(--lol-gold)) border-box;color:var(--lol-gold-light);box-shadow:0 0 .6rem #c8aa6e59}:root .role-chip .role-icon{color:var(--lol-gold)}:root .role-chip[aria-checked=true] .role-icon{color:var(--lol-gold-light)}:root .role-tag{border:1px solid var(--lol-gold-dark);color:var(--lol-gold-light);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;background:#010a13bf;border-radius:.125rem;font-size:.75rem}:root .role-tag .role-icon{color:var(--lol-gold)}:root .role-tag--secondary{color:var(--lol-grey);opacity:1}:root .draft-tile__role{border:1px solid var(--lol-gold-dark);color:var(--lol-gold);background:#010a13bf;border-radius:.125rem}:root .client-shell .heroes-side{min-height:0}:root .client-shell .heroes-side .heroes-roster{flex:auto;min-height:0;max-height:none}:root .heroes-side .role-chip{letter-spacing:.08em;padding-inline:.55rem;font-size:.72rem}:root .hero-ability-cards{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}:root .hero-ability-cards--one{grid-template-columns:1fr}:root .hero-ability-card{flex-direction:column;gap:.3rem;min-width:0;padding:.35rem .45rem .4rem;display:flex}:root .hero-ability-card .hero-ability__head{gap:.5rem}:root .hero-ability-card__label{color:var(--lol-grey);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;font-size:.55rem;font-weight:700;line-height:1}:root .hero-inspect__support .hero-ability-card__label{color:var(--lol-teal)}:root .hero-ability-card__name{min-width:0;color:var(--lol-gold);letter-spacing:.02em;overflow-wrap:break-word;font-size:.8rem;line-height:1.05}:root .hero-ability-card__text,:root .hero-ability__text{color:#e2d9c4;font-size:.74rem;font-weight:500;line-height:1.22}:root .hero-ability-card__text b,:root .hero-ability__text b{color:var(--lol-gold-light);font-weight:800}:root .hero-abilities{box-shadow:var(--lol-panel-glow);flex-direction:column;align-items:center;gap:.35rem;padding:.35rem .6rem .55rem;display:flex;position:relative}:root .hero-abilities__label{color:var(--lol-gold);font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;font-size:.6rem;font-weight:700;line-height:1}:root .hero-abilities__icons{align-items:center;gap:1rem;display:flex}:root .hero-ability{cursor:pointer;background:0 0;border:0;outline:none;padding:0}:root .hero-ability--locked{cursor:not-allowed}:root .hero-ability--on .hero-ability__icon{border-color:var(--lol-gold-light);box-shadow:0 0 0 2px var(--lol-black), 0 0 0 4px var(--lol-gold), 0 0 1rem #c8aa6e99}:root .hero-ability--ult.hero-ability--on .hero-ability__icon{box-shadow:0 0 0 2px var(--lol-black), 0 0 0 4px #fde68a, 0 0 1.4rem #fbbf24, 0 0 2.6rem #fbbf2499}:root .hero-ability--ult:not(.hero-ability--on):not(.hero-ability--locked) .hero-ability__icon{filter:brightness(.75)saturate(.8)}:root .hero-ability__slot{place-items:center;display:grid;position:relative}:root .hero-ability__icon{border:1px solid var(--lol-gold);background:var(--lol-steel);width:3.3rem;height:3.3rem;box-shadow:0 0 0 1px var(--lol-black), 0 0 .5rem #c8aa6e59;transition:scale .12s,box-shadow .12s;display:block;position:relative;overflow:hidden}:root .hero-ability__icon img{object-fit:cover;width:100%;height:100%}:root .hero-ability:hover .hero-ability__icon,:root .hero-ability:focus-visible .hero-ability__icon{border-color:var(--lol-gold-light);box-shadow:0 0 0 1px var(--lol-black), 0 0 .9rem #f0e6d28c;scale:1.08}:root .hero-ability--ult .hero-ability__icon{width:2.65rem;height:2.65rem;box-shadow:0 0 0 1px var(--lol-black), 0 0 .8rem #f59e0b, 0 0 1.6rem #f59e0b59;border:2px solid #fde68a;border-radius:.3rem;margin:.35rem .35rem .35rem .7rem;rotate:45deg}:root .hero-ability--ult .hero-ability__icon img{width:144%;max-width:none;height:144%;position:absolute;inset:-22%;rotate:-45deg}:root .hero-ability--ult:hover .hero-ability__icon,:root .hero-ability--ult:focus-visible .hero-ability__icon{box-shadow:0 0 0 1px var(--lol-black), 0 0 1.2rem #fbbf24, 0 0 2.2rem #fbbf248c;border-color:#fff7d6}:root .hero-ability--locked .hero-ability__icon{filter:grayscale()brightness(.5);border-color:var(--lol-gold-dark);box-shadow:0 0 0 1px var(--lol-black)}:root .hero-ability__lock{border:1px solid var(--lol-gold-dark);background:var(--lol-black);width:1.1rem;height:1.1rem;color:var(--lol-gold);place-items:center;font-size:.6rem;line-height:1;display:grid;position:absolute;bottom:-.35rem;right:-.35rem}:root .hero-ability__tip{z-index:30;border:1px solid var(--lol-gold);box-shadow:0 0 0 1px var(--lol-black), 0 .6rem 1.4rem #000000b3;cursor:default;pointer-events:none;text-align:left;background:linear-gradient(#0a1428,#010a13);border-radius:.125rem;flex-direction:column;gap:.25rem;padding:.55rem .7rem;display:none;position:absolute;top:calc(100% + .4rem);left:0;right:0}:root .hero-ability:hover .hero-ability__tip,:root .hero-ability:focus-visible .hero-ability__tip{display:flex}:root .hero-ability__head{align-items:center;gap:.45rem;display:flex}@media (width>=80rem){:root .client-shell .hero-inspect__side{width:clamp(19rem,22vw,30rem)}}:root .hero-track__info{flex:1}:root .hero-track__info>.hero-track__next,:root .hero-track__info>.hero-prestige{height:1.2rem;margin-top:.1rem}:root .hero-track__info>.hero-prestige{border-top:0;flex-direction:row;align-items:center;gap:.8rem;padding:0}:root .hero-track__info .hero-prestige__head{display:contents}:root .hero-track__info .hero-prestige__title{flex:none;font-size:.8rem;line-height:1}:root .hero-track__info .hero-prestige__bar{flex:14rem;order:1;min-width:10rem;max-width:22rem;height:1.1rem}:root .hero-track__info .hero-prestige__next{flex:0 auto;order:2}:root .hero-ability__name{color:var(--lol-gold-light);letter-spacing:.04em;font-size:1.05rem;line-height:1.1}:root .hero-ability--ult .hero-ability__name{color:#fde68a}:root .hero-ability__kind{color:var(--lol-grey);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;flex:none;margin-left:auto;font-size:.6rem;font-weight:700}:root .hero-ability__price{color:#fca5a5;font-size:.76rem;font-style:italic}:root .hero-ability__unlock{color:var(--lol-gold);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;margin-top:.1rem;font-size:.7rem;font-weight:700}:root .client-shell .heroes-side .heroes-roster{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(var(--roster-rows,4), minmax(0, 1fr));grid-auto-rows:minmax(0,1fr);align-content:stretch}:root .client-shell .heroes-roster .coll-hero{aspect-ratio:auto;height:100%}:root .client-shell .hero-track__wear{min-width:0}:root .client-shell .hero-track__wear>span{text-overflow:ellipsis;white-space:nowrap;max-width:19rem;overflow:hidden}.mcard[data-rarity="6"].mythic--garen,.mythic-skin--garen{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, #0e2550 34%, #3f74c4 52%, #0e2550 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:#cfe0ff;--glow-a:#4a8fe099;--glow-b:#c8aa6e59}.mcard[data-rarity="6"].mythic--lux-champion,.mythic-skin--lux-champion{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, #2a1a5c 34%, #9a6cf0 52%, #2a1a5c 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:#ecdcff;--glow-a:#b78cff99;--glow-b:#c8aa6e59}.mcard[data-rarity="6"].mythic--darius,.mythic-skin--darius{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, #3a0a10 34%, #9c1c2c 52%, #3a0a10 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:#ffb3bb;--glow-a:#d6283f99;--glow-b:#c8aa6e59}.mcard[data-rarity="6"].mythic--leblanc,.mythic-skin--leblanc{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, #26082b 34%, #9a2bb0 52%, #26082b 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:#f0b8fb;--glow-a:#c13cd899;--glow-b:#c8aa6e59}.mcard[data-rarity="6"].mythic--annie,.mythic-skin--annie{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, #3d1605 34%, #c2410c 52%, #3d1605 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:#fdba74;--glow-a:#f9731699;--glow-b:#c8aa6e59}.mcard[data-rarity="6"].mythic--ashe,.mythic-skin--ashe{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, #0b2c44 34%, #3f8fc4 52%, #0b2c44 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:#e2f6ff;--glow-a:#7fd0ff99;--glow-b:#c8aa6e59}.mcard[data-rarity="6"].mythic--sylas,.mythic-skin--sylas{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, #1c1438 34%, #7a5ad8 52%, #1c1438 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:#ece4ff;--glow-a:#8f6cff99;--glow-b:#c8aa6e59}.mcard[data-rarity="6"].mythic--jinx,.mythic-skin--jinx{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, #2a0a3a 34%, #b2307f 52%, #2a0a3a 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:#ffc2e6;--glow-a:#ff4fb899;--glow-b:#c8aa6e59}.mcard[data-rarity="6"].mythic--ekko-champion,.mythic-skin--ekko-champion{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, #082a30 34%, #1fb8a2 52%, #082a30 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:#c8fff6;--glow-a:#3ff2d499;--glow-b:#c8aa6e59}.mcard[data-rarity="6"].mythic--yasuo,.mythic-skin--yasuo{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, #0c2a3a 34%, #2f8ca6 52%, #0c2a3a 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:#d9f6ff;--glow-a:#5fd8e899;--glow-b:#c8aa6e59}.mcard[data-rarity="6"].mythic--ahri-champion,.mythic-skin--ahri-champion{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, #3a0f33 34%, #d9479c 52%, #3a0f33 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:#ffe0f2;--glow-a:#ff6fc899;--glow-b:#c8aa6e59}.mcard[data-rarity="6"].mythic--riven,.mythic-skin--riven{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, #0c2a1a 34%, #2fa65f 52%, #0c2a1a 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:#dcffe9;--glow-a:#5ff29a99;--glow-b:#c8aa6e59}.mcard[data-rarity="6"].mythic--jayce,.mythic-skin--jayce{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, #251650 34%, #6b52d6 52%, #251650 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:#ddd4ff;--glow-a:#8a6bff99;--glow-b:#c8aa6e59}.mcard[data-rarity="6"].mythic--vi-champion,.mythic-skin--vi-champion{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, #3a0c12 34%, #d6352c 52%, #3a0c12 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:#ffd0c4;--glow-a:#ff4a3d99;--glow-b:#c8aa6e59}.mcard[data-rarity="6"].mythic--miss-fortune,.mythic-skin--miss-fortune{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, #4a1508 34%, #d4542a 52%, #4a1508 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:#ffd9c8;--glow-a:#ff6a3d99;--glow-b:#c8aa6e59}.mcard[data-rarity="6"].mythic--gangplank-champion,.mythic-skin--gangplank-champion{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, #2e1a0a 34%, #e08a2c 52%, #2e1a0a 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:#ffe2bd;--glow-a:#ffa53d99;--glow-b:#c8aa6e59}.mcard[data-rarity="6"].mythic--thresh,.mythic-skin--thresh{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, #06302a 34%, #1fa883 52%, #06302a 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:#c4f7e4;--glow-a:#2ee6b099;--glow-b:#c8aa6e59}.mcard[data-rarity="6"].mythic--lucian-champion,.mythic-skin--lucian-champion{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, #0c1e33 34%, #3f9fd1 52%, #0c1e33 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:#d6f3ff;--glow-a:#7fd8ff99;--glow-b:#c8aa6e59}.mcard[data-rarity="6"].mythic--azir,.mythic-skin--azir{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, #0b3a44 34%, #1fa3b6 52%, #0b3a44 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:#c9f3f8;--glow-a:#22c1d699;--glow-b:#c8aa6e59}.mcard[data-rarity="6"].mythic--aatrox,.mythic-skin--aatrox{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, #2e0a0e 34%, #c42032 52%, #2e0a0e 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:#ffc9cf;--glow-a:#e0283a99;--glow-b:#c8aa6e59}.mcard[data-rarity="6"].mythic--leona,.mythic-skin--leona{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, #4f2208 34%, #e07a26 52%, #4f2208 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:#ffe1c2;--glow-a:#ff9a3c99;--glow-b:#c8aa6e59}.mcard[data-rarity="6"].mythic--morgana,.mythic-skin--morgana{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, #22102e 34%, #9b4dff 52%, #22102e 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:#e6d1ff;--glow-a:#b061ff99;--glow-b:#c8aa6e59}.mcard[data-rarity="6"].mythic--kaisa,.mythic-skin--kaisa{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, #3a0d52 34%, #b02ee0 52%, #3a0d52 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:#f3d1ff;--glow-a:#d63aff99;--glow-b:#c8aa6e59}.mcard[data-rarity="6"].mythic--teemo,.mythic-skin--teemo{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, #1f3a0c 34%, #86c218 52%, #1f3a0c 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:#e4f8b8;--glow-a:#a8e61d99;--glow-b:#c8aa6e59}.mcard[data-rarity="6"].mythic--qiyana,.mythic-skin--qiyana{--frame:linear-gradient(150deg, #f0e6d2 0%, #c8aa6e 14%, #0b3d1a 34%, #2fa84a 52%, #0b3d1a 70%, #c8aa6e 88%, #f0e6d2 100%);--frame-accent:#c9f5d2;--glow-a:#34d14b99;--glow-b:#c8aa6e59}.mcard.has-mastery.mastery-t5,.hero-portrait.has-mastery.mastery-t5,.hero-splash-card.has-mastery.mastery-t5{--ink:#05070d;--m1:var(--aura-a,#fbbf24);--m1-light:color-mix(in oklab, var(--m1) 55%, white);--m1-deep:color-mix(in oklab, var(--m1) 60%, var(--ink));--neon:var(--m1);--neon-core:color-mix(in srgb, var(--m1) 30%, white);--neon-soft:color-mix(in srgb, var(--m1) 55%, transparent);--neon-2:color-mix(in oklab, var(--m1) 75%, var(--ink));--neon-core-2:var(--neon-core);--neon-soft-2:var(--neon-soft);--carbon:linear-gradient(160deg, #1b1b22, #08080b 50%, #15151b)}.mcard.has-mastery.mastery-t5 .mcard__aura,.hero-portrait.has-mastery.mastery-t5 .hero-portrait__aura{background:conic-gradient(from var(--aura-angle), var(--neon), transparent 22%, var(--neon-core) 45%, transparent 68%, var(--neon))}.has-mastery.mastery-t5 .mpart{--c:var(--neon)!important}.has-mastery.mastery-t5 .mpart:nth-child(3n){--c:var(--neon-core)!important}.mastery-badge{--metal:linear-gradient(160deg, #a1a1aa, #52525b 50%, #71717a);--metal-edge:#27272a;--metal-ink:#f4f4f5;--metal-glow:transparent;background:var(--metal);width:1.9em;height:1.9em;box-shadow:0 0 0 .12em var(--ink,#05070d), 0 0 0 .22em var(--metal-edge), 0 0 .6em var(--metal-glow), inset 0 .1em 0 #ffffff80, inset 0 -.12em 0 #00000059;font-family:var(--font-num);color:var(--metal-ink);text-shadow:0 .06em #0009;pointer-events:none;border-radius:999px;place-items:center;font-size:1em;line-height:1;display:grid;position:relative}.mastery-badge__num{z-index:1;font-size:1.05em;position:relative;translate:0 .03em}.mastery-badge--iron{--metal:linear-gradient(160deg, #a1a1aa, #3f3f46 55%, #71717a);--metal-edge:#18181b}.mastery-badge--bronze{--metal:linear-gradient(160deg, #f5b57a, #8a4b1d 55%, #c77b3b);--metal-edge:#4a2410;--metal-ink:#fff4e6;--metal-glow:#d9770673}.mastery-badge--silver{--metal:linear-gradient(160deg, #fff, #94a3b8 50%, #e2e8f0);--metal-edge:#334155;--metal-ink:#1e293b;--metal-glow:#cbd5e180}.mastery-badge--gold{--metal:linear-gradient(160deg, #fff3b0, #b8860b 55%, #fde68a);--metal-edge:#78350f;--metal-ink:#3b2305;--metal-glow:#f5c542b3}.mastery-badge--neon{--metal:radial-gradient(circle at 50% 35%, #23232c, #07070a 70%);--metal-edge:var(--neon,#a855f7);--metal-ink:var(--neon-core,#fff);--metal-glow:var(--neon,#a855f7);box-shadow:0 0 0 .1em var(--ink,#05070d), 0 0 0 .2em var(--metal-edge), 0 0 .5em .1em var(--metal-glow), 0 0 1.1em var(--neon-soft,transparent), inset 0 0 .45em var(--neon-soft,transparent);text-shadow:0 0 .25em var(--neon,#a855f7), 0 0 .6em var(--neon,#a855f7);animation:4s ease-in-out infinite mastery-neon-flicker}.mastery-badge--neon:before{content:"";border-radius:inherit;background:conic-gradient(from var(--mythic-angle), transparent 0 72%, var(--neon-core,#fff) 86%, transparent);mix-blend-mode:screen;opacity:.8;animation:3s linear infinite mcard-mythic-frame;position:absolute;inset:-.04em}@keyframes mastery-neon-flicker{0%,to{filter:brightness()}47%{filter:brightness()}50%{filter:brightness(1.35)}53%{filter:brightness(.95)}56%{filter:brightness(1.25)}60%{filter:brightness()}}.mastery-badge__crown{width:1.9em;height:1.1em;fill:var(--neon-core,#fff);stroke:var(--neon,#a855f7);stroke-width:1.4px;stroke-linejoin:round;animation:2.4s ease-in-out infinite mastery-crown;position:absolute;top:-.95em;left:50%;translate:-50%}@keyframes mastery-crown{0%,to{filter:drop-shadow(0 0 .1em var(--neon,#a855f7)) drop-shadow(0 0 .2em var(--neon,#a855f7))}50%{filter:drop-shadow(0 0 .3em var(--neon,#a855f7)) drop-shadow(0 0 .6em var(--neon,#a855f7))}}.mcard .mcard__mastery{z-index:6;font-size:.85em;position:absolute;top:-.6em;right:-.6em}.mcard[data-rarity="6"][class*=mythic--] .mcard__mastery{top:-.8em;right:-.8em}.mcard.has-mastery.mastery-t5{--frame:linear-gradient(160deg, var(--m1-light), var(--m1) 40%, var(--m1-deep) 75%, var(--m1));--frame-accent:var(--m1-light);--glow-a:var(--neon-soft);--glow-b:var(--neon-soft-2);--rail:linear-gradient(160deg, #3a3a3a, #121212 45%, #2c2c2c 70%, #0a0a0a);--rail-inlay:color-mix(in srgb, var(--m1) 90%, white);--rail-light:var(--m1-light);margin:.6em}.mcard.has-mastery.mastery-t5:after{content:"";z-index:1;background:repeating-linear-gradient(135deg, var(--rail-inlay) 0 .07em, transparent .07em .34em), var(--rail);box-shadow:0 0 0 .1em var(--ink), inset 0 0 0 .08em color-mix(in srgb, var(--m1) 70%, transparent);pointer-events:none;border-radius:1.45em;padding:.36em;position:absolute;inset:-.6em;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.mcard.has-mastery.mastery-t5 .mcard__rail-rivets>span{z-index:6;background:radial-gradient(circle at 35% 35%, var(--m1-light), var(--m1) 60%, var(--m1-deep));width:.42em;height:.42em;box-shadow:0 0 0 .08em var(--ink);border-radius:999px;position:absolute}.mcard__rail-rivets>span:first-child{top:-.65em;left:1.8em}.mcard__rail-rivets>span:nth-child(2){top:-.65em;right:2.4em}.mcard__rail-rivets>span:nth-child(3){bottom:-.65em;left:1.8em}.mcard__rail-rivets>span:nth-child(4){bottom:-.65em;right:1.8em}.mcard.has-mastery.mastery-t6 .mcard__rail-sweep{z-index:2;background:conic-gradient(from var(--aura-angle), transparent 0 78%, var(--rail-light) 90%, transparent 100%);pointer-events:none;border-radius:1.45em;padding:.36em;animation:6s linear infinite mcard-aura;position:absolute;inset:-.6em;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.mcard.has-mastery.mastery-t7{--frame:var(--carbon);--frame-accent:var(--neon);--rail-light:#fff;box-shadow:0 0 0 .1em var(--ink), 0 0 0 .18em var(--neon-2), 0 0 .4em .15em var(--neon-soft-2), 0 .5em 1.2em -.4em #000c;margin:.75em}.mcard.has-mastery.mastery-t7:after{border:.16em solid var(--neon-core);box-shadow:0 0 .25em var(--neon), 0 0 .7em var(--neon), 0 0 1.6em var(--neon-soft), inset 0 0 .25em var(--neon), inset 0 0 .7em var(--neon-soft);background:0 0;border-radius:1.6em;padding:0;inset:-.78em;-webkit-mask:none;mask:none}.mcard.has-mastery.mastery-t7 .mcard__rail-sweep{background:conic-gradient(from var(--aura-angle), transparent 0 30%, #fff 42%, transparent 50%, transparent 80%, #fff 92%, transparent 100%);border-radius:1.6em;padding:.14em;animation-duration:3.5s;inset:-.78em}.mcard.has-mastery.mastery-t7 .mcard__rail-rivets>span{background:var(--neon-core);box-shadow:0 0 0 .06em var(--ink), 0 0 .4em var(--neon), 0 0 .8em var(--neon)}.mcard.mastery-t7 .mcard__rail-rivets>span:first-child{top:-.8em;left:1.8em}.mcard.mastery-t7 .mcard__rail-rivets>span:nth-child(2){top:-.8em;right:2.4em}.mcard.mastery-t7 .mcard__rail-rivets>span:nth-child(3){bottom:-.8em;left:1.8em}.mcard.mastery-t7 .mcard__rail-rivets>span:nth-child(4){bottom:-.8em;right:1.8em}.mcard.has-mastery.mastery-t7 .mcard__medallion{box-shadow:0 0 0 .12em var(--neon), 0 0 .8em var(--neon), 0 .15em 0 .12em var(--ink)}.mcard.has-mastery.mastery-t7 .mcard__stars .is-on{color:var(--neon-core);text-shadow:0 0 .35em var(--neon)}.mcard.has-mastery.mastery-t8 .mcard__art:after{content:"";z-index:2;background:var(--halftone,radial-gradient(circle, #00000038 .07em, transparent .09em)) 0 0 / .28em .28em, linear-gradient(180deg, transparent 60%, color-mix(in srgb, var(--neon) 35%, transparent));mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:0}.mcard.has-mastery.mastery-t8 .mcard__banner{box-shadow:inset 0 0 0 .1em var(--neon-soft), 0 0 .8em var(--neon)}.mcard .mastery-fx{z-index:7;pointer-events:none;position:absolute;inset:-1.4em}.mcard .mastery-fx .mcard__particles{inset:0}.mcard.has-mastery.mastery-t10{--frame:conic-gradient(from var(--mythic-angle), var(--neon), var(--neon-core) 8%, #111117 18%, var(--neon-2) 32%, var(--neon-core-2) 42%, #111117 52%, var(--neon) 66%, var(--neon-core) 74%, #111117 86%, var(--neon));margin:1.2em;animation:3s ease-in-out infinite mastery-legend-glow,8s linear infinite mcard-mythic-frame}.mcard.has-mastery.mastery-t10 .mcard__rail-sweep{animation-duration:2s}.mcard.has-mastery.mastery-t10 .mastery-ring{z-index:-2;border:.1em solid var(--neon-core);box-shadow:0 0 .3em var(--neon), 0 0 .9em var(--neon), 0 0 2em var(--neon-soft), inset 0 0 .3em var(--neon), inset 0 0 .9em var(--neon-soft);pointer-events:none;border-radius:1.95em;animation:3s ease-in-out infinite mastery-ring-breathe;position:absolute;inset:-1.2em}.mcard.has-mastery.mastery-t10 .mastery-ring:after{content:"";background:conic-gradient(from var(--mythic-angle), transparent 0 55%, var(--neon-2) 70%, #fff 78%, transparent 82%, transparent 90%, var(--neon-core-2) 96%, transparent);border-radius:1.8em;padding:.12em;animation:2.5s linear infinite mcard-mythic-frame;position:absolute;inset:.14em;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes mastery-ring-breathe{0%,to{opacity:.75}50%{opacity:1}}@keyframes mastery-legend-glow{0%,to{filter:drop-shadow(0 0 .35em var(--neon,#fbbf24)) drop-shadow(0 0 .1em var(--neon,#fbbf24))}50%{filter:drop-shadow(0 0 1.3em var(--neon,#fbbf24)) drop-shadow(0 0 .45em var(--neon,#fbbf24))}}.mcard.has-mastery.mastery-t10.mastery-enter{animation:.9s cubic-bezier(.2,1.2,.3,1) mastery-legend-enter,3s ease-in-out .9s infinite mastery-legend-glow,8s linear infinite mcard-mythic-frame}@keyframes mastery-legend-enter{0%{opacity:0;filter:brightness(3) drop-shadow(0 0 2em var(--neon,#fbbf24)) drop-shadow(0 0 .1em var(--neon,#fbbf24));scale:1.35}40%{opacity:1;filter:brightness(1.6) drop-shadow(0 0 1.5em var(--neon,#fbbf24)) drop-shadow(0 0 .1em var(--neon,#fbbf24));scale:.97}to{filter:brightness(1) drop-shadow(0 0 .35em var(--neon,#fbbf24)) drop-shadow(0 0 .1em var(--neon,#fbbf24));scale:1}}.hero-portrait .hero-portrait__mastery{z-index:6;font-size:1.05rem;position:absolute;top:-.2rem;left:-.6rem}.hero-portrait__title{letter-spacing:.18em;text-transform:uppercase;color:var(--m1-light,#fde68a);text-shadow:0 0 .4rem var(--neon,#fbbf24cc);margin-bottom:-.15rem;font-size:.55rem;font-weight:700;display:block}.hero-portrait.mastery-t7 .hero-portrait__title{color:var(--neon-core);text-shadow:0 0 .3rem var(--neon), 0 0 .7rem var(--neon)}.hero-portrait.mastery-t10 .hero-portrait__title{color:#fff;text-shadow:0 0 .3rem var(--neon-core), 0 0 .8rem var(--neon), 0 0 1.4rem var(--neon)}.hero-portrait.mastery-t7 .hero-portrait__plate{border-color:var(--neon);box-shadow:0 0 .6rem var(--neon-soft), 0 .4rem .8rem #0009}.hero-portrait.has-mastery.mastery-t5{--rail:linear-gradient(160deg, #3a3a3a, #121212 45%, #2c2c2c 70%, #0a0a0a);--rail-inlay:color-mix(in srgb, var(--m1) 90%, white)}.hero-portrait.has-mastery.mastery-t5 .hero-portrait__frame{--frame:linear-gradient(160deg, var(--m1-light), var(--m1) 40%, var(--m1-deep) 75%, var(--m1));background:var(--frame);animation:none}.hero-portrait.has-mastery.mastery-t5 .hero-portrait__rail{z-index:1;background:repeating-linear-gradient(135deg, var(--rail-inlay) 0 .06rem, transparent .06rem .3rem), var(--rail);pointer-events:none;border-radius:4.5rem 4.5rem 2.5rem 2.5rem;padding:.28rem;position:absolute;inset:-.5rem;box-shadow:0 0 0 .1rem #05070d;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.hero-portrait.has-mastery.mastery-t6 .hero-portrait__rail-sweep{z-index:2;background:conic-gradient(from var(--aura-angle), transparent 0 78%, var(--m1-light) 90%, transparent 100%);pointer-events:none;border-radius:4.5rem 4.5rem 2.5rem 2.5rem;padding:.28rem;animation:6s linear infinite mcard-aura;position:absolute;inset:-.5rem;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.hero-portrait.has-mastery.mastery-t7 .hero-portrait__frame{--frame:var(--carbon);box-shadow:0 0 0 .1rem var(--neon-2), 0 0 .4rem .1rem var(--neon-soft-2), 0 .5rem 1.5rem #000}.hero-portrait--active.has-mastery.mastery-t7 .hero-portrait__frame{box-shadow:0 0 0 .1rem var(--neon-core-2), 0 0 .6rem .15rem var(--neon-2), 0 0 1.6rem var(--neon-soft), 0 .5rem 1.5rem #000}.hero-portrait.has-mastery.mastery-t7 .hero-portrait__rail{border:.14rem solid var(--neon-core);box-shadow:0 0 .25rem var(--neon), 0 0 .7rem var(--neon), 0 0 1.5rem var(--neon-soft), inset 0 0 .25rem var(--neon), inset 0 0 .7rem var(--neon-soft);background:0 0;border-radius:4.7rem 4.7rem 2.7rem 2.7rem;padding:0;inset:-.65rem;-webkit-mask:none;mask:none}.hero-portrait.has-mastery.mastery-t7 .hero-portrait__rail-sweep{background:conic-gradient(from var(--aura-angle), transparent 0 30%, #fff 42%, transparent 50%, transparent 80%, #fff 92%, transparent 100%);border-radius:4.7rem 4.7rem 2.7rem 2.7rem;padding:.12rem;animation-duration:3.5s;inset:-.65rem}.hero-portrait.has-mastery.mastery-t7 .hero-portrait__emblem{box-shadow:0 0 0 .1rem #05070d, 0 0 .7rem var(--neon)}.hero-portrait .mastery-fx{z-index:5;pointer-events:none;font-size:.6rem;position:absolute;inset:-1rem}.hero-portrait.has-mastery.mastery-t10 .hero-portrait__frame{--frame:conic-gradient(from var(--mythic-angle), var(--neon), var(--neon-core) 8%, #111117 18%, var(--neon-2) 32%, var(--neon-core-2) 42%, #111117 52%, var(--neon) 66%, var(--neon-core) 74%, #111117 86%, var(--neon));animation:3s ease-in-out infinite mastery-legend-glow,8s linear infinite mcard-mythic-frame}.hero-portrait.has-mastery.mastery-t10 .hero-portrait__rail-sweep{animation-duration:2s}.hero-portrait.has-mastery.mastery-t10 .mastery-ring{z-index:-2;border:.1rem solid var(--neon-core);box-shadow:0 0 .3rem var(--neon), 0 0 .9rem var(--neon), 0 0 2rem var(--neon-soft), inset 0 0 .3rem var(--neon), inset 0 0 .9rem var(--neon-soft);pointer-events:none;border-radius:5.1rem 5.1rem 3.1rem 3.1rem;animation:3s ease-in-out infinite mastery-ring-breathe;position:absolute;inset:-1.05rem}.hero-portrait.has-mastery.mastery-t10 .mastery-ring:after{content:"";background:conic-gradient(from var(--mythic-angle), transparent 0 55%, var(--neon-2) 70%, #fff 78%, transparent 82%, transparent 90%, var(--neon-core-2) 96%, transparent);border-radius:4.9rem 4.9rem 2.9rem 2.9rem;padding:.12rem;animation:2.5s linear infinite mcard-mythic-frame;position:absolute;inset:.14rem;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@media (prefers-reduced-motion:reduce){.mastery-badge--neon,.mastery-badge--neon:before,.mastery-badge__crown,.mcard__rail-sweep,.hero-portrait__rail-sweep,.mastery-ring,.mastery-ring:after,.mcard.has-mastery.mastery-t10,.hero-portrait.has-mastery.mastery-t10 .hero-portrait__frame{animation:none}}.mastery-award{border-color:var(--neon);box-shadow:0 0 .8rem var(--neon-soft), inset 0 0 1rem color-mix(in srgb, var(--neon) 12%, transparent)}.mastery-award__portrait{box-shadow:0 0 0 .12rem var(--neon), 0 0 .6rem var(--neon-soft)}.mastery-award__portrait .mastery-award__badge{font-size:.7rem;position:absolute;bottom:.1rem;right:.1rem}.mastery-award__gain{color:var(--neon-core);text-shadow:0 0 .4rem var(--neon), 0 0 .9rem var(--neon)}.mastery-award__bar{box-shadow:inset 0 0 0 .06rem #ffffff14}.mastery-award__fill{background:linear-gradient(90deg, color-mix(in oklab, var(--neon) 70%, #000), var(--neon) 70%, var(--neon-core));box-shadow:0 0 .5rem var(--neon), 0 0 1rem var(--neon-soft);position:relative}.mastery-award__fill--prestige{background:linear-gradient(90deg,#8a6a24,#f0d78c 70%,#fffbea);box-shadow:0 0 .5rem #f0d78c,0 0 1rem #ffecaa73}.mastery-award__fill:after{content:"";width:.5rem;box-shadow:0 0 .5rem #fff, 0 0 1rem var(--neon);background:#fff;border-radius:999px;position:absolute;top:0;bottom:0;right:0}.mastery-levelup{animation:.45s cubic-bezier(.2,1.4,.4,1) mastery-levelup-in}.mastery-levelup__title{color:#fff;text-shadow:0 0 .3rem var(--neon-core), 0 0 .8rem var(--neon), 0 0 1.6rem var(--neon)}@keyframes mastery-levelup-in{0%{opacity:0;scale:1.6}60%{opacity:1;scale:.96}to{scale:1}}.mastery-unlocks li>span:first-child{color:var(--neon-core);text-shadow:0 0 .4rem var(--neon)}.hero-tile__mastery{z-index:2;font-size:.62rem;position:absolute;top:.2rem;right:.2rem}.mastery-meter__fill{background:linear-gradient(90deg, color-mix(in oklab, var(--neon) 70%, #000), var(--neon) 70%, var(--neon-core));box-shadow:0 0 .4rem var(--neon)}.mastery-meter__title{color:var(--neon-core);text-shadow:0 0 .35rem var(--neon)}@media (prefers-reduced-motion:reduce){.mastery-levelup{animation:none}}.legend-intro{background:radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--neon) 22%, #000000bf), #000000e0 65%);animation:2.6s forwards legend-intro-life}@keyframes legend-intro-life{0%{opacity:0}10%{opacity:1}82%{opacity:1}to{opacity:0}}.legend-intro__rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--neon) 28%, transparent) 0deg 6deg, transparent 6deg 18deg);width:140vmax;height:140vmax;animation:18s linear infinite mfx-spin;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#000 0,#0000 45%);mask:radial-gradient(circle,#000 0,#0000 45%)}.legend-intro__title,.legend-intro__name{color:#fff;text-shadow:0 0 .3rem var(--neon-core), 0 0 .9rem var(--neon), 0 0 1.8rem var(--neon);position:relative}.legend-intro__title{animation:.7s cubic-bezier(.2,1.4,.4,1) legend-intro-title}@keyframes legend-intro-title{0%{opacity:0;letter-spacing:.6em;scale:1.8}}@media (prefers-reduced-motion:reduce){.legend-intro__rays,.legend-intro__title{animation:none}}.mastery-badge__prestige{z-index:2;width:.95em;height:.95em;box-shadow:0 0 0 .08em var(--ink,#05070d), 0 0 .45em #ffecaab3;background:linear-gradient(135deg,#fffbea,#f0d78c 45%,#b8913a);border-radius:.14em;place-items:center;display:grid;position:absolute;bottom:-.62em;left:50%;translate:-50%;rotate:45deg}.mastery-badge__prestige>span{color:#3b2a06;text-shadow:none;font-size:.62em;line-height:1;rotate:-45deg}.mastery-badge--prestige-max .mastery-badge__crown{fill:#fffbea;stroke:#d9b862;animation-name:prestige-crown}@keyframes prestige-crown{0%,to{filter:drop-shadow(0 0 .1em #f0d78c)drop-shadow(0 0 .25em #f0d78c)}50%{filter:drop-shadow(0 0 .3em #fff3c4)drop-shadow(0 0 .7em #f0d78c)}}.mcard.has-mastery.mastery-t7.prestige-p5:not(.prestige-ranked):after,.hero-portrait.has-mastery.mastery-t7.prestige-p5:not(.prestige-ranked) .hero-portrait__rail{border-color:#fff6d6;box-shadow:0 0 .2em #f0d78c,0 0 .6em #e2c477,0 0 1.4em #f0d78c8c,inset 0 0 .2em #f0d78c,inset 0 0 .6em #f0d78c8c}.prestige-frame{z-index:2;background:conic-gradient(from var(--mythic-angle), transparent 0 62%, #fff 80%, #f0d78c 86%, transparent 96%);filter:drop-shadow(0 0 .3em #fff3c4)drop-shadow(0 0 .6em #f0d78ccc);pointer-events:none;animation:3.2s linear infinite mcard-mythic-frame;position:absolute;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.mcard>.prestige-frame{border-radius:1.65em;padding:.24em;inset:-.82em}.hero-portrait .prestige-frame{border-radius:4.75rem 4.75rem 2.75rem 2.75rem;padding:.24rem;inset:-.7rem}.prestige-rank--card{z-index:2;border:1.4em solid #0000;border-width:2.15em 1.4em 1.85em;border-image:var(--rank-frame) 66 44 58 / 2.15em 1.4em 1.85em stretch;pointer-events:none;filter:drop-shadow(0 .15em .3em #0009);position:absolute;inset:-1.15em -.55em -.6em}.prestige-rank--portrait{z-index:5;background:var(--rank-frame) 50% 0 / 13.6rem auto no-repeat;pointer-events:none;filter:drop-shadow(0 .15rem .3rem #0009);width:7.5rem;height:2.3rem;position:absolute;top:-1.35rem;left:50%;translate:-50%;-webkit-mask:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.prestige-orn{z-index:-3;pointer-events:none;height:74%;position:absolute;top:-6%;left:-78%;right:-78%}.prestige-orn--max{height:92%;top:-14%;left:-100%;right:-100%}.hero-portrait .prestige-orn{height:80%;top:2%;left:-78%;right:-78%}.hero-portrait .prestige-orn--max{height:100%;top:-8%;left:-100%;right:-100%}.prestige-orn__side{width:50%;height:100%;filter:drop-shadow(0 0 .1em #05070d) drop-shadow(0 0 .5em color-mix(in srgb, var(--po-a) 55%, transparent));transform-origin:0%;animation:5s ease-in-out infinite prestige-sway-r;position:absolute;top:0;overflow:visible}.prestige-orn__side--right{right:0}.prestige-orn__side--left{transform-origin:100%;animation-name:prestige-sway-l;left:0}@keyframes prestige-sway-r{0%,to{rotate:0deg}50%{rotate:-3deg}}@keyframes prestige-sway-l{0%,to{rotate:0deg}50%{rotate:3deg}}.po-ink{stroke:#05070d;stroke-width:.7px;stroke-linejoin:round}.po-fill-a{fill:var(--po-a)}.po-fill-c{fill:var(--po-c)}.po-fill-light{fill:color-mix(in srgb, var(--po-a) 35%, white)}.po-fill-dark{fill:color-mix(in srgb, var(--po-b) 55%, #05070d)}.po-glow{filter:drop-shadow(0 0 1.5px var(--po-a)) drop-shadow(0 0 4px var(--po-a))}.po-branch{fill:none;stroke:color-mix(in srgb, var(--po-b) 60%, #2a1408);stroke-width:3px;stroke-linecap:round}.po-branch--thin{stroke-width:2px}.po-branch--laurel{stroke:color-mix(in srgb, var(--po-c) 50%, #05070d);stroke-width:2.2px}.po-string{stroke:color-mix(in srgb, var(--po-b) 60%, #2a1408);stroke-width:.8px}.po-edge{stroke:var(--po-a);stroke-width:1.2px;stroke-linejoin:miter;filter:drop-shadow(0 0 2px var(--po-a))}.po-trace{fill:none;stroke:color-mix(in srgb, var(--po-a) 50%, white);stroke-width:.9px;stroke-dasharray:3 2}.po-ribbon{fill:none;stroke:var(--po-a);stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 0 2px color-mix(in srgb, var(--po-a) 70%, white))}.po-ribbon--thin{stroke:var(--po-c);stroke-width:2.5px}.po-foam{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;opacity:.85}.po-bubble{fill:color-mix(in srgb, var(--po-a) 25%, transparent);stroke:color-mix(in srgb, var(--po-a) 40%, white);stroke-width:.8px}.po-line-a{fill:none;stroke:var(--po-a);stroke-width:1.2px;stroke-linecap:round}.po-line-light{fill:none;stroke:color-mix(in srgb, var(--po-a) 35%, white);stroke-width:1px;stroke-linecap:round}.po-line-thick{stroke-width:3px}.po-rope{fill:none;stroke:color-mix(in srgb, var(--po-c) 70%, #3b2a14);stroke-width:2.6px;stroke-linecap:round;stroke-dasharray:3 1.2}.po-pole{stroke:color-mix(in srgb, var(--po-c) 60%, #05070d);stroke-width:3px;stroke-linecap:round}.po-hook{fill:none;stroke:color-mix(in srgb, var(--po-c) 60%, #05070d);stroke-width:3.4px;stroke-linecap:round}.po-ring{fill:none;stroke:var(--po-a);stroke-width:2.2px}.po-bone{fill:none;stroke:color-mix(in srgb, var(--po-b) 50%, #05070d);stroke-width:2px;stroke-linecap:round}.po-blade{stroke:color-mix(in srgb, var(--po-a) 30%, white);stroke-width:2.6px;stroke-linecap:round;filter:drop-shadow(0 0 1px #05070d)}.po-neon{fill:none;stroke:color-mix(in srgb, var(--po-a) 40%, white);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 1.5px var(--po-a)) drop-shadow(0 0 4px var(--po-a))}.po-neon--2{stroke:color-mix(in srgb, var(--po-c) 40%, white);filter:drop-shadow(0 0 1.5px var(--po-c)) drop-shadow(0 0 4px var(--po-c))}.po-link{fill:none;stroke:color-mix(in srgb, var(--po-c) 55%, #9ca3af);stroke-width:2.2px}.po-link--side{stroke-width:2.8px}.po-pipe{fill:none;stroke:#05070d;stroke-width:6px;stroke-linejoin:round}.po-pipe--inner{stroke:color-mix(in srgb, var(--po-c) 55%, #52525b);stroke-width:4px}.po-gust{fill:none;stroke:color-mix(in srgb, var(--po-a) 45%, white);stroke-width:2.6px;stroke-linecap:round;filter:drop-shadow(0 0 2px var(--po-a))}.po-gust--thin{stroke-width:1.4px;opacity:.8}.po-feather{fill:color-mix(in srgb, color-mix(in srgb, var(--po-a) 55%, white) calc(100% - var(--i) * 10%), var(--po-c));stroke:#05070d;stroke-width:.8px;stroke-linejoin:round}.po-smoke{fill:#e4e4e78c}.po-ember{fill:color-mix(in srgb, var(--po-a) 40%, white);filter:drop-shadow(0 0 2px var(--po-a))}.po-wisp{fill:color-mix(in srgb, var(--po-a) 50%, white);filter:drop-shadow(0 0 3px var(--po-a))}.po-spore{fill:color-mix(in srgb, var(--po-a) 40%, white)}.prestige-orn--max .po-trace{animation:1.2s linear infinite po-scan}.po-fall{animation:4.2s linear infinite po-fall;animation-delay:var(--d,0s);opacity:0}.po-twinkle{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite po-twinkle}.po-twinkle:nth-child(2n){animation-delay:.8s}.po-twinkle:nth-child(3n){animation-delay:1.6s}.po-rise{animation:3.4s ease-in infinite po-rise;animation-delay:var(--d,0s)}.prestige-orn--max .po-lantern{transform-box:fill-box;transform-origin:50% 0;animation:3s ease-in-out infinite po-lantern}@keyframes po-scan{to{stroke-dashoffset:-10px}}.po-eq{animation:.9s ease-in-out infinite alternate po-eq;animation-delay:var(--d,0s);transform-box:fill-box;transform-origin:50%}.po-float{animation:3s ease-in-out infinite po-float;animation-delay:var(--d,0s)}.po-spin{transform-box:fill-box;transform-origin:50%;animation:9s linear infinite po-spin}.po-spin-back{transform-box:fill-box;transform-origin:50%;animation:6s linear infinite reverse po-spin}.po-orbit{animation:6s linear infinite po-spin}.po-wave{transform-box:fill-box;transform-origin:0 0;animation:2.6s ease-in-out infinite po-wave}.po-flap{transform-box:fill-box;transform-origin:50%;animation:.5s ease-in-out infinite alternate po-flap}.po-sway{animation:3.6s ease-in-out infinite po-float;animation-delay:var(--d,0s)}.po-glint{animation:2.4s ease-in-out infinite po-glint}.po-flick{animation:3.2s step-end infinite po-flick;animation-delay:var(--d,0s)}.po-blink{animation:1.6s step-end infinite po-blink;animation-delay:var(--d,0s)}.po-beat{animation:1.2s ease-in-out infinite po-beat;animation-delay:var(--d,0s);transform-box:fill-box;transform-origin:50%}.po-flicker{animation:.9s ease-in-out infinite alternate po-flicker;animation-delay:var(--d,0s);transform-box:fill-box;transform-origin:50% 100%}@keyframes po-eq{0%{scale:1}to{scale:1 .55}}@keyframes po-float{0%,to{translate:0}50%{translate:0 -3px}}@keyframes po-spin{to{rotate:360deg}}@keyframes po-wave{0%,to{skew:0deg 0deg}50%{skew:0deg 4deg}}@keyframes po-flap{0%{scale:1}to{scale:1 .55}}@keyframes po-glint{0%,to{filter:brightness()}50%{filter:brightness(1.6)drop-shadow(0 0 3px #fff)}}@keyframes po-flick{0%,to{opacity:1}42%{opacity:.35}46%{opacity:1}70%{opacity:.6}72%{opacity:1}}@keyframes po-blink{0%,to{opacity:1}50%{opacity:.45}}@keyframes po-beat{0%,to{scale:1}15%{scale:1.18}30%{scale:1}45%{scale:1.12}}@keyframes po-flicker{0%{scale:1}to{scale:.92 1.12}}@keyframes po-fall{0%{opacity:0;translate:0}15%{opacity:1}to{opacity:0;translate:-6px 46px;rotate:160deg}}@keyframes po-twinkle{0%,to{opacity:1;scale:1}50%{opacity:.6;scale:.55}}@keyframes po-rise{0%{opacity:0;translate:0 6px}20%{opacity:1}to{opacity:0;translate:0 -18px}}@keyframes po-lantern{0%,to{rotate:-6deg}50%{rotate:6deg}}@media (prefers-reduced-motion:reduce){.prestige-frame,.prestige-orn__side,.prestige-orn--max .po-trace,.po-fall,.po-twinkle,.po-rise,.prestige-orn--max .po-lantern,.po-eq,.po-float,.po-spin,.po-spin-back,.po-orbit,.po-wave,.po-flap,.po-sway,.po-glint,.po-flick,.po-blink,.po-beat,.po-flicker{animation:none}}.prestige-enter .prestige-rank{animation:pe-frame .65s cubic-bezier(.2, 1.4, .4, 1) var(--pe-delay,0s) both}.prestige-enter .prestige-orn{animation:pe-unfold .8s cubic-bezier(.2, 1.3, .4, 1) calc(var(--pe-delay,0s) + .25s) both}.prestige-enter .mastery-badge__prestige{animation:pe-pop .45s cubic-bezier(.2, 1.8, .4, 1) calc(var(--pe-delay,0s) + .15s) both}@keyframes pe-frame{0%{opacity:0;filter:brightness(3);scale:1.35}55%{opacity:1}to{opacity:1;filter:brightness();scale:1}}@keyframes pe-unfold{0%{opacity:0;scale:.15 .7}}@keyframes pe-pop{0%{scale:0}}.prestige-flash{z-index:-1;animation:pe-flash .9s ease-out var(--pe-delay,0s) both;pointer-events:none;background:radial-gradient(circle,#fffbeae6,#f0d78c73 25%,#0000 60%);border-radius:50%;position:absolute;inset:-40% -60%}@keyframes pe-flash{0%{opacity:0;scale:.3}25%{opacity:1}to{opacity:0;scale:1.4}}.prestige-banner{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:#fff3c4;text-shadow:0 0 .6em #f0d78cb3;animation:pe-banner .5s cubic-bezier(.2, 1.4, .4, 1) calc(var(--pe-delay,0s) + .4s) both;background:linear-gradient(90deg,#0000,#0a1428d9 15% 85%,#0000);border-top:1px solid #f0d78c;border-bottom:1px solid #f0d78c;padding:.15em .9em;position:relative;overflow:hidden}.prestige-banner:after{content:"";animation:pe-sweep 1.1s ease-in-out calc(var(--pe-delay,0s) + .8s) both;background:linear-gradient(100deg,#0000 30%,#ffffff8c 50%,#0000 70%);position:absolute;inset:0;translate:-100%}@keyframes pe-banner{0%{opacity:0;scale:.6 1}}@keyframes pe-sweep{to{translate:100%}}.prestige-speaking .prestige-rank--portrait{animation:1.4s ease-out both pe-crest}.prestige-speaking .prestige-orn{animation:2.4s ease-in-out both pe-spread}@keyframes pe-crest{0%{filter:brightness();scale:1}20%{filter:brightness(2.4)drop-shadow(0 0 .6rem #fff3c4);scale:1.12}to{filter:brightness();scale:1}}@keyframes pe-spread{0%,to{filter:brightness();scale:1}25%{filter:brightness(1.5);scale:1.14 1.08}}@media (prefers-reduced-motion:reduce){.prestige-enter .prestige-rank,.prestige-enter .prestige-orn,.prestige-enter .mastery-badge__prestige,.prestige-flash,.prestige-banner,.prestige-banner:after,.prestige-speaking .prestige-rank--portrait,.prestige-speaking .prestige-orn{animation:none}}.mastery-stage{flex-direction:column;align-items:center;gap:.9rem;margin:1.4rem 0 .6rem;display:flex;position:relative}.mastery-stage--level .mcard{animation:.6s cubic-bezier(.2,1.5,.4,1) both stage-pop}.mastery-stage .prestige-banner{white-space:nowrap}@keyframes stage-pop{0%{opacity:0;filter:brightness(2.5);scale:.6}60%{opacity:1}to{filter:brightness();scale:1}}@media (prefers-reduced-motion:reduce){.mastery-stage--level .mcard{animation:none}}