@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-600-normal-Dd5YO2UX.woff2)format("woff2"),url(/assets/cinzel-latin-600-normal-CH_LB4su.woff)format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff)format("woff")}:root{--bg-from:#010a13;--bg-to:#091428;--panel:#0a1428;--panel-border:#785a28;--panel-highlight:#c8aa6e;--text:#f0e6d2;--text-2:#a09b8c;--gold:#c8aa6e;--gold-2:#c89b3c;--cyan:#0ac8b9;--cyan-2:#0397ab;--red:#be1e37;--font-display:"Cinzel", "Times New Roman", serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--gold-dim:#463714;--gold-faint:#c8aa6e24;--cyan-faint:#0ac8b924;--red-faint:#be1e3729;--panel-raised:#0e1b33;--line:#785a288c;--notch:10px;--radius:2px;--gutter:16px;--body-size:15px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--bg-from);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-feature-settings:"calt" 0;min-height:100dvh;color:var(--text);font-family:var(--font-body);font-size:var(--body-size);background-color:var(--bg-from);background-image:radial-gradient(ellipse 70% 45% at 50% -8%, #0ac8b929, transparent 70%), radial-gradient(ellipse 45% 35% at 0% 100%, #c89b3c1f, transparent 70%), radial-gradient(ellipse 45% 35% at 100% 100%, #0ac8b912, transparent 70%), radial-gradient(ellipse 120% 90% at 50% 50%, transparent 55%, #01050ab3 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 2 54 17v30L28 62 2 47V17zM28 62v35M2 47 0 48M54 47l2 1' fill='none' stroke='%23c8aa6e' stroke-opacity='0.055' stroke-width='1'/%3E%3C/svg%3E"), linear-gradient(180deg, var(--bg-from) 0%, var(--bg-to) 100%);-webkit-font-smoothing:antialiased;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat,no-repeat;background-attachment:fixed;margin:0;line-height:1.5;overflow-x:hidden}button,input{font:inherit;color:inherit}a{color:var(--cyan)}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.display{font-family:var(--font-display);font-variant:small-caps;letter-spacing:.08em}.eyebrow{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);align-items:center;gap:10px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.eyebrow:after{content:"";background:linear-gradient(90deg, var(--line), transparent);flex:1;height:1px}.muted{color:var(--text-2)}.hx{--n:var(--notch);background:linear-gradient(180deg, var(--panel-highlight) 0%, var(--panel-border) 22%, var(--gold-dim) 100%);clip-path:polygon(var(--n) 0, calc(100% - var(--n)) 0, 100% var(--n), 100% calc(100% - var(--n)), calc(100% - var(--n)) 100%, var(--n) 100%, 0 calc(100% - var(--n)), 0 var(--n));padding:1px;position:relative}.hx>.hx-in{background:linear-gradient(180deg, #c8aa6e0f, transparent 40px), linear-gradient(180deg, var(--panel) 0%, #081226 100%);height:100%;clip-path:polygon(calc(var(--n) - .5px) 0, calc(100% - var(--n) + .5px) 0, 100% calc(var(--n) - .5px), 100% calc(100% - var(--n) + .5px), calc(100% - var(--n) + .5px) 100%, calc(var(--n) - .5px) 100%, 0 calc(100% - var(--n) + .5px), 0 calc(var(--n) - .5px));padding:16px;position:relative}.hx>.hx-in:before{content:"";top:0;left:var(--n);right:var(--n);background:linear-gradient(90deg, transparent, var(--panel-highlight), transparent);opacity:.9;height:1px;position:absolute}.hx.hx--cyan{background:linear-gradient(180deg, var(--cyan) 0%, var(--cyan-2) 30%, #04404a 100%)}.hx.hx--cyan>.hx-in:before{background:linear-gradient(90deg, transparent, var(--cyan), transparent)}.hx.hx--flat>.hx-in{padding:0}.btn{--n:6px;appearance:none;cursor:pointer;background:linear-gradient(180deg, var(--gold) 0%, var(--panel-border) 60%, var(--gold-dim) 100%);min-height:40px;clip-path:polygon(var(--n) 0, 100% 0, 100% calc(100% - var(--n)), calc(100% - var(--n)) 100%, 0 100%, 0 var(--n));border:0;align-items:center;gap:8px;padding:1px;transition:filter .12s;display:inline-flex;position:relative}.btn>span{width:100%;height:100%;clip-path:inherit;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text);background:linear-gradient(#1e2328 0%,#0a1428 100%);align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:700;display:inline-flex}.btn kbd{font-family:var(--font-body);border:1px solid var(--panel-border);color:var(--gold);text-transform:lowercase;letter-spacing:0;background:#0000004d;padding:3px 6px;font-size:12px;font-weight:600;line-height:1}.btn:hover{filter:brightness(1.15)}.btn--primary{background:linear-gradient(180deg, var(--cyan) 0%, var(--cyan-2) 60%, #025561 100%)}.btn--primary>span{color:#cdfaf6;background:linear-gradient(#0b2a35 0%,#061a24 100%)}.btn--primary kbd{border-color:var(--cyan-2);color:var(--cyan)}.btn[data-done=true]>span{color:var(--cyan)}.dot{background:var(--text-2);border-radius:50%;flex:none;width:9px;height:9px;display:inline-block;box-shadow:0 0 0 2px #0006}.dot--live{background:var(--cyan);animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 0 2px #0006,0 0 10px #0ac8b9cc}.dot--warn{background:var(--gold-2)}.dot--off{box-shadow:inset 0 0 0 2px var(--text-2);background:0 0}@keyframes pulse{50%{box-shadow:0 0 0 2px #0006,0 0 2px #0ac8b966}}@media (prefers-reduced-motion:reduce){.dot--live{animation:none}}.tier{flex:none;place-items:center;display:grid;position:relative}.tier svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tier-letter{font-family:var(--font-display);color:var(--text);text-shadow:0 2px 8px #000c;letter-spacing:-.02em;padding-top:.06em;font-weight:700;line-height:1;position:relative}.tier-letter sup{vertical-align:.55em;margin-left:.02em;font-size:.55em}.tier[data-family=s] .tier-letter{color:#e8fffc;text-shadow:0 0 18px #0ac8b9a6,0 2px 8px #000c}.tier[data-family=a] .tier-letter{color:#f6e7c1;text-shadow:0 0 14px #c89b3c8c,0 2px 8px #000c}.tier[data-family=c] .tier-letter,.tier[data-family=d] .tier-letter{color:#d9cfbd}.champ{--size:40px;width:var(--size);height:var(--size);background:linear-gradient(160deg, #f0e6d2 0%, var(--gold) 30%, var(--panel-border) 70%, var(--gold-dim) 100%);border-radius:50%;flex:none;padding:2px;position:relative;box-shadow:0 2px 8px #0009}.champ>img,.champ>.champ-initials{object-fit:cover;border-radius:50%;width:100%;height:100%;box-shadow:inset 0 0 0 1px #000c}.champ>img{clip-path:circle(46%);background:#000;display:block;transform:scale(1.08)}.champ>.champ-initials{font-family:var(--font-display);font-weight:700;font-size:calc(var(--size) * .34);color:var(--gold);letter-spacing:.02em;background:radial-gradient(circle at 50% 30%,#1b2b45 0%,#0a1428 75%);place-items:center;display:grid}.champ[data-me=true]{background:linear-gradient(160deg, #cdfaf6 0%, var(--cyan) 35%, var(--cyan-2) 70%, #025561 100%)}.you{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);border:1px solid var(--cyan-2);vertical-align:middle;padding:0 5px;font-size:11px;font-weight:700;line-height:17px;display:inline-block}.notes{gap:8px;margin:0;padding:0;list-style:none;display:grid}.note{grid-template-columns:26px 1fr;align-items:start;gap:10px;display:grid}.note-mark{border:1px solid var(--text-2);width:22px;height:22px;color:var(--text-2);place-items:center;margin-top:1px;font-size:13px;font-weight:800;line-height:1;display:grid;transform:rotate(45deg)}.note-glyph{transform:rotate(-45deg)}.note[data-sev=severe] .note-mark{background:var(--red);color:#fff;border-color:#e04a5f}.note[data-sev=warn] .note-mark{border-color:var(--gold-2);color:var(--gold)}.note[data-sev=good] .note-mark{border-color:var(--cyan-2);color:var(--cyan);background:var(--cyan-faint)}.note-short{font-weight:600}.note[data-sev=severe] .note-short:after{content:" severe";font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#ff8a99;margin-left:4px;font-size:11px;font-weight:700}.note-long{color:var(--text-2);font-size:14px;line-height:1.45;display:block}.radar{width:100%;max-width:300px;height:auto;margin:0 auto;display:block;overflow:visible}.radar text{font-family:var(--font-display);letter-spacing:.1em;fill:var(--text-2);text-transform:uppercase;font-size:11px;font-weight:700}.dmg{gap:6px;display:grid}.dmg-labels{justify-content:space-between;font-size:14px;font-weight:600;display:flex}.dmg-bar{border:1px solid var(--panel-border);background:#000;gap:1px;height:10px;padding:1px;display:flex}.dmg-bar>i{height:100%;display:block}.dmg-ap{background:linear-gradient(180deg, #31d6e8, var(--cyan-2))}.dmg-true{background:var(--text)}.dmg-ad{background:linear-gradient(180deg, #e2b85a, var(--gold-2))}.stat-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.stat-list li{border-bottom:1px solid #785a2840;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:6px;display:flex}.stat-list li:last-child{border-bottom:0;padding-bottom:0}.chip{border:1px solid var(--panel-border);background:var(--gold-faint);white-space:nowrap;align-items:center;gap:6px;padding:1px 8px;font-size:13px;font-weight:600;display:inline-flex}.chip--yes{border-color:var(--cyan-2);background:var(--cyan-faint);color:#bff7f2}.chip--no{background:var(--red-faint);border-color:#7a2030}.moves{gap:8px;margin:0;padding:0;list-style:none;display:grid}.move{border-left:2px solid var(--cyan-2);background:linear-gradient(90deg,#0ac8b90f,#0000 70%);grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 10px 10px 8px;display:grid}.move:first-child{border-left-color:var(--cyan);background:linear-gradient(90deg,#0ac8b921,#0000 80%)}.move-rank{font-family:var(--font-display);color:var(--gold);text-align:center;font-size:18px;font-weight:700}.move-swaps{gap:6px;min-width:0;display:grid}.swap{flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0;display:flex}.swap .champ{--size:30px}.swap-name{font-weight:600}.arrow{color:var(--cyan);font-weight:700}.bench-tag{color:var(--text-2);font-size:13px}.move-result{text-align:right;white-space:nowrap}.move-tiers{font-family:var(--font-display);font-size:15px;font-weight:700}.move-delta{color:var(--cyan);font-size:14px;font-weight:700;display:block}.ceiling{color:var(--text-2);margin:12px 0 0;font-size:14px}.ceiling strong{color:var(--gold);font-family:var(--font-display)}.builds{gap:10px;margin:0;padding:0;list-style:none;display:grid}.build{grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.build .champ{--size:40px}.build-call{font-weight:600}.build-variant{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--gold-2);font-weight:700}.build-why{color:var(--text-2);font-size:14px;display:block}.empty-line{color:var(--text-2);margin:0}.live{width:100%;max-width:1560px;padding:12px var(--gutter) 28px;grid-template-columns:minmax(0,1fr);gap:12px;margin:0 auto;display:grid}.statusbar{border:1px solid var(--line);color:var(--text-2);background:linear-gradient(#0c1a30,#07101f);flex-wrap:wrap;align-items:center;gap:4px 10px;padding:8px 12px;font-size:14px;display:flex}.statusbar .sep{color:var(--panel-border)}.statusbar strong{color:var(--text);font-weight:600}.statusbar .clock{font-variant-numeric:tabular-nums;color:var(--text);margin-left:auto;font-weight:600}.grade-head{align-items:center;gap:16px;display:flex}.grade-meta{gap:2px;min-width:0;display:grid}.grade-pct{color:var(--text-2);font-size:15px}.grade-pct strong{color:var(--text);font-size:18px}.grade-arch{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-size:20px;font-weight:700;line-height:1.2}.grade-plan{color:var(--text)}.locked{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.picking{color:var(--text-2);font-size:14px}.radar-row{grid-template-columns:1fr;align-items:center;gap:16px;display:grid}@media (width>=480px){.radar-row{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}.callout-text{color:var(--text);word-break:break-word;margin:0 0 10px;font-size:16px;line-height:1.45}.callout-text--none{color:var(--text-2);font-style:italic}.callout-foot{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.callout-foot .count{color:var(--text-2);font-variant-numeric:tabular-nums;margin-right:auto;font-size:14px}.count[data-over=true]{color:#ff8a99}.share-link{border:1px solid var(--line);background:#050d1a;align-items:center;gap:10px;min-width:0;margin-bottom:10px;padding:8px 10px;display:flex}.share-link a{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;text-decoration:none;overflow:hidden}.share-relay{color:var(--text-2);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.paste{color:var(--text-2);word-break:break-word;margin:0 0 10px;font-size:14px}.paste code{font-family:var(--font-body);color:var(--text)}.idle{text-align:center;justify-items:center;gap:10px;padding:18px 8px;display:grid}.idle-title{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-size:20px;font-weight:700}.hexspin{width:56px;height:56px}.hexspin polygon{transform-origin:50%;animation:9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.hexspin polygon{animation:none}}.mock-bar{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.mock-bar button{border:1px solid var(--line);cursor:pointer;background:#07101f;padding:2px 8px;font-size:13px}.mock-bar button[aria-pressed=true]{border-color:var(--cyan-2);color:var(--cyan)}.toast{border:1px solid var(--cyan-2);color:#cdfaf6;z-index:10;pointer-events:none;background:#06202a;padding:8px 14px;font-size:14px;font-weight:600;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.col{grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;min-width:0;display:grid}.share{width:100%;max-width:1560px;padding:14px var(--gutter) 32px;grid-template-columns:minmax(0,1fr);gap:14px;margin:0 auto;display:grid}.share-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.brand{font-family:var(--font-display);letter-spacing:.14em;color:var(--gold);text-transform:lowercase;font-variant:small-caps;align-items:center;gap:8px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.brand svg{width:22px;height:22px}.livepill{border:1px solid var(--line);font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--text-2);background:#050d1a;align-items:center;gap:8px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.livepill[data-state=live]{border-color:var(--cyan-2);color:var(--cyan)}.livepill[data-state=ended]{color:var(--gold)}.tagline{color:var(--text);margin:0;font-size:17px}.hero{grid-template-columns:auto 1fr;align-items:center;gap:16px;display:grid}.hero .grade-arch{font-size:18px}.headline{color:#fff8ea;margin:0;font-size:22px;font-weight:700;line-height:1.3}.headline em{color:var(--cyan);font-style:normal}.headline-sub{color:var(--text-2);margin:6px 0 0}.team{gap:2px;margin:0;padding:0;list-style:none;display:grid}.mate{border-bottom:1px solid #785a2838;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:10px 8px;display:grid}.mate:last-child{border-bottom:0}.mate .champ{--size:48px}.mate-name{font-family:var(--font-display);letter-spacing:.06em;color:var(--gold);font-size:16px;font-weight:700}.mate-line{font-size:16px;font-weight:600;display:block}.mate[data-kind=swap] .mate-line{color:#bff7f2}.mate[data-kind=swap] .mate-line:before{content:"swap: ";font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);font-size:12px}.mate[data-kind=build] .mate-line:before{content:"build: ";font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-size:12px}.mate-extra{color:var(--text-2);font-size:14px;display:block}.fold{gap:14px;display:grid}@media (width>=720px){.share{max-width:1560px}}.share-main{gap:14px;min-width:0;display:grid}.banner{border:1px solid var(--line);background:linear-gradient(90deg, var(--gold-faint), transparent);flex-wrap:wrap;align-items:baseline;gap:10px;padding:10px 12px;font-size:15px;display:flex}.banner strong{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-size:14px}.mock-ribbon{color:var(--text-2);border:1px dashed var(--panel-border);text-align:center;padding:4px 10px;font-size:13px}.footer{border-top:1px solid var(--line);color:var(--text-2);gap:8px;margin-top:8px;padding-top:14px;font-size:13px;line-height:1.55;display:grid}.footer p{margin:0}.footer .patch{color:var(--text)}.error-card{text-align:center;justify-items:center;gap:12px;padding:18px 6px;display:grid}.error-card h1{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:0;font-size:22px}.error-card p{max-width:40ch;margin:0}.center-wrap{align-content:center;min-height:70vh;display:grid}.nowrap{white-space:nowrap}.waiting-veil{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;background:#010a13b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.waiting-card{text-align:center;border:1px solid var(--panel-border);border-top-color:var(--panel-highlight);background:linear-gradient(180deg, var(--panel) 0%, #081226 100%);justify-items:center;gap:14px;max-width:460px;padding:32px 40px;display:grid;box-shadow:0 12px 48px #0000008c}.waiting-hint{color:var(--text-2);font-size:13px}button.waiting-veil{font:inherit;color:inherit;border:0;width:100%;height:100%}.review{border:1px solid var(--panel-border);border-top-color:var(--panel-highlight);background:linear-gradient(180deg, var(--panel) 0%, #081226 100%);gap:12px;padding:16px;display:grid}.review--closed{background:0 0;border:0;justify-items:start;padding:0}.chips{border:0;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;margin:0;padding:0;display:flex}.chips-label{min-width:110px;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-size:13px}.chip{appearance:none;cursor:pointer;color:var(--text);border:1px solid var(--line);background:#07101f;padding:6px 14px;font-size:15px;font-weight:600}.chip:hover{border-color:var(--gold)}.chip[aria-pressed=true]{color:#011418;background:linear-gradient(180deg, #7ff3e8, var(--cyan));border-color:var(--cyan)}.review-text{resize:vertical;width:100%;color:var(--text);border:1px solid var(--line);background:#02070f;padding:10px 12px;font-size:16px;line-height:1.45}.review-text:focus{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan), 0 0 14px #0ac8b940;outline:none}.review-foot{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.review-note{color:var(--text-2);font-size:13px}:root{--keep:#5fd38d;--foe:#d6485f;--foe-deep:#6b1426;--gold-hi:#f6e7c1}.corner{grid-template-columns:minmax(0,1fr);grid-template-areas:"bench""team""info""foes";gap:20px;min-width:0;display:grid}.c-bench{grid-area:bench}.c-team{grid-area:team}.c-info{grid-area:info}.c-foes{grid-area:foes}.c-bench,.c-team,.c-foes{align-content:start;gap:12px;min-width:0;display:grid}.row-title{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);background:linear-gradient(180deg, var(--gold-hi) 0%, var(--gold) 55%, var(--gold-2) 100%);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;padding-bottom:8px;font-size:15px;font-weight:700;display:flex;position:relative}.row-title:after{content:"";background:linear-gradient(90deg, var(--gold) 0%, #c8aa6e40 55%, transparent 100%);height:1px;position:absolute;bottom:0;left:0;right:0}.row-title>span{font-family:var(--font-body);letter-spacing:0;text-transform:none;color:var(--text-2);-webkit-text-fill-color:var(--text-2);font-size:14px;font-weight:600}.c-foes .row-title{background:linear-gradient(180deg, #ffd5db 0%, var(--foe) 60%, var(--foe-deep) 100%);-webkit-background-clip:text;background-clip:text}.c-foes .row-title:after{background:linear-gradient(90deg, var(--foe) 0%, #d6485f40 55%, transparent 100%)}.portrait{background:linear-gradient(160deg, #f0e6d2 0%, var(--gold) 28%, var(--panel-border) 62%, var(--gold-dim) 100%);width:100%;height:100%;padding:3px;display:block;position:relative;box-shadow:0 4px 14px #000000a6,inset 0 0 0 1px #010a13b3}.portrait:after{content:"";pointer-events:none;position:absolute;inset:3px;box-shadow:inset 0 0 0 1px #010a13d9,inset 0 -14px 18px -8px #010a138c}.portrait>img,.portrait>.portrait-initials{object-fit:cover;background:#000;width:100%;height:100%;display:block}.portrait>.portrait-initials{font-family:var(--font-display);color:var(--gold);background:radial-gradient(circle at 50% 30%,#1b2b45 0%,#0a1428 75%);place-items:center;font-size:18px;font-weight:700;display:grid}.sbadge{z-index:2;min-width:24px;height:24px;font-family:var(--font-display);color:var(--text);border:1px solid var(--gold);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);filter:drop-shadow(0 2px 4px #000c);background:radial-gradient(circle at 50% 30%,#12233f,#010a13 80%);place-items:center;padding:0 5px;font-size:12px;font-weight:700;line-height:1;display:grid;position:absolute;top:-7px;left:-7px}.sbadge[data-family=s]{color:var(--cyan);border-color:var(--cyan)}.sbadge[data-family=a]{color:var(--gold-hi)}.sbadge[data-family=c],.sbadge[data-family=d]{color:var(--text-2);border-color:var(--panel-border)}.you-tag{z-index:2;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:#011418;background:linear-gradient(180deg, #7ff3e8, var(--cyan));padding:0 8px;font-size:11px;font-weight:700;line-height:18px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #0ac8b999}.star{z-index:2;color:var(--gold);text-shadow:0 0 8px #c89b3ce6,0 0 2px #000000e6;font-size:22px;line-height:1;position:absolute;top:-12px;right:-9px}.b-tiles{flex-wrap:wrap;align-items:flex-start;gap:18px 12px;margin:0;padding:10px 0 0;list-style:none;display:flex}.b-tile{text-align:center;flex-direction:column;align-items:center;gap:4px;width:80px;min-width:0;display:flex}.b-frame{width:56px;height:56px;position:relative}.b-name{color:var(--text);overflow-wrap:anywhere;max-width:100%;font-size:13px;font-weight:600;line-height:1.2}.b-result{font-family:var(--font-display);color:var(--text-2);font-size:16px;font-weight:700}.b-tile--up,.b-tile--best{background:radial-gradient(90% 80% at 50% 25%,#c89b3c38,#0000 75%);border-bottom:1px solid #c89b3c80;width:120px;padding:10px 6px 8px}.b-tile--up .b-frame,.b-tile--best .b-frame{width:84px;height:84px}.b-tile--up .b-name,.b-tile--best .b-name{font-size:15px;font-weight:700}.b-tile--up .b-result,.b-tile--best .b-result{color:var(--gold-hi);font-size:28px;line-height:1.1}.b-tile--up .portrait{background:linear-gradient(160deg, #fff3cf 0%, var(--gold-2) 50%, var(--gold) 100%);box-shadow:0 0 0 1px var(--gold-2), 0 0 20px #c89b3ca6}.b-tile--best{border-bottom-color:var(--cyan);background:radial-gradient(90% 80% at 50% 25%,#0ac8b947,#0000 75%)}.b-tile--best .b-frame{width:96px;height:96px}.b-tile--best .portrait{background:linear-gradient(160deg, #e8fffc 0%, var(--cyan) 45%, var(--cyan-2) 100%);box-shadow:0 0 0 2px var(--cyan), 0 0 30px #0ac8b9d9}.b-tile--best .star{color:var(--cyan);text-shadow:0 0 10px #0ac8b9e6;font-size:26px}.b-tile--best .b-result{color:var(--cyan);text-shadow:0 0 16px #0ac8b98c;font-size:32px}.b-tile--small .portrait{filter:grayscale(.7)brightness(.6)}.b-tile--small{opacity:.85}.mates{gap:10px;margin:0;padding:0;list-style:none;display:grid}.mate{border:1px solid #785a2873;border-left:3px solid var(--panel-border);background:linear-gradient(90deg,#c8aa6e1a,#0000 80%),linear-gradient(#0c1a30,#081226);grid-template-columns:60px minmax(0,1fr) auto;grid-template-areas:"icon name call";align-items:center;column-gap:14px;padding:9px 12px 9px 9px;display:grid;position:relative;box-shadow:0 3px 12px #00000059}.mate[data-state=swap]{border-color:#0ac8b980;border-left-color:var(--cyan);background:linear-gradient(90deg,#0ac8b933,#0000 85%),linear-gradient(#0c1f33,#081226);box-shadow:0 3px 12px #00000059,0 0 18px #0ac8b92e}.mate-icon{grid-area:icon;width:60px;height:60px;position:relative}.mate-name{overflow-wrap:anywhere;grid-area:name;min-width:0;font-size:17px;font-weight:700;line-height:1.25}.mate-call{white-space:nowrap;grid-area:call;justify-content:flex-end;align-items:center;gap:6px;font-size:18px;font-weight:800;display:inline-flex}.mate-call .portrait{width:30px;height:30px;padding:2px;box-shadow:0 0 10px #0ac8b98c}.mate-call .portrait:after{inset:2px}.mate-call strong{font-family:var(--font-display);color:#e8fffc;text-shadow:0 0 12px #0ac8b999;font-size:22px}.mate-call--swap{color:var(--cyan)}.mate--empty{opacity:.7;grid-template-areas:"icon name name"}.mate--empty .portrait{background:linear-gradient(160deg, var(--gold-dim), #0a1428)}.mate--empty .mate-name{color:var(--text-2);font-weight:600}.mate--foe{border-color:#d6485f59;border-left-color:var(--foe);background:linear-gradient(90deg,#d6485f29,#0000 80%),linear-gradient(#1a0f1f,#0d0c1c)}.mate--foe .portrait{background:linear-gradient(160deg, #ffd5db 0%, var(--foe) 35%, var(--foe-deep) 80%, #2a0a12 100%)}.mate--unknown{opacity:.85}.portrait--unknown{background:linear-gradient(160deg,#b9bcc7 0%,#5d6272 40%,#2a2f3d 100%)}.portrait--unknown>.portrait-initials{color:#8e93a6;text-shadow:0 0 10px #8e93a659;background:radial-gradient(circle at 50% 35%,#1a2236 0%,#0a0f1c 80%);font-size:34px}.mate--unknown .mate-name{color:var(--text-2);font-weight:600}.c-info{border:1px solid var(--panel-border);border-top-color:var(--panel-highlight);background:radial-gradient(ellipse 60% 70% at 100% 0%, #c8aa6e24, transparent 70%), radial-gradient(ellipse 50% 60% at 0% 100%, #0ac8b914, transparent 70%), linear-gradient(180deg, var(--panel) 0%, #081226 100%);align-content:start;gap:18px;min-width:0;padding:22px;display:grid;position:relative;box-shadow:0 10px 40px #00000080,inset 0 0 0 1px #010a13cc,inset 0 0 40px #c8aa6e0d}.c-info:before,.c-info:after{content:"";pointer-events:none;border:2px solid var(--gold);filter:drop-shadow(0 0 6px #c89b3c99);width:26px;height:26px;position:absolute}.c-info:before{border-bottom:0;border-right:0;top:-2px;left:-2px}.c-info:after{border-top:0;border-left:0;bottom:-2px;right:-2px}.info-top{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.action{gap:10px;min-width:0;display:grid}.action-text{color:var(--text);margin:0;font-size:28px;font-weight:800;line-height:1.15}.action-swap{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.action-icon{flex:none;width:72px;height:72px;position:relative}.action-icon--in .portrait{background:linear-gradient(160deg, #e8fffc 0%, var(--cyan) 45%, var(--cyan-2) 100%);box-shadow:0 0 0 2px var(--cyan), 0 0 26px #0ac8b9bf}.action-arrow{color:var(--cyan);text-shadow:0 0 14px #0ac8b9b3;font-size:38px;font-weight:800;line-height:1}.action-tiers{font-family:var(--font-display);color:var(--text);white-space:nowrap;font-size:42px;font-weight:700;line-height:1}.action-tiers strong{color:var(--cyan);text-shadow:0 0 20px #0ac8b9a6}.action-line{color:#cdfaf6;margin:0;font-size:20px;font-weight:700;line-height:1.3}.action-why{color:var(--cyan)}.verdict{color:var(--text);border-top:1px solid var(--line);margin:0;padding-top:14px;font-size:18px;font-weight:600;line-height:1.4}.versus{justify-content:center;align-items:center;gap:clamp(14px,3vw,40px);display:flex}.v-side{justify-items:center;gap:4px;display:grid}.v-label{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-size:16px;font-weight:700}.v-sub{color:var(--text-2);font-size:13px}.v-mid{text-align:center;justify-items:center;gap:4px;display:grid}.v-edge{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);font-size:24px;font-weight:700}.v-edge[data-edge=ahead]{color:var(--keep);text-shadow:0 0 16px #5fd38d73}.v-edge[data-edge=behind]{color:#ff8a99;text-shadow:0 0 16px #d6485f73}.v-text{color:var(--text-2);font-size:13px}.plans{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.plan{background:linear-gradient(#c8aa6e12,#010a1359);border:1px solid #785a2880;min-width:0;padding:14px 16px 16px}.plan--them{background:linear-gradient(#d6485f14,#010a1359);border-color:#d6485f66}.plan-title{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 10px;font-size:14px;font-weight:700}.plan--them .plan-title{color:#ff8a99}.plan-lines{gap:10px;margin:0;padding:0;list-style:none;display:grid}.plan-lines li{color:var(--text);padding-left:22px;font-size:17px;font-weight:600;line-height:1.4;position:relative}.plan-lines li:before{content:"";background:var(--gold);width:8px;height:8px;position:absolute;top:.55em;left:2px;transform:rotate(45deg);box-shadow:0 0 8px #c89b3cb3}.plan--them .plan-lines li:before{background:var(--foe);box-shadow:0 0 8px #d6485fb3}.share-row{border:1px solid var(--line);background:#050d1a;align-items:center;gap:10px;min-width:0;padding:6px 6px 6px 12px;display:flex}.share-row a{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;text-decoration:none;overflow:hidden}.conn{z-index:5;position:fixed;top:10px;right:12px}.details{min-width:0}.details>summary{cursor:pointer;border:1px solid var(--line);background:linear-gradient(#0c1a30,#07101f);flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:10px 12px;font-size:14px;list-style:none;display:flex}.details>summary::-webkit-details-marker{display:none}.details-title{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:700}.details-title:before{content:"▸ "}.details[open] .details-title:before{content:"▾ "}.details-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:12px;display:grid}@media (prefers-reduced-motion:no-preference){.b-tile--best .portrait{animation:2.4s ease-in-out infinite glow-cyan}.b-tile--up .portrait{animation:3s ease-in-out infinite glow-gold}.b-tile--best .star{animation:1.8s ease-in-out infinite twinkle}.action--go .action-icon--in .portrait{animation:2.4s ease-in-out infinite glow-cyan}}@keyframes glow-cyan{0%,to{box-shadow:0 0 0 2px var(--cyan), 0 0 22px #0ac8b999}50%{box-shadow:0 0 0 2px var(--cyan), 0 0 38px #0ac8b9f2}}@keyframes glow-gold{0%,to{box-shadow:0 0 0 1px var(--gold-2), 0 0 14px #c89b3c80}50%{box-shadow:0 0 0 1px var(--gold-2), 0 0 26px #c89b3cd9}}@keyframes twinkle{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.2)rotate(12deg)}}@media (width>=720px){.corner{grid-template-columns:minmax(300px,380px) minmax(0,1fr);grid-template-areas:"bench bench""team info";align-items:start;gap:24px}.corner--vs{grid-template-areas:"bench bench""team info""foes foes"}.corner--closed{grid-template-areas:"team info""foes foes"}.b-tile{width:96px}.b-frame{width:64px;height:64px}.b-tile--up,.b-tile--best{width:140px}.b-tile--up .b-frame,.b-tile--best .b-frame{width:96px;height:96px}.b-tile--best .b-frame{width:110px;height:110px}.b-name{font-size:14px}.mate{grid-template-columns:84px minmax(0,1fr);grid-template-areas:"icon name""icon call";row-gap:4px;padding:11px 14px 11px 11px}.mate-icon{width:84px;height:84px}.mate-name{font-size:19px}.mate-call{justify-content:flex-start}.mate--empty,.mate--foe,.mate[data-state=plain]{grid-template-areas:"icon name";align-items:center}.plans--two{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.corner--vs{grid-template-columns:minmax(280px,360px) minmax(0,1fr) minmax(280px,360px);grid-template-areas:"bench bench bench""team info foes";align-items:stretch}.corner--vs.corner--closed{grid-template-areas:"team info foes"}.corner--vs .c-foes .mate{text-align:right;border-left:1px solid #d6485f59;border-right:3px solid var(--foe);background:linear-gradient(270deg,#d6485f29,#0000 80%),linear-gradient(#1a0f1f,#0d0c1c);grid-template-columns:minmax(0,1fr) 84px;grid-template-areas:"name icon"}}@media (width<=719px){.info-top{grid-template-columns:minmax(0,1fr) auto}.c-info{padding:16px}}