.sf-page[data-v-bf387f30]{background-color:#ffe81a;background-image:repeating-linear-gradient(135deg,#17130f0a 0 2px,#0000 2px 11px);place-items:center;width:100%;height:100%;min-height:0;padding:clamp(1.5rem,4.5vh,3rem) clamp(1rem,3vw,2.4rem);display:grid;position:relative;overflow:hidden}.sf-page.profile-page[data-v-bf387f30]{place-items:start center;overflow-y:auto}.sf-state[data-v-bf387f30]{color:#6b6459;place-items:center;gap:.8rem;font-size:.72rem;display:grid}.sf-state a[data-v-bf387f30]{color:#17130f;font-weight:800}.menu-stage[data-v-bf387f30]{justify-content:center;align-items:stretch;gap:clamp(.7rem,1.5vw,1.2rem);width:min(100%,75rem);height:min(100%,40rem);min-height:0;display:flex}.menu-stage.profile-stage[data-v-bf387f30]{width:min(100%,72rem);height:auto;min-height:100%}.menu-window[data-v-bf387f30]{color:#17130f;background:#f2efe8;border:3px solid #17130f;flex:60rem;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:15rem minmax(0,1fr);width:min(100%,60rem);max-width:60rem;height:min(100%,40rem);min-height:0;display:grid;box-shadow:0 22px #17130f1f}.menu-window.profile-mode[data-v-bf387f30]{grid-template-rows:auto auto auto;grid-template-columns:17rem minmax(0,1fr);width:min(100%,72rem);max-width:72rem;height:auto;min-height:100%}.menu-header[data-v-bf387f30]{border-bottom:1px solid #b9b3a6;grid-column:1/-1;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.4rem;display:flex}.menu-header>div[data-v-bf387f30]:first-child{gap:.22rem;display:grid}.menu-header h1[data-v-bf387f30]{font-family:var(--font-boxy);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:clamp(1.1rem,2.4vw,1.5rem);font-weight:400}.menu-header p[data-v-bf387f30]{color:#8b857a;font-family:var(--font-sans);letter-spacing:0;margin:0;font-size:.68rem;font-weight:500}.menu-header>.collection-controls[data-v-bf387f30]{flex-flow:row;justify-content:flex-end;align-items:center;gap:.45rem;min-width:0;display:flex}.save-changes[data-v-bf387f30]{white-space:nowrap}.view-switch[data-v-bf387f30]{background:#17130f;border:2px solid #17130f;display:flex;transform:skew(-8deg);box-shadow:3px 3px #d8d3c8}.view-switch button[data-v-bf387f30]{color:#17130f;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#f2efe8;border:0;align-items:center;gap:.35rem;height:2.15rem;padding:0 .72rem;font-size:.54rem;font-weight:800;transition:color .13s,background .13s;display:inline-flex}.view-switch button[data-v-bf387f30]>*{transform:skew(8deg)}.view-switch button+button[data-v-bf387f30]{border-left:2px solid #17130f}.view-switch button[data-v-bf387f30]:hover{color:#f2efe8;background:#17130f}.view-switch button[aria-pressed=true][data-v-bf387f30]{color:#fff;background:#ff5a1e}.menu-sidebar[data-v-bf387f30]{border-right:1px solid #d8d3c8;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.sidebar-search[data-v-bf387f30]{color:#8b857a;border-bottom:1px solid #d8d3c8;align-items:center;gap:.5rem;padding:.62rem .85rem;display:flex}.sidebar-search input[data-v-bf387f30]{color:#17130f;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:.74rem;font-weight:600}.sidebar-search input[data-v-bf387f30]::placeholder{color:#a39d90;letter-spacing:.1em;text-transform:uppercase;font-size:.66rem}.sidebar-search button[data-v-bf387f30]{color:#8b857a;cursor:pointer;background:0 0;border:0;place-items:center;padding:.15rem;display:grid}.champion-list[data-v-bf387f30]{scrollbar-width:none;min-height:0;padding:.4rem 0;overflow-y:auto}.champion-list[data-v-bf387f30]::-webkit-scrollbar{display:none}.champion-row[data-v-bf387f30]{color:#17130f;cursor:pointer;letter-spacing:.05em;text-align:left;text-transform:uppercase;background:0 0;border:0;grid-template-columns:2.9rem minmax(0,1fr) auto;align-items:stretch;gap:.65rem;width:100%;height:2.9rem;padding:0 .85rem 0 0;font-size:.86rem;font-weight:800;display:grid}.champion-row img[data-v-bf387f30]{-o-object-fit:cover;object-fit:cover;width:2.9rem;height:100%}.champion-row span[data-v-bf387f30]:not(.picked-dot){text-overflow:ellipsis;white-space:nowrap;align-self:center;overflow:hidden}.picked-dot[data-v-bf387f30]{background:#ff5a1e;align-self:center;width:.7rem;height:.7rem}.champion-row[data-v-bf387f30]:hover{background:#17130f12}.champion-row.active[data-v-bf387f30]{color:#fff;background:#ff5a1e}.champion-row.active .picked-dot[data-v-bf387f30]{background:#fff}.menu-content[data-v-bf387f30]{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.content-toolbar[data-v-bf387f30]{border-bottom:1px solid #d8d3c8;align-items:center;gap:.7rem;padding:.6rem 1rem;display:flex}.content-toolbar h2[data-v-bf387f30]{font-family:var(--font-boxy);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:.92rem;font-weight:400}.xp-bar[data-v-bf387f30]{background:#ded9cd;border:2px solid #17130f;width:min(14rem,34%);height:1.15rem;margin-right:auto;position:relative;overflow:hidden}.xp-fill[data-v-bf387f30]{height:100%;transition:width .22s cubic-bezier(.2,.7,.3,1),background .26s;display:block}.xp-fill.full[data-v-bf387f30]{animation:1.5s ease-in-out infinite bar-pulse-bf387f30}@keyframes bar-pulse-bf387f30{0%,to{filter:saturate()brightness()}50%{filter:saturate(1.5)brightness(1.28)}}.xp-label[data-v-bf387f30]{color:#17130f;letter-spacing:.1em;place-items:center;font-size:.58rem;font-weight:800;display:grid;position:absolute;inset:0}.xp-bar.maxed[data-v-bf387f30]{animation:.46s ease-out xp-max-bf387f30}@keyframes xp-max-bf387f30{0%{transform:scale(1);box-shadow:0 0 #ffe81ae6}35%{transform:scale(1.06);box-shadow:0 0 0 6px #ffe81a00}to{transform:scale(1);box-shadow:0 0 #ffe81a00}}.skin-tiles[data-v-bf387f30]{scrollbar-color:#b9b3a6 transparent;scrollbar-width:thin;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:.6rem;min-height:0;padding:1rem;display:grid;overflow-y:auto}.skin-cell[data-v-bf387f30],.skin-tile[data-v-bf387f30]{position:relative}.skin-tile[data-v-bf387f30]{aspect-ratio:1;cursor:pointer;background:#fff;border:1px solid #d8d3c8;width:100%;padding:0;display:block;overflow:hidden}.skin-tile[data-v-bf387f30] img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.skin-tile[data-v-bf387f30]:hover{border-color:#17130f}.skin-tile.selected[data-v-bf387f30]{border:5px solid #ff5a1e}.skin-tile.flashing[data-v-bf387f30]{animation:.11s step-end 2 border-validate-bf387f30}@keyframes border-validate-bf387f30{0%{border-color:#fff}50%{border-color:#ff5a1e}to{border-color:#ff5a1e}}.skin-expand[data-v-bf387f30]{z-index:3;color:#fff;cursor:pointer;min-width:2.5rem;font-family:var(--font-boxy);letter-spacing:.02em;opacity:0;background:#17130f;border:0;place-items:center;padding:.28rem .35rem;font-size:1.05rem;line-height:.9;transition:opacity .13s,background .13s;display:grid;position:absolute;top:.35rem;right:.35rem}.skin-expand small[data-v-bf387f30]{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;font-size:.44rem;font-weight:800;display:block}.skin-cell:hover .skin-expand[data-v-bf387f30],.skin-expand[data-v-bf387f30]:focus-visible{opacity:1}.skin-expand[data-v-bf387f30]:hover{color:#fff;background:#ff5a1e}.content-empty[data-v-bf387f30]{grid-row:1/-1;place-items:center;height:100%;padding:1rem;display:grid}.content-empty p[data-v-bf387f30]{color:#8b857a;letter-spacing:.18em;text-align:center;text-transform:uppercase;background:#e6e2d8;place-items:center;width:100%;height:100%;margin:0;font-size:.72rem;font-weight:800;display:grid}.menu-footer[data-v-bf387f30]{background:#eae6dc;border-top:1px solid #b9b3a6;grid-column:1/-1;justify-content:space-between;align-items:center;gap:.8rem;padding:.75rem 1.1rem;display:flex}.menu-window.profile-mode .menu-footer[data-v-bf387f30]{padding-block:.58rem}.footer-hint[data-v-bf387f30]{color:#8b857a;letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.62rem;font-weight:700}.next-arrow[data-v-bf387f30]{color:#ff5a1e;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:.2rem .5rem;animation:.9s ease-in-out infinite arrow-nudge-bf387f30;display:grid}.next-arrow[data-v-bf387f30]:hover{color:#17130f}.next-arrow[data-v-bf387f30]:disabled{cursor:default;opacity:.28;animation:none}@keyframes arrow-nudge-bf387f30{0%,to{transform:translate(0)}50%{transform:translate(.5rem)}}.sf-button[data-v-bf387f30]{color:#fff;cursor:pointer;background:#17130f;border:2px solid #17130f;flex:none;padding:0;transition:background .13s,color .13s;transform:skew(-10deg)}.sf-button>span[data-v-bf387f30]{font-family:var(--font-boxy);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.45rem;padding:.6rem 1.3rem;font-size:.72rem;display:inline-flex;transform:skew(10deg)}.sf-button[data-v-bf387f30]:hover:not(:disabled){background:#ff5a1e;border-color:#ff5a1e}.sf-button.small>span[data-v-bf387f30]{gap:.35rem;padding:.4rem .75rem;font-size:.6rem}.sf-button.ghost[data-v-bf387f30]{color:#17130f;background:0 0}.sf-button.ghost[data-v-bf387f30]:hover:not(:disabled){color:#fff;background:#17130f;border-color:#17130f}.sf-button.primary[data-v-bf387f30]{border-color:#ff5a1e}.sf-button.primary[data-v-bf387f30]:hover:not(:disabled){background:#17130f;border-color:#17130f}.sf-button[data-v-bf387f30]:disabled{cursor:pointer;opacity:.55}.profile-sidebar[data-v-bf387f30]{scrollbar-width:none;background:#eae6dc;border-right:1px solid #b9b3a6;grid-auto-rows:max-content;align-content:start;gap:.55rem;min-height:0;padding:.7rem;display:grid;overflow-y:auto}.profile-sidebar[data-v-bf387f30]::-webkit-scrollbar{display:none}.menu-window.profile-mode .profile-sidebar[data-v-bf387f30]{overflow-y:visible}.avatar-slot[data-v-bf387f30]{--profile-avatar-size:7.65rem;--profile-crest-size:14.58rem;place-items:center;min-height:11rem;padding:0;display:grid;position:relative}.collection-rank-copy[data-v-bf387f30]{color:#6f685e;text-align:center;margin:-.08rem 0 .2rem;padding:.3rem .55rem .15rem;font-size:.64rem;font-weight:650;line-height:1.35}.collection-rank-copy strong[data-v-bf387f30]{color:#17130f;font-family:var(--font-display);text-transform:capitalize;font-size:.74rem}.profile-ball[data-v-bf387f30]{width:var(--profile-avatar-size);height:var(--profile-avatar-size);color:#82e0d0;cursor:pointer;font-family:var(--font-boxy);letter-spacing:-.04em;background:radial-gradient(circle at 35% 28%,#3c757ce0,#0000 48%),linear-gradient(145deg,#244f58,#102b33);border:3px solid #17130f;border-radius:50%;place-items:center;padding:0;font-size:2.65rem;transition:transform .13s,box-shadow .13s;display:grid;box-shadow:0 8px 18px #17130f33}.profile-ball[data-v-bf387f30]:focus-visible,.profile-ball[data-v-bf387f30]:hover{transform:translateY(-.18rem);box-shadow:0 11px #17130f24}.profile-avatar[data-v-bf387f30]{z-index:1;width:var(--profile-avatar-size);height:var(--profile-avatar-size);color:#fff;font-family:var(--font-boxy);background:#ff5a1e;border:0;border-radius:50%;place-items:center;padding:0;font-size:1.5rem;display:grid;position:relative;overflow:hidden}.profile-avatar img[data-v-bf387f30]{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}.crest-frame[data-v-bf387f30]{z-index:3;width:var(--profile-crest-size);height:var(--profile-crest-size);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:39.5%;left:50%;transform:translate(-50%,-50%)}.rank-crest[data-v-bf387f30]{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 3px 6px #17130f73);width:100%;height:100%;animation:.56s cubic-bezier(.18,.85,.28,1.18) both crest-slide-down-bf387f30;display:block}@keyframes crest-slide-down-bf387f30{0%{opacity:0;transform:translateY(-2.6rem)}to{opacity:1;transform:translateY(0)}}.avatar-swap-enter-active[data-v-bf387f30],.avatar-swap-leave-active[data-v-bf387f30]{transition:opacity .16s,transform .26s cubic-bezier(.2,1.2,.4,1)}.avatar-swap-enter-from[data-v-bf387f30],.avatar-swap-leave-to[data-v-bf387f30]{opacity:0;transform:scale(.82)}.profile-name[data-v-bf387f30]{width:100%;display:block}.profile-name input[data-v-bf387f30]{color:#fff;cursor:default;width:100%;min-height:2.7rem;font-family:var(--font-boxy);letter-spacing:.02em;text-align:center;text-transform:uppercase;clip-path:polygon(.7rem 0,100% 0,calc(100% - .7rem) 100%,0 100%);background:#ff5a1e;border:0;outline:0;padding:0 .8rem;font-size:1.08rem;line-height:1}.profile-name input[data-v-bf387f30]:focus{background:#17130f}.profile-name input[data-v-bf387f30]::placeholder{color:#ffffff9e}.discord-save-callout[data-v-bf387f30]{color:#f7f5ef;background:#17130f;border:3px solid #17130f;gap:.45rem;padding:.7rem;display:grid;box-shadow:4px 4px #ff5a1e}.discord-save-callout.guest[data-v-bf387f30]{color:#17130f;box-shadow:none;background:0 0;border:0;gap:.55rem;padding:0}.discord-save-callout>strong[data-v-bf387f30]{font-family:var(--font-boxy);letter-spacing:.03em;text-transform:uppercase;font-size:.78rem;line-height:1.15}.discord-save-callout>p[data-v-bf387f30]{color:#d9d4ca;margin:0;font-size:.58rem;font-weight:650;line-height:1.35}.discord-save-callout .sf-button[data-v-bf387f30]{width:100%}.discord-save-callout .sf-button>span[data-v-bf387f30]{justify-content:center;width:100%}.discord-save-callout .discord-login[data-v-bf387f30]{color:#fff;background:#5865f2;border-color:#17130f}.discord-save-callout .guest-preview-note[data-v-bf387f30]{color:#554f46;background:#f7f5ef;border:2px solid #17130f;padding:.55rem .6rem}.discord-save-callout .guest-preview-note strong[data-v-bf387f30]{color:#17130f}.discord-save-callout>small[data-v-bf387f30]{color:#ff8c62;font-size:.56rem;font-weight:700;line-height:1.3}.stat-block[data-v-bf387f30]{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.stat-block>div[data-v-bf387f30]{background:#f7f5ef;border:2px solid #17130f;place-content:center;justify-items:center;gap:.1rem;min-height:3.65rem;padding:.45rem;display:grid}.stat-block.single-stat[data-v-bf387f30]{grid-template-columns:1fr}.spend-card[data-v-bf387f30]{background:#f7f5ef;border:2px solid #17130f;padding:.75rem .8rem .65rem;display:grid;position:relative;box-shadow:4px 4px #17130f}.spend-card>strong[data-v-bf387f30]{font-family:var(--font-boxy);letter-spacing:-.04em;font-size:clamp(2.35rem,4.8vw,3.3rem);line-height:.9}.spend-card>span[data-v-bf387f30]{color:#17130f;letter-spacing:.1em;text-transform:uppercase;margin-top:.45rem;font-size:.48rem;font-weight:850}.spend-card>em[data-v-bf387f30]{color:#6b6459;min-height:1rem;font-family:var(--font-display);margin-top:.38rem;font-size:.72rem;font-weight:400;line-height:1.2}.spend-card p[data-v-bf387f30]{z-index:20;color:#f2efe8;letter-spacing:.02em;opacity:0;pointer-events:none;text-align:left;text-transform:none;background:#17130f;width:max-content;max-width:13rem;margin:0;padding:.45rem .55rem;font-size:.56rem;font-weight:600;line-height:1.35;transition:opacity .13s,transform .13s;position:absolute;bottom:calc(100% + .4rem);left:50%;transform:translate(-50%,.3rem)}.spend-card:focus-visible p[data-v-bf387f30],.spend-card:hover p[data-v-bf387f30]{opacity:1;transform:translate(-50%)}.stat-block strong[data-v-bf387f30]{font-family:var(--font-boxy);font-size:1.25rem;line-height:.95}.stat-block span[data-v-bf387f30]{color:#8b857a;letter-spacing:.18em;text-transform:uppercase;font-size:.55rem;font-weight:800}.collection-facts[data-v-bf387f30]{background:#f7f5ef;border:2px solid #17130f}.collection-facts div[data-v-bf387f30]{justify-content:space-between;align-items:baseline;gap:.6rem;padding:.46rem .55rem;display:flex}.collection-facts div+div[data-v-bf387f30]{border-top:1px solid #b9b3a6}.collection-facts dt[data-v-bf387f30]{color:#8b857a;letter-spacing:.1em;text-transform:uppercase;font-size:.48rem;font-weight:850}.collection-facts dd[data-v-bf387f30]{text-align:right;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.58rem;font-weight:800;overflow:hidden}.profile-actions[data-v-bf387f30]{gap:.35rem;display:grid}.profile-actions .sf-button[data-v-bf387f30]{width:100%}.profile-actions .sf-button>span[data-v-bf387f30]{justify-content:center;width:100%;padding:.52rem .7rem}.profile-actions .delete[data-v-bf387f30]{color:#fff;background:#17130f;border-color:#17130f}.profile-actions .delete[data-v-bf387f30]:hover:not(:disabled){background:#ff5a1e;border-color:#ff5a1e}.profile-actions .disconnect[data-v-bf387f30]{color:#fff;background:#17130f;border-color:#17130f}.profile-actions .disconnect[data-v-bf387f30]:hover:not(:disabled){background:#5865f2;border-color:#5865f2}.profile-auth-gate[data-v-bf387f30]{color:#17130f;text-align:center;background:#f2efe8;border:3px solid #17130f;place-items:center;gap:.8rem;width:min(92vw,34rem);padding:clamp(2rem,7vw,4.5rem);display:grid;box-shadow:10px 10px #17130f}.profile-context-loading[data-v-bf387f30]{color:#17130f;background:#f2efe8;border:3px solid #17130f;align-content:center;place-items:center;gap:.8rem;width:min(92vw,25rem);min-height:18rem;display:grid;box-shadow:8px 8px #ff5a1e}.profile-context-loading svg[data-v-bf387f30]{color:#ff5a1e}.profile-context-loading strong[data-v-bf387f30]{font-family:var(--font-boxy);text-transform:uppercase;font-size:.75rem}.profile-auth-mark[data-v-bf387f30]{color:#fff;background:#5865f2;border:3px solid #17130f;border-radius:50%;place-items:center;width:5rem;height:5rem;font-size:2.4rem;display:grid}.profile-auth-eyebrow[data-v-bf387f30]{color:#ff5a1e;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.62rem;font-weight:900}.profile-auth-gate h1[data-v-bf387f30]{font-family:var(--font-boxy);text-transform:uppercase;margin:0;font-size:clamp(1.35rem,4vw,2.4rem);font-weight:400}.profile-auth-gate>p[data-v-bf387f30]:not(.profile-auth-eyebrow,.save-error){color:#6b6459;max-width:27rem;margin:0;font-size:.78rem;line-height:1.55}.profile-auth-actions[data-v-bf387f30]{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.45rem;display:flex}.profile-content[data-v-bf387f30]{scrollbar-width:thin;display:block;overflow-y:visible}.icon-window[data-v-bf387f30]{z-index:70;top:50%;left:calc(50% + var(--profile-avatar-size)/2 + 1.15rem);background:#f2efe8;border:3px solid #17130f;grid-template-rows:auto minmax(0,1fr) auto;width:min(20rem,100vw - 2rem);max-height:min(70vh,26rem);display:grid;position:absolute;transform:translateY(-50%);box-shadow:0 24px 60px #17130f73}.icon-window>header[data-v-bf387f30]{border-bottom:1px solid #b9b3a6;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem .7rem;display:flex}.icon-window header strong[data-v-bf387f30]{font-family:var(--font-boxy);letter-spacing:.04em;text-transform:uppercase;font-size:1.15rem}.icon-window header button[data-v-bf387f30]{color:#17130f;cursor:pointer;background:0 0;border:0;place-items:center;width:1.6rem;height:1.6rem;padding:0;display:grid}.icon-window header button[data-v-bf387f30]:hover{color:#fff;background:#ff5a1e}.icon-grid[data-v-bf387f30]{scrollbar-width:none;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:.4rem;min-height:0;padding:.6rem;display:grid;overflow-y:auto}.icon-grid[data-v-bf387f30]::-webkit-scrollbar{display:none}.icon-grid button[data-v-bf387f30]{aspect-ratio:1;cursor:pointer;background:#fff;border:2px solid #0000;padding:0;display:block;overflow:hidden}.icon-grid button.selected[data-v-bf387f30]{border-color:#ff5a1e}.icon-grid img[data-v-bf387f30]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.icon-window>footer[data-v-bf387f30]{background:#eae6dc;border-top:1px solid #b9b3a6;align-items:center;gap:.6rem;padding:.55rem .7rem;display:flex}.icon-preview[data-v-bf387f30]{background:#ff5a1e;border-radius:50%;flex:none;width:2.6rem;height:2.6rem;display:block;overflow:hidden}.icon-preview img[data-v-bf387f30]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.icon-window footer .sf-button[data-v-bf387f30]{flex:1}.icon-window footer .sf-button>span[data-v-bf387f30]{justify-content:center;width:100%}.icon-slide-enter-active[data-v-bf387f30],.icon-slide-leave-active[data-v-bf387f30]{transition:opacity .18s,transform .28s cubic-bezier(.2,.9,.3,1)}.icon-slide-enter-from[data-v-bf387f30],.icon-slide-leave-to[data-v-bf387f30]{opacity:0;transform:translate(1.25rem,-50%)}.completion[data-v-bf387f30]{background:#f7f5ef;gap:.25rem;padding:.4rem .45rem;display:grid}.completion p[data-v-bf387f30]{justify-content:space-between;align-items:baseline;gap:.5rem;margin:0;display:flex}.completion p span[data-v-bf387f30]{color:#8b857a;letter-spacing:.18em;text-transform:uppercase;font-size:.55rem;font-weight:800}.completion p strong[data-v-bf387f30]{color:#17130f;font-family:var(--font-boxy);letter-spacing:.04em;font-size:.62rem}.completion-track[data-v-bf387f30]{background:#ded9cd;border:2px solid #17130f;height:.72rem;display:block;overflow:hidden}.completion-fill[data-v-bf387f30]{background:linear-gradient(90deg,#ff5a1e,#ffe81a);height:100%;transition:width .26s cubic-bezier(.2,.7,.3,1);display:block}.hero-band[data-v-bf387f30]{aspect-ratio:5.2;background:#0e1115;border-bottom:2px solid #17130f;margin:0;position:relative;overflow:hidden}.hero-band[data-v-bf387f30] img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 22%;object-position:center 22%;width:100%;height:100%}.hero-band figcaption[data-v-bf387f30]{color:#fff;background:linear-gradient(#0000,#07090ceb);padding:2.5rem 1rem .8rem;position:absolute;bottom:0;left:0;right:0}.hero-band figcaption span[data-v-bf387f30]{color:#d8d3c8;font-family:var(--font-sans);letter-spacing:0;text-transform:none;margin-top:.15rem;font-size:.68rem;font-weight:500;display:block}.hero-band figcaption strong[data-v-bf387f30]{font-family:var(--font-display);letter-spacing:.01em;text-transform:none;font-size:clamp(1.1rem,2.6vw,1.7rem);font-weight:700;display:block}.collection-sections[data-v-bf387f30]{min-height:100%}.collection-group[data-v-bf387f30]{border-bottom:2px solid #17130f}.collection-group[data-v-bf387f30]:last-child{border-bottom:0}.collection-group-head[data-v-bf387f30]{align-items:center;gap:.6rem;padding:.7rem .85rem .55rem;display:flex}.group-name[data-v-bf387f30]{color:#17130f;cursor:pointer;font-family:var(--font-boxy);letter-spacing:.04em;text-transform:uppercase;background:0 0;border:0;padding:0;font-size:.88rem}.group-name[data-v-bf387f30]:hover{color:#ff5a1e}.group-count[data-v-bf387f30]{color:#17130f;font-family:var(--font-boxy);letter-spacing:.04em;flex:none;font-size:.58rem}.group-track[data-v-bf387f30]{cursor:pointer;background:#ded9cd;border:2px solid #17130f;flex:1;height:.48rem;padding:0;display:block;overflow:hidden}.group-track i[data-v-bf387f30]{pointer-events:none;background:linear-gradient(90deg,#ff5a1e,#ffe81a);height:100%;display:block}.group-track.collapsed[data-v-bf387f30]{opacity:.62}.group-track[data-v-bf387f30]:focus-visible,.group-track[data-v-bf387f30]:hover{border-color:#ff5a1e}.collection-grid[data-v-bf387f30]{grid-template-columns:repeat(auto-fill,minmax(6.8rem,1fr));gap:.7rem;padding:.15rem .85rem .9rem;display:grid}.collection-tile[data-v-bf387f30]{aspect-ratio:.68;color:#fff;cursor:pointer;text-align:left;background:#17130f;border:2px solid #17130f;min-width:0;padding:0;transition:transform .1s,box-shadow .1s;display:block;position:relative;overflow:hidden}.collection-tile[data-v-bf387f30]:focus-visible,.collection-tile[data-v-bf387f30]:hover{z-index:2;transform:translate(-3px,-3px);box-shadow:5px 5px #17130f}.collection-art[data-v-bf387f30]{position:absolute;inset:0}.collection-art[data-v-bf387f30]:after{content:"";background:linear-gradient(#0000,#000000e0);position:absolute;inset:35% 0 0}.collection-art[data-v-bf387f30] img{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%;height:100%}.collection-tile-name[data-v-bf387f30],.collection-tile-rarity[data-v-bf387f30]{z-index:2;position:absolute;left:0;right:0}.collection-tile-name[data-v-bf387f30]{letter-spacing:.04em;text-transform:uppercase;padding:0 .5rem;font-size:.58rem;font-weight:850;line-height:1.2;bottom:1.35rem}.collection-tile-rarity[data-v-bf387f30]{color:#d8d3c8;letter-spacing:.08em;text-transform:uppercase;padding:0 .5rem;font-size:.48rem;font-weight:700;bottom:.45rem}.legacy-tag[data-v-bf387f30]{z-index:3;color:#17130f;font-family:var(--font-boxy);letter-spacing:.06em;text-transform:uppercase;background:#e0a51a;border:1px solid #17130f;padding:.18rem .3rem;font-size:.4rem;position:absolute;top:.35rem;right:.35rem}.collection-grid.list[data-v-bf387f30]{grid-template-columns:1fr;gap:.45rem;display:grid}.collection-grid.list .collection-tile[data-v-bf387f30]{aspect-ratio:auto;color:#17130f;background:#f7f5ef;grid-template-rows:4.55rem;grid-template-columns:4.55rem minmax(0,1fr) auto;align-items:center;height:auto;min-height:4.6rem;padding:0;display:grid;overflow:hidden}.collection-grid.list .collection-art[data-v-bf387f30]{grid-area:1/1;width:4.55rem;height:100%;position:relative;inset:auto}.collection-grid.list .collection-art[data-v-bf387f30]:after{display:none}.collection-grid.list .collection-tile-name[data-v-bf387f30],.collection-grid.list .collection-tile-rarity[data-v-bf387f30]{text-shadow:none;grid-row:1;align-self:center;line-height:1.2;display:block;position:static;inset:auto;transform:none}.collection-grid.list .collection-tile-name[data-v-bf387f30]{color:#17130f;text-align:left;grid-column:2;padding:0 .7rem;font-size:.68rem}.collection-grid.list .collection-tile-rarity[data-v-bf387f30]{color:#8b857a;white-space:nowrap;grid-column:3;padding:0 .7rem}.collection-grid.list .legacy-tag[data-v-bf387f30]{top:.35rem;left:.35rem;right:auto}.collection-empty[data-v-bf387f30]{place-content:center;justify-items:center;gap:.65rem;min-height:12rem;display:grid}.collection-empty strong[data-v-bf387f30]{font-family:var(--font-boxy);text-transform:uppercase;font-size:.86rem}.collection-empty button[data-v-bf387f30]{color:#ff5a1e;cursor:pointer;text-transform:uppercase;background:0 0;border:0;font-size:.62rem;font-weight:800}.save-error[data-v-bf387f30]{color:#c03e1e;margin:0;font-size:.62rem;font-weight:700}.collection-shown[data-v-bf387f30]{color:#8b857a;letter-spacing:.06em;text-transform:uppercase;margin:0 0 0 auto;font-size:.58rem;font-weight:700}.splash-overlay[data-v-bf387f30]{z-index:120;background:#050709e0;justify-content:center;align-items:center;gap:.9rem;padding:clamp(.8rem,3vw,2.4rem);display:flex;position:fixed;inset:0;overflow-y:auto}.splash-frame[data-v-bf387f30]{border:2px solid #17130f;flex:0 auto;width:min(100%,54rem);margin:0;overflow:hidden;box-shadow:0 30px 80px #0009}.splash-frame[data-v-bf387f30],.splash-media[data-v-bf387f30]{background:#0b0e11;position:relative}.splash-media[data-v-bf387f30]{aspect-ratio:1215/717;width:100%}.media-loading[data-v-bf387f30]{place-items:center;display:grid;position:absolute;inset:0}.loading-bar[data-v-bf387f30]{background:0 0;border:2px solid #f2efe8;width:min(48%,16rem);height:.7rem;display:block;overflow:hidden}.loading-bar i[data-v-bf387f30]{background:#ff5a1e;width:40%;height:100%;animation:.9s ease-in-out infinite loading-sweep-bf387f30;display:block}@keyframes loading-sweep-bf387f30{0%{transform:translate(-110%)}to{transform:translate(260%)}}.splash-close[data-v-bf387f30]{z-index:2;color:#fff;cursor:pointer;background:#17130fb3;border:0;place-items:center;width:2.1rem;height:2.1rem;padding:0;display:grid;position:absolute;top:.6rem;right:.6rem}.splash-close[data-v-bf387f30]:hover{background:#ff5a1e}.splash-caption[data-v-bf387f30]{background:linear-gradient(#0000,#07090cf0);justify-content:space-between;align-items:flex-end;gap:1rem;margin:0;padding:3rem 1.1rem 1rem;display:flex;position:absolute;bottom:0;left:0;right:0}.splash-names strong[data-v-bf387f30]{color:#fff;font-family:var(--font-boxy);letter-spacing:.03em;text-transform:uppercase;font-size:clamp(1.1rem,2.6vw,1.7rem);font-weight:400;line-height:1.15;display:block}.splash-names span[data-v-bf387f30]{color:#ffe81a;letter-spacing:.18em;font-size:.62rem}.splash-names span[data-v-bf387f30],.splash-toggle[data-v-bf387f30]{text-transform:uppercase;font-weight:800}.splash-toggle[data-v-bf387f30]{color:#fff;cursor:pointer;letter-spacing:.1em;background:#ff5a1e;border:2px solid #ff5a1e;flex:none;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.66rem;display:inline-flex}.splash-toggle[data-v-bf387f30]:hover{border-color:#fff}.splash-toggle.active[data-v-bf387f30]{background:0 0;border-color:#ffffff8c}.chroma-window[data-v-bf387f30]{background:#f2efe8;border:3px solid #17130f;grid-template-rows:auto minmax(0,1fr) auto;width:16.5rem;max-height:min(80vh,34rem);display:grid;box-shadow:0 22px 60px #0000008c}.chroma-window>header[data-v-bf387f30]{border-bottom:1px solid #b9b3a6;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .75rem;display:flex}.chroma-window header strong[data-v-bf387f30]{color:#17130f;font-family:var(--font-boxy);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:400}.chroma-window>footer[data-v-bf387f30]{background:#eae6dc;border-top:1px solid #d8d3c8;justify-items:stretch;padding:.55rem;display:grid}.chroma-window>footer .sf-button[data-v-bf387f30]{width:100%}.chroma-window>footer .sf-button>span[data-v-bf387f30]{justify-content:center;width:100%}.chroma-grid[data-v-bf387f30]{scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:.4rem;min-height:0;padding:.6rem;display:grid;overflow-y:auto}.chroma-chip[data-v-bf387f30]{cursor:pointer;background:#fff;border:2px solid #d8d3c8;grid-template-rows:auto auto;padding:0;display:grid;overflow:hidden}.chroma-art[data-v-bf387f30]{aspect-ratio:1;background:#eae6dc;display:block;position:relative;overflow:hidden}.chroma-art img[data-v-bf387f30]{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.chroma-art.loading[data-v-bf387f30]:after{content:"";background:linear-gradient(90deg,#eae6dc 25%,#f6f3ec 50%,#eae6dc 75%) 0 0/200% 100%;animation:1.1s linear infinite chroma-shimmer-bf387f30;position:absolute;inset:0}@keyframes chroma-shimmer-bf387f30{0%{background-position:200% 0}to{background-position:-200% 0}}.chroma-name[data-v-bf387f30]{color:#17130f;letter-spacing:.04em;overflow-wrap:anywhere;text-align:center;text-transform:uppercase;border-top:1px solid #e2ded4;align-content:center;min-height:2.1rem;padding:.25rem .2rem;font-size:.52rem;font-weight:800;line-height:1.15;display:grid}.chroma-chip[data-v-bf387f30]:hover{border-color:#17130f}.chroma-chip.selected[data-v-bf387f30]{border-color:#ff5a1e}.chroma-chip.selected .chroma-name[data-v-bf387f30]{color:#fff;background:#ff5a1e;border-top-color:#ff5a1e}.splash-fade-enter-active[data-v-bf387f30],.splash-fade-leave-active[data-v-bf387f30]{transition:opacity .16s}.splash-fade-enter-from[data-v-bf387f30],.splash-fade-leave-to[data-v-bf387f30]{opacity:0}@media (hover:none){.skin-expand[data-v-bf387f30]{opacity:1}}@media (width<=1040px){.menu-window[data-v-bf387f30]{grid-template-columns:13rem minmax(0,1fr)}.menu-window.profile-mode[data-v-bf387f30]{grid-template-columns:15rem minmax(0,1fr)}.collection-grid[data-v-bf387f30]{grid-template-columns:repeat(auto-fill,minmax(6.2rem,1fr))}.skin-tiles[data-v-bf387f30]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.sf-page[data-v-bf387f30]{padding:.6rem}.menu-stage[data-v-bf387f30]{flex-direction:column;height:100%}.menu-stage.profile-stage[data-v-bf387f30]{height:auto}.menu-window[data-v-bf387f30]{height:100%}.menu-window[data-v-bf387f30],.menu-window.profile-mode[data-v-bf387f30]{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.menu-header[data-v-bf387f30]{flex-direction:column;align-items:flex-start;padding:.75rem .9rem}.menu-header>.collection-controls[data-v-bf387f30]{flex-wrap:wrap;justify-content:flex-start;width:100%}.menu-sidebar[data-v-bf387f30]{border-bottom:1px solid #d8d3c8;border-right:0;grid-template-rows:auto auto}.champion-list[data-v-bf387f30]{gap:.35rem;padding:.45rem .6rem;display:flex;overflow:auto hidden}.champion-row[data-v-bf387f30]{flex:none;padding:0;display:block;position:relative}.champion-row[data-v-bf387f30],.champion-row img[data-v-bf387f30]{width:2.7rem;height:2.7rem}.champion-row span[data-v-bf387f30]:not(.picked-dot){display:none}.picked-dot[data-v-bf387f30]{position:absolute;bottom:.15rem;right:.15rem}.champion-row.active[data-v-bf387f30]{clip-path:none;outline-offset:-3px;background:0 0;outline:3px solid #ff5a1e}.content-toolbar[data-v-bf387f30]{flex-wrap:wrap;gap:.4rem .7rem}.xp-bar[data-v-bf387f30]{order:3;width:100%}.skin-tiles[data-v-bf387f30]{grid-template-columns:repeat(3,minmax(0,1fr));padding:.6rem}.menu-footer[data-v-bf387f30]{flex-wrap:wrap;padding:.6rem .7rem}.profile-sidebar[data-v-bf387f30]{border-bottom:1px solid #b9b3a6;border-right:0;grid-template-columns:9.4rem minmax(0,1fr);align-items:start;max-height:none;padding:.7rem;overflow-y:visible}.avatar-slot[data-v-bf387f30]{grid-row:1/span 2;min-height:9.5rem}.collection-facts[data-v-bf387f30],.completion[data-v-bf387f30],.discord-save-callout[data-v-bf387f30],.profile-actions[data-v-bf387f30],.profile-name[data-v-bf387f30],.spend-card[data-v-bf387f30],.stat-block[data-v-bf387f30]{grid-column:2}.profile-name input[data-v-bf387f30]{padding-inline:.35rem;font-size:.9rem}.collection-grid[data-v-bf387f30]{grid-template-columns:repeat(auto-fill,minmax(5.7rem,1fr));gap:.5rem;padding-inline:.6rem}.collection-tile-name[data-v-bf387f30]{font-size:.52rem}}@media (width<=480px){.icon-window[data-v-bf387f30]{top:calc(100% + .6rem);left:50%;transform:translate(-50%)}.icon-slide-enter-from[data-v-bf387f30],.icon-slide-leave-to[data-v-bf387f30]{transform:translate(-50%,.8rem)}}.panel-slide-enter-active[data-v-bf387f30],.panel-slide-leave-active[data-v-bf387f30]{transition:opacity .16s,transform .22s cubic-bezier(.2,.7,.3,1)}.panel-slide-enter-from[data-v-bf387f30]{opacity:0;transform:translate(1.6rem)}.panel-slide-leave-to[data-v-bf387f30]{opacity:0;transform:translate(-1.6rem)}.menu-swap-enter-active[data-v-bf387f30],.menu-swap-leave-active[data-v-bf387f30]{transition:opacity .16s,transform .24s cubic-bezier(.2,.7,.3,1)}.menu-swap-enter-from[data-v-bf387f30]{opacity:0;transform:translateY(1.2rem)}.menu-swap-leave-to[data-v-bf387f30]{opacity:0;transform:translateY(-1.2rem)}.cheer-peek[data-v-bf387f30]{z-index:60;pointer-events:none;align-items:flex-end;gap:.5rem;display:flex;position:absolute;bottom:0;right:clamp(.5rem,3vw,2.5rem)}.cheer-peek img[data-v-bf387f30]{filter:drop-shadow(0 6px 16px #17130f59);width:clamp(5rem,11vw,7.5rem);height:auto}.cheer-bubble[data-v-bf387f30]{color:#17130f;font-family:var(--font-boxy);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#fff;border:3px solid #17130f;margin:0 0 1.6rem;padding:.5rem .8rem;font-size:.82rem;position:relative}.cheer-bubble[data-v-bf387f30]:after{content:"";border:.35rem solid #0000;border-left-color:#17130f;margin-top:-.35rem;position:absolute;top:50%;right:-.62rem}.cheer-peek-enter-active[data-v-bf387f30]{transition:opacity .18s,transform .34s cubic-bezier(.2,1.3,.4,1)}.cheer-peek-leave-active[data-v-bf387f30]{transition:opacity .24s,transform .3s}.cheer-peek-enter-from[data-v-bf387f30],.cheer-peek-leave-to[data-v-bf387f30]{opacity:0;transform:translateY(3.5rem)}@media (prefers-reduced-motion:reduce){.sf-button[data-v-bf387f30],.skin-tile[data-v-bf387f30],.xp-fill[data-v-bf387f30]{transition:none}.chroma-art.loading[data-v-bf387f30]:after,.loading-bar i[data-v-bf387f30],.menu-window[data-v-bf387f30],.next-arrow[data-v-bf387f30],.skin-tile.flashing[data-v-bf387f30],.xp-bar.maxed[data-v-bf387f30],.xp-fill.full[data-v-bf387f30]{animation:none}.avatar-swap-enter-active[data-v-bf387f30],.avatar-swap-leave-active[data-v-bf387f30],.cheer-peek-enter-active[data-v-bf387f30],.cheer-peek-leave-active[data-v-bf387f30],.icon-slide-enter-active[data-v-bf387f30],.icon-slide-leave-active[data-v-bf387f30],.menu-swap-enter-active[data-v-bf387f30],.menu-swap-leave-active[data-v-bf387f30],.panel-slide-enter-active[data-v-bf387f30],.panel-slide-leave-active[data-v-bf387f30]{transition:none}.rank-crest[data-v-bf387f30]{animation:none}}.profile-actions .delete[data-v-bf387f30],.profile-actions .disconnect[data-v-bf387f30],.sf-button[data-v-bf387f30],.sf-button.ghost[data-v-bf387f30],.sf-button.primary[data-v-bf387f30]{color:#fff;box-shadow:none;background:#17130f;border-color:#0000}.sf-button.primary[data-v-bf387f30]{background:#ff5a1e}.profile-actions .delete[data-v-bf387f30]:hover:not(:disabled),.profile-actions .disconnect[data-v-bf387f30]:hover:not(:disabled),.sf-button.ghost[data-v-bf387f30]:hover:not(:disabled),.sf-button.primary[data-v-bf387f30]:hover:not(:disabled),.sf-button[data-v-bf387f30]:hover:not(:disabled){color:#fff;background:#ff5a1e;border-color:#0000}.chroma-window[data-v-bf387f30],.icon-window[data-v-bf387f30],.profile-auth-gate[data-v-bf387f30],.profile-context-loading[data-v-bf387f30]{border:3px solid #17130f;box-shadow:0 15px #17130f24}.view-switch[data-v-bf387f30]{box-shadow:none}.collection-facts[data-v-bf387f30],.completion[data-v-bf387f30],.discord-save-callout .guest-preview-note[data-v-bf387f30],.spend-card[data-v-bf387f30],.stat-block>div[data-v-bf387f30]{box-shadow:none;border:1px solid #b9b3a6}.hero-band[data-v-bf387f30]{border-bottom:1px solid #b9b3a6}.chroma-window>footer[data-v-bf387f30],.chroma-window>header[data-v-bf387f30],.icon-window>footer[data-v-bf387f30],.icon-window>header[data-v-bf387f30]{border-width:1px;border-color:#b9b3a6}