@layer theme, base, components, utilities;@layer components{.profile-hero-card:hover .profile-annual-frame__rail{box-shadow:0 0 8px var(--frame-glow),0 0 8px var(--frame-glow)}.profile-hero-card:hover .profile-annual-frame__corner{filter:drop-shadow(0 0 8px var(--frame-glow))}.profile-hero-card:hover .profile-annual-frame__corner-jewel{filter:drop-shadow(0 0 2px var(--frame-accent))}@media (min-width:640px){.profile-hero-card:hover .profile-annual-frame__rail{box-shadow:0 0 8px var(--frame-glow),0 0 14px var(--frame-glow)}.profile-hero-card:hover .profile-annual-frame__corner{filter:drop-shadow(0 0 8px var(--frame-glow)) drop-shadow(0 0 12px var(--frame-glow))}.profile-hero-card:hover .profile-annual-frame__corner-jewel{filter:drop-shadow(0 0 3px var(--frame-accent))}}.profile-cosmetic-live-preview__avatar-slot:has(.profile-cosmetic-avatar--uses-image-frame) .profile-cosmetic-avatar-host--bleed{margin-right:0}.profile-cosmetic-modal-picker .profile-cosmetic-avatar-host--bleed{--cosmetic-avatar-bleed:16px}.profile-cosmetic-modal-picker .profile-cosmetic-picker-thumb .profile-cosmetic-avatar [class*=-aura],.profile-cosmetic-modal-picker .profile-cosmetic-picker-thumb .profile-cosmetic-avatar [class*=-glow],.profile-cosmetic-modal-picker .profile-cosmetic-picker-thumb .profile-cosmetic-avatar [class*=-halo],.profile-cosmetic-modal-picker .profile-cosmetic-picker-thumb .profile-cosmetic-avatar [class*=-mist]{filter:blur(5px) saturate(1.2)}.profile-cosmetic-avatar--plasma-orbit-ring .profile-cosmetic-avatar__plasma-ring{z-index:1;width:calc(100% + 18px);height:calc(100% + 18px);background:conic-gradient(from 0deg,transparent 0deg 320deg,rgba(168,85,247,1) 320deg 340deg,rgba(56,189,248,1) 340deg 1turn);filter:saturate(1.5) brightness(1.2);-webkit-mask-image:radial-gradient(circle,transparent 58%,#000 62%,#000 78%,transparent 82%);mask-image:radial-gradient(circle,transparent 58%,#000 62%,#000 78%,transparent 82%);animation:profile-cosmetic-plasma-spin 3s linear infinite}.profile-cosmetic-avatar--plasma-orbit-ring .profile-cosmetic-avatar__plasma-orbit{z-index:0;width:calc(100% + 28px);height:calc(100% + 28px);background:radial-gradient(circle at 50% 0,rgba(168,85,247,1) 0 4.5px,transparent 6px),radial-gradient(circle at 85% 50%,rgba(56,189,248,1) 0 4px,transparent 5.5px),radial-gradient(circle at 50% 100%,rgba(236,72,153,1) 0 4px,transparent 5.5px),radial-gradient(circle at 15% 50%,rgba(129,140,248,1) 0 4px,transparent 5.5px);animation:profile-cosmetic-plasma-orbit 4s linear infinite}.profile-cosmetic-preview-shell{position:relative;display:inline-block;flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:9999px;background:linear-gradient(135deg,rgba(99,102,241,.35),rgba(14,165,233,.25));overflow:visible}.profile-cosmetic-preview--avatar.profile-cosmetic-avatar{width:100%;height:100%}.profile-cosmetic-preview--cover.profile-cosmetic-cover{width:100%;height:100%;border-radius:.5rem;overflow:hidden}.profile-cosmetic-preview--cover [class*=profile-cosmetic-cover__]{border-radius:0}@keyframes profile-cosmetic-plasma-spin{to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes profile-cosmetic-plasma-orbit{to{transform:translate(-50%,-50%) rotate(-1turn)}}}@layer theme, base, components, utilities;@layer components{.profile-hero-avatar-slot{overflow:visible}@media (min-width:1024px){.profile-hero-avatar-slot{padding:12px 14px 8px 12px;margin:-12px -10px -8px -12px}}.profile-hero-details--cover{isolation:isolate}.profile-hero-details--cover:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,color-mix(in oklab,var(--background) 40%,transparent) 0,color-mix(in oklab,var(--background) 72%,transparent) 42%,color-mix(in oklab,var(--background) 92%,transparent) 100%)}.profile-hero-details--cover>*{position:relative;z-index:1}.profile-annual-frame{position:absolute;inset:0;z-index:4;pointer-events:none;--frame-metal:#a8a29e;--frame-metal-deep:#44403c;--frame-accent:#78716c;--frame-glow:rgba(120,113,108,0.5);--frame-badge:clamp(3.25rem,18vw,4.25rem);--frame-corner:clamp(1.25rem,3vw,1.9rem);--frame-inset:0.35rem}@media (min-width:640px){.profile-annual-frame{--frame-badge:clamp(4.5rem,12vw,5.75rem)}}.profile-annual-frame--tier-iron{--frame-metal:#a8a29e;--frame-metal-deep:#44403c;--frame-accent:#d6d3d1;--frame-glow:rgba(120,113,108,0.5)}.profile-annual-frame--tier-bronze{--frame-metal:#fbbf24;--frame-metal-deep:#9a3412;--frame-accent:#ea580c;--frame-glow:rgba(217,119,6,0.55)}.profile-annual-frame--tier-silver{--frame-metal:#cbd5e1;--frame-metal-deep:#334155;--frame-accent:#94a3b8;--frame-glow:rgba(148,163,184,0.55)}.profile-annual-frame--tier-gold{--frame-metal:#fde047;--frame-metal-deep:#854d0e;--frame-accent:#f59e0b;--frame-glow:rgba(234,179,8,0.55)}.profile-annual-frame--tier-platinum{--frame-metal:#67e8f9;--frame-metal-deep:#155e75;--frame-accent:#22d3ee;--frame-glow:rgba(34,211,238,0.5)}.profile-annual-frame--tier-emerald{--frame-metal:#6ee7b7;--frame-metal-deep:#065f46;--frame-accent:#34d399;--frame-glow:rgba(16,185,129,0.5)}.profile-annual-frame--tier-diamond{--frame-metal:#7dd3fc;--frame-metal-deep:#075985;--frame-accent:#38bdf8;--frame-glow:rgba(56,189,248,0.55)}.profile-annual-frame--tier-master{--frame-metal:#f0abfc;--frame-metal-deep:#86198f;--frame-accent:#e879f9;--frame-glow:rgba(217,70,239,0.5)}.profile-annual-frame--tier-grandmaster{--frame-metal:#fca5a5;--frame-metal-deep:#991b1b;--frame-accent:#ef4444;--frame-glow:rgba(239,68,68,0.55)}.profile-annual-frame--tier-challenger{--frame-metal:#fde047;--frame-metal-deep:#a16207;--frame-accent:#7dd3fc;--frame-glow:rgba(125,211,252,0.55)}.profile-annual-frame__corner{position:absolute;width:var(--frame-corner);height:var(--frame-corner);overflow:visible;filter:drop-shadow(0 0 6px var(--frame-glow));transition:filter .16s ease}.profile-annual-frame__corner-highlight,.profile-annual-frame__corner-inner{fill:none;stroke-linejoin:miter;stroke-linecap:butt;vector-effect:non-scaling-stroke}.profile-annual-frame__corner-highlight{stroke:color-mix(in oklab,var(--frame-metal) 30%,white);stroke-width:1px}.profile-annual-frame__corner-inner{stroke:var(--frame-accent);stroke-width:1.25px}.profile-annual-frame__corner-jewel{fill:var(--frame-accent);transition:filter .16s ease}.profile-annual-frame__corner--tl{top:var(--frame-inset);left:var(--frame-inset)}.profile-annual-frame__corner--tr{top:var(--frame-inset);right:var(--frame-inset);transform:scaleX(-1)}.profile-annual-frame__corner--bl{bottom:var(--frame-inset);left:var(--frame-inset);transform:scaleY(-1)}.profile-annual-frame__corner--br{right:var(--frame-inset);bottom:var(--frame-inset);transform:scale(-1)}.profile-annual-frame__rail{position:absolute;background-repeat:no-repeat;box-shadow:0 0 8px var(--frame-glow);transition:box-shadow .16s ease}.profile-annual-frame__rail--left,.profile-annual-frame__rail--right{top:calc(var(--frame-inset) + var(--frame-corner));bottom:calc(var(--frame-inset) + var(--frame-corner));width:2px;background-image:linear-gradient(to bottom,var(--frame-metal) 0,color-mix(in oklab,var(--frame-metal) 62%,white) 18%,var(--frame-metal) 38%,var(--frame-metal-deep) 50%,var(--frame-metal) 62%,color-mix(in oklab,var(--frame-metal) 62%,white) 82%,var(--frame-metal) 100%)}.profile-annual-frame__rail--left{left:var(--frame-inset)}.profile-annual-frame__rail--right{right:var(--frame-inset)}.profile-annual-frame__rail--bottom-left,.profile-annual-frame__rail--bottom-right,.profile-annual-frame__rail--top{height:2px}.profile-annual-frame__rail--top{top:var(--frame-inset);left:calc(var(--frame-inset) + var(--frame-corner));right:3.6rem;background-image:linear-gradient(to right,var(--frame-metal) 0,color-mix(in oklab,var(--frame-metal) 62%,white) 42%,var(--frame-metal) 70%,transparent 100%)}.profile-annual-frame__rail--bottom-left,.profile-annual-frame__rail--bottom-right{bottom:var(--frame-inset)}.profile-annual-frame__rail--bottom-left{left:calc(var(--frame-inset) + var(--frame-corner));right:calc(50% + (var(--frame-badge) / 2) + .4rem);background-image:linear-gradient(to right,var(--frame-metal) 0,var(--frame-metal) 58%,color-mix(in oklab,var(--frame-metal) 70%,white) 78%,transparent 100%)}.profile-annual-frame__rail--bottom-right{right:calc(var(--frame-inset) + var(--frame-corner));left:calc(50% + (var(--frame-badge) / 2) + .4rem);background-image:linear-gradient(to left,var(--frame-metal) 0,var(--frame-metal) 58%,color-mix(in oklab,var(--frame-metal) 70%,white) 78%,transparent 100%)}@media (min-width:640px){.profile-annual-frame__rail--top{right:calc(var(--frame-inset) + var(--frame-corner));background-image:linear-gradient(to right,var(--frame-metal) 0,color-mix(in oklab,var(--frame-metal) 62%,white) 50%,var(--frame-metal) 100%)}}.profile-annual-frame--sheen .profile-annual-frame__rail--left,.profile-annual-frame--sheen .profile-annual-frame__rail--right{background-size:100% 220%;animation:profile-annual-frame-sheen-y 7s ease-in-out infinite}.profile-annual-frame--sheen .profile-annual-frame__rail--bottom-left,.profile-annual-frame--sheen .profile-annual-frame__rail--bottom-right,.profile-annual-frame--sheen .profile-annual-frame__rail--top{background-size:220% 100%;animation:profile-annual-frame-sheen-x 7s ease-in-out infinite}.profile-annual-frame--sheen .profile-annual-frame__corner-highlight{stroke-dasharray:18 82;animation:profile-annual-frame-corner-sheen 7s ease-in-out infinite}@keyframes profile-annual-frame-sheen-y{0%,to{background-position:top}50%{background-position:bottom}}@keyframes profile-annual-frame-sheen-x{0%,to{background-position:0}50%{background-position:100%}}@keyframes profile-annual-frame-corner-sheen{0%,to{stroke-dashoffset:0}50%{stroke-dashoffset:-100}}@media (prefers-reduced-motion:reduce){.profile-annual-frame__corner,.profile-annual-frame__corner-highlight,.profile-annual-frame__corner-jewel,.profile-annual-frame__rail{transition:none;animation:none}.profile-annual-frame--sheen .profile-annual-frame__corner-highlight{stroke-dasharray:none}}@keyframes profile-breakdown-bar-grow{0%{transform:scaleX(0);transform-origin:left center;opacity:.35}to{transform:scaleX(1);transform-origin:left center;opacity:1}}.profile-breakdown-bar{animation:profile-breakdown-bar-grow .85s cubic-bezier(.22,1,.36,1) both}.profile-cosmetic-live-preview__frame{overflow:visible}.profile-cosmetic-live-preview__avatar-slot{overflow:visible;position:relative;z-index:2}.profile-cosmetic-live-preview__identity-text{position:relative;z-index:3}.profile-cosmetic-live-preview--dense .profile-cosmetic-live-preview__avatar-slot{padding:14px 12px 12px 14px;margin:-14px 0 -8px -14px}.profile-cosmetic-live-preview--desktop .profile-cosmetic-live-preview__avatar-slot{padding:16px 14px 12px;margin:-16px 0 -8px -14px}.profile-cosmetic-modal-preview-strip{overflow:visible;position:relative;z-index:2}.profile-cosmetic-modal-picker{position:relative;z-index:0}.profile-cosmetic-modal-picker .profile-cosmetic-picker-btn{position:relative;z-index:0;overflow:visible}.profile-cosmetic-picker-thumb{display:flex;align-items:center;justify-content:center;width:5.75rem;height:5.75rem;flex-shrink:0;overflow:visible}@media (prefers-reduced-motion:reduce){.profile-breakdown-bar{animation:none}}.profile-tier-progress-chart .tier-badge-dot{cursor:pointer}.profile-tier-progress-chart .tier-badge-dot image{pointer-events:all;transform-box:fill-box;transform-origin:center;transition:transform .2s ease}.profile-tier-progress-chart .tier-badge-dot:hover image{transform:scale(1.12)}.profile-tier-progress-chart .tier-badge-dot-fade image{animation:profile-tier-badge-fade .45s ease-out both}@keyframes profile-tier-badge-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.profile-tier-progress-chart .tier-badge-dot image{transition:none}.profile-tier-progress-chart .tier-badge-dot:hover image{transform:none}.profile-tier-progress-chart .tier-badge-dot-fade image{opacity:1;animation:none}}}.part-profile-combos__stats strong{font-weight:700;font-variant-numeric:tabular-nums;color:var(--foreground)}