.profile{--pad:max(32px,calc((100vw - 1224px)/2));--banner-w:clamp(240px,32svh,480px);padding-bottom:96px}.profile-hero{height:max(620px,100svh);margin-top:calc(-1 * var(--nav-h));isolation:isolate;position:relative;overflow:hidden}.profile-backdrop{z-index:-1;background-size:cover;background-position:var(--focus);position:absolute;inset:0}.profile-backdrop-blur{background:inherit;pointer-events:none;--inner:calc(var(--r) - 18%);-webkit-mask:radial-gradient(ellipse var(--sharp) at var(--at),#0000 var(--inner),#000 var(--r));-webkit-mask:radial-gradient(ellipse var(--sharp) at var(--at),#0000 var(--inner),#000 var(--r));mask:radial-gradient(ellipse var(--sharp) at var(--at),#0000 var(--inner),#000 var(--r));position:absolute;inset:0}.profile-backdrop{--at:var(--subject);--sharp:54% 64%}.profile-backdrop-blur[data-step="1"]{--r:60%;filter:blur(2px)}.profile-backdrop-blur[data-step="2"]{--r:80%;filter:blur(4px)}.profile-backdrop-blur[data-step="3"]{--r:100%;filter:blur(7px)}.profile-backdrop-blur[data-step="4"]{--r:122%;filter:blur(12px)}.profile-backdrop:after{content:"";background:linear-gradient(90deg,color-mix(in srgb, var(--bg) 85.1%, transparent) 0,color-mix(in srgb, var(--bg) 50.2%, transparent) calc(var(--pad) + var(--banner-w)),transparent calc(var(--pad) + var(--banner-w) + 220px)), linear-gradient(0deg,var(--bg) 0,color-mix(in srgb, var(--bg) 70.2%, transparent) 16%,transparent 40%);position:absolute;inset:0}.profile-banner{left:var(--pad);width:var(--banner-w);filter:drop-shadow(0 10px 28px #0004);height:94%;position:absolute;top:0;container-type:size}.profile-banner-cloth{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.profile-banner-body{left:0;right:0;top:var(--nav-h);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:7.3cqw;padding:0 8cqw;display:flex;position:absolute;bottom:16%}.profile-banner-body>*{pointer-events:auto}.profile-banner-change{clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);position:absolute;inset:0}.profile-banner-icon{border-radius:var(--r-round);filter:drop-shadow(0 4px 12px #0004);transition:filter var(--t-fast),scale var(--t-fast);line-height:0}.profile-banner-icon:hover{filter:drop-shadow(0 4px 12px #0004)brightness(1.08);scale:1.02}.profile-banner-icon:focus-visible{outline-offset:6px}.profile-banner-icon svg{width:56cqw;height:56cqw}.profile-name{letter-spacing:.5px;text-align:center;overflow-wrap:anywhere;max-width:100%;color:var(--text);text-shadow:0 1px 8px #0005;font-size:13.3cqw;line-height:1}.profile-title{min-height:10.7cqw;color:var(--muted);text-align:center;transition:color var(--t-fast);margin-top:-4cqw;padding:0 2.7cqw;font-size:6cqw;line-height:1.2}.profile-title:hover{color:var(--text)}.profile-banner-emblems{filter:drop-shadow(0 3px 10px #0004);transition:scale var(--t-fast);border-radius:40px;gap:4cqw;margin-top:2cqw;display:flex}.profile-banner-emblems:hover{scale:1.03}.profile-emblem-slot{border-radius:var(--r-round);background:color-mix(in srgb, var(--bg) 60%, transparent);width:64px;height:64px}.profile-banner .profile-banner-emblems svg,.profile-banner .profile-emblem-slot{width:21.3cqw;height:21.3cqw}.profile-settings{right:var(--pad);top:calc(var(--nav-h) + 20px);border-radius:var(--r-round);width:40px;height:40px;color:var(--muted);background:color-mix(in srgb, var(--bg) 60%, transparent);transition:color var(--t-fast),background var(--t-fast);place-items:center;display:grid;position:absolute}.profile-settings:hover{color:var(--text);background:var(--fill-strong)}.profile-shelf{left:calc(var(--pad) + var(--banner-w) + 56px);right:var(--pad);--card:min(clamp(96px,16svh,260px),26cqw);position:absolute;bottom:clamp(24px,5svh,64px);container-type:inline-size}.profile-shelf-items{justify-content:center;align-items:flex-end;gap:calc(var(--card) * .36);display:flex}.profile-shelf-leader,.profile-shelf-back{width:var(--card);border-radius:var(--card-corner);transition:scale var(--t-fast) var(--ease-out),filter var(--t-fast);filter:drop-shadow(0 4px 14px #0004);flex:none;line-height:0;display:block}.profile-shelf-leader:hover,.profile-shelf-back:hover{scale:1.03}.profile-shelf-leader img,.profile-shelf-back .profile-back{aspect-ratio:.715;border-radius:var(--card-corner);width:100%;max-width:none;height:auto;display:block}.profile-shelf-rank{align-items:center;gap:calc(var(--card) * .06);padding-bottom:calc(var(--card) * .08);filter:drop-shadow(0 4px 14px #0004);flex-direction:column;flex:none;display:flex}.profile-shelf-rank svg{width:calc(var(--card) * .69);height:auto}.profile-shelf-rank span{font-size:max(10px,calc(var(--card) * .086));letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);font-weight:700}.profile-back{aspect-ratio:.715;border-radius:var(--card-corner);box-shadow:var(--shadow-2) #0004;display:block}.profile-collection{max-width:1320px;margin:var(--sp-8) auto 0;padding:0 var(--sp-48);gap:var(--sp-24);display:grid}.profile-tray{border-radius:var(--r-14);background:var(--panel);overflow:hidden}.profile-tray header{align-items:center;gap:var(--sp-12);padding:var(--sp-18) var(--sp-24) 0;display:flex}.profile-tray h2{font-size:var(--fs-14);letter-spacing:2.4px;text-transform:uppercase;color:var(--text);font-weight:700}.profile-customize{border-radius:var(--r-18);width:min(max(1180px,62vw),100vw - 48px);height:min(max(760px,72dvh),100dvh - 48px);color:var(--text);background:var(--panel);box-shadow:var(--shadow-3) #0005;border:0;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden}.profile-customize[open]{grid-template-columns:300px 1fr;display:grid}.profile-customize::backdrop{background:color-mix(in srgb, var(--bg) 70.2%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.profile-customize-banner{margin:0 0 var(--sp-28) var(--sp-28);height:calc(100% - 28px);position:relative;container-type:size}.profile-customize-banner-body{text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:5.4cqw;padding:0 7.7cqw;display:flex;position:absolute;top:15%;left:0;right:0}.profile-customize-banner-body>*{pointer-events:auto}.profile-customize-banner-body .profile-banner-icon svg{width:50.8cqw;height:50.8cqw}.profile-customize-banner-body strong{font-family:var(--font-display),Impact,sans-serif;overflow-wrap:anywhere;font-size:12.3cqw;font-weight:400;line-height:1}.profile-customize-banner-body>span{color:var(--muted);margin-top:-2.3cqw;font-size:6.2cqw}.profile-customize-banner-body .profile-banner-emblems{filter:none}.profile-customize-banner-body .profile-banner-emblems svg,.profile-customize-banner-body .profile-emblem-slot{width:20cqw;height:20cqw}.profile-customize-main{min-width:0;min-height:0;padding:var(--sp-36) var(--sp-40) 0;flex-direction:column;display:flex;position:relative}.profile-customize-main h2{font-size:var(--fs-22);letter-spacing:2.4px;text-transform:uppercase;font-weight:700}.profile-customize-close{border-radius:var(--r-round);width:44px;height:44px;color:var(--muted);transition:color var(--t-fast),background var(--t-fast);place-items:center;display:grid;position:absolute;top:24px;right:20px}.profile-customize-close:hover{color:var(--text);background:var(--fill)}.profile-customize-tabs{gap:var(--sp-4) var(--sp-28);margin-top:var(--sp-24);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.profile-customize-tabs button{padding:var(--sp-10) 0 var(--sp-14);font-size:var(--fs-14);letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);transition:color var(--t-fast);font-weight:700;position:relative}.profile-customize-tabs button:hover,.profile-customize-tabs button[data-selected]{color:var(--text)}.profile-customize-tabs button[data-selected]:after{content:"";background:var(--red);height:2px;position:absolute;bottom:-1px;left:0;right:0}.profile-customize-panel{min-height:0;padding:var(--sp-28) var(--sp-4) var(--sp-40);scrollbar-width:thin;flex:1;overflow-y:auto}.profile-customize-slots{gap:var(--sp-20);padding:0 0 var(--sp-28);margin-bottom:var(--sp-28);border-bottom:1px solid var(--line);display:flex}.profile-customize-slots button{border-radius:var(--r-round);opacity:.4;transition:opacity var(--t-fast),scale var(--t-fast);line-height:0;position:relative}.profile-customize-slots button:hover{opacity:.8}.profile-customize-slots button[data-selected]{opacity:1}.profile-customize-slots .profile-emblem-slot{background:var(--panel-raised);width:72px;height:72px}.profile-choice[data-selected]:after{content:"";border-radius:var(--r-round);background:var(--gold);width:8px;height:8px;margin-left:-4px;position:absolute;bottom:-16px;left:50%}.profile-customize-grid{gap:var(--sp-36) var(--sp-28);justify-content:start;display:grid}.profile-customize-grid.icon{grid-template-columns:repeat(auto-fill,104px)}.profile-customize-grid.card{grid-template-columns:repeat(auto-fill,140px)}.profile-customize-grid.wide{grid-template-columns:repeat(auto-fill,280px)}.profile-customize-grid.title{gap:var(--sp-28) var(--sp-16);flex-wrap:wrap;display:flex}.profile-choice{border-radius:var(--card-corner);transition:scale var(--t-fast) var(--ease-out);line-height:0;position:relative}.profile-choice:hover{scale:1.04}.profile-customize-grid.icon .profile-choice{border-radius:var(--r-round)}.profile-customize-grid.title .profile-choice{border-radius:var(--r-pill)}.profile-banner-swatch{width:140px;line-height:0;display:block}.profile-banner-swatch svg{width:100%;height:auto;position:static}.profile-customize-grid.card img,.profile-customize-grid.card .profile-back{aspect-ratio:.715;border-radius:var(--card-corner);width:140px;height:auto;display:block}.profile-customize-grid.icon svg{width:104px;height:104px}.profile-choice[data-locked]{cursor:default;opacity:.4;filter:grayscale()}.profile-choice[data-locked]:hover{scale:1}.profile-title-chip{padding:var(--sp-14) var(--sp-24);border-radius:var(--r-pill);font-size:var(--fs-18);white-space:nowrap;color:var(--text);background:var(--panel-raised);line-height:1;display:block}.profile-backdrop-thumb{aspect-ratio:16/9;border-radius:var(--r-10);background-size:cover;width:280px;display:block}.profile-stats dl{gap:var(--sp-12);padding:var(--sp-18) var(--sp-24) var(--sp-24);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin:0;display:grid}.profile-stats dl>div{gap:var(--sp-6);padding:var(--sp-18) var(--sp-20);border-radius:var(--r-10);background:var(--panel-raised);display:grid}.profile-stats dt{font-size:var(--fs-12);letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);font-weight:700}.profile-stats dd{font-family:var(--font-display),Impact,sans-serif;font-size:var(--fs-40);color:var(--text);font-variant-numeric:tabular-nums;margin:0;line-height:1}.profile-stats-leader dd{align-items:center;gap:var(--sp-12);font-size:var(--fs-28);display:flex}@media (prefers-reduced-motion:reduce){.profile-choice,.profile-customize-slots button,.profile-shelf-leader,.profile-shelf-back,.profile-banner-icon,.profile-banner-emblems,.profile-title{transition:none}}@media (max-width:1050px){.profile{--banner-w:clamp(200px,30svh,260px)}.profile-shelf{left:calc(var(--pad) + var(--banner-w) + 32px)}}@media (max-width:700px),(max-aspect-ratio:4/5){.profile{--pad:max(16px,4vw);--banner-w:min(44vw,24svh)}.profile-hero{height:max(600px,100svh)}.profile-backdrop{background-position:var(--focus-phone,var(--focus));--at:var(--subject-phone);--sharp:72% 50%}.profile-backdrop:after{background:linear-gradient(90deg,color-mix(in srgb, var(--bg) 70.2%, transparent) 0,transparent 220px),linear-gradient(0deg,var(--bg) 0,color-mix(in srgb, var(--bg) 80%, transparent) 22%,transparent 46%)}.profile-banner{height:calc(100% - 1.4*min(clamp(88px,14svh,140px),28vw) - 80px)}.profile-settings{top:calc(var(--nav-h) + 12px)}.profile-shelf{left:var(--pad);right:var(--pad);--card:min(clamp(88px,14svh,140px),28cqw);bottom:clamp(24px,3svh,48px)}.profile-shelf-items{gap:calc(var(--card) * .3)}.profile-shelf-rank span{letter-spacing:1.2px}}@media (max-width:700px){.profile{padding-bottom:var(--sp-56)}.profile-collection{padding:0 var(--sp-16);gap:var(--sp-16)}.profile-tray header{padding:var(--sp-16) var(--sp-18) 0}.profile-title-chip{padding:var(--sp-12) var(--sp-20);font-size:var(--fs-16)}.profile-customize{border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none}.profile-customize[open]{display:flex}.profile-customize-banner{display:none}.profile-customize-main{padding:var(--sp-24) var(--sp-16) 0;flex:1}.profile-customize-main h2{font-size:var(--fs-18)}.profile-customize-close{top:12px;right:8px}.profile-customize-tabs{gap:0 var(--sp-20);margin-top:var(--sp-16);padding-right:var(--sp-40)}.profile-customize-tabs button{font-size:var(--fs-13);letter-spacing:1.4px}.profile-customize-panel{padding:var(--sp-24) 0 var(--sp-32)}.profile-customize-grid{gap:var(--sp-32) var(--sp-16)}.profile-customize-grid.icon{grid-template-columns:repeat(4,1fr)}.profile-customize-grid.icon svg{width:100%;height:auto}.profile-customize-slots{gap:var(--sp-16)}.profile-customize-slots svg,.profile-customize-slots .profile-emblem-slot{width:64px;height:64px}.profile-customize-grid.card{grid-template-columns:repeat(3,1fr)}.profile-customize-grid.card img,.profile-customize-grid.card .profile-back,.profile-banner-swatch{width:100%}.profile-customize-grid.wide{grid-template-columns:1fr}.profile-backdrop-thumb{width:100%}.profile-stats dl{gap:var(--sp-8);padding:var(--sp-14) var(--sp-18) var(--sp-18);grid-template-columns:repeat(3,1fr)}.profile-stats dl>div{padding:var(--sp-14)}.profile-stats dd{font-size:var(--fs-34)}.profile-stats-leader{grid-column:1/-1}}
/*# sourceMappingURL=0o0hoi71j75y-.css.map*/