:root:has(.profile-page){view-transition-name:none}:root:has(.profile-page)::view-transition{pointer-events:none}::view-transition-group(profile-hero-backdrop){z-index:0;animation:none}::view-transition-group(profile-sidebar-toggle){z-index:2;animation:none}::view-transition-old(profile-sidebar-toggle){display:none}::view-transition-new(profile-sidebar-toggle){animation:none}::view-transition-old(profile-hero-backdrop){display:none}::view-transition-new(profile-hero-backdrop){animation:none}.profile-page{background:var(--color-canvas);grid-template-columns:auto minmax(0,1fr);min-height:100svh;display:grid}.profile-scrollbar{z-index:var(--layer-account-menu);width:var(--space-4);cursor:pointer;touch-action:none;height:100dvh;display:none;position:fixed;top:0;right:0}.profile-scrollbar__thumb{top:0;right:var(--space-1);width:var(--space-2);will-change:transform;position:absolute}.profile-scrollbar__thumb:before{width:var(--space-1);border-radius:var(--radius-pill);background:var(--color-accent);box-shadow:var(--shadow-contrast-md);content:"";transition:background-color var(--transition-fast);position:absolute;inset:0 0 0 auto}.profile-scrollbar:hover .profile-scrollbar__thumb:before,.profile-scrollbar:focus-visible .profile-scrollbar__thumb:before{background:var(--color-accent-strong)}.profile-scrollbar:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:-3px}@media (pointer:fine) and (forced-colors:none){:root:has(.profile-page){scrollbar-width:none}:root:has(.profile-page)::-webkit-scrollbar{display:none}.profile-scrollbar{display:block}}.profile-scrollbar[hidden],:root[data-page-scroll-locked] .profile-scrollbar{display:none}:root:has(dialog:modal,[aria-modal=true]) .profile-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.profile-scrollbar__thumb:before{transition:none}}.profile-sidebar{z-index:20;width:calc(var(--space-30) * 2 + var(--space-2));height:100svh;min-height:100svh;padding:var(--space-8) var(--space-5) var(--space-5);border-right:1px solid var(--color-border);background:var(--color-surface);transition:width var(--transition-base), padding-inline var(--transition-base);flex-direction:column;align-self:start;display:flex;position:sticky;top:0}.profile-sidebar__brand{min-height:var(--header-height);justify-content:center;align-items:flex-start;display:flex}.profile-sidebar__toggle{z-index:1;top:var(--space-20);right:calc(var(--space-5) * -1);width:var(--control-sm);height:var(--control-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-soft);background:var(--color-surface);box-shadow:var(--shadow-sm);view-transition-name:profile-sidebar-toggle;transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);place-items:center;padding:0;display:grid;position:absolute}.profile-sidebar__toggle svg{width:var(--space-5);height:var(--space-5);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;transition:transform var(--transition-base)}.profile-sidebar__toggle:hover{border-color:var(--color-soft-button-border-hover);color:var(--color-accent-strong);background:var(--color-accent-soft);box-shadow:var(--shadow-brand);transform:translate(-1px)}.profile-sidebar .brand--compact{padding:var(--space-1);border-radius:var(--radius-sm)}.profile-sidebar .brand--compact .brand__mark{transition:transform var(--transition-fast);transform:scale(1)}.profile-sidebar .brand--compact:hover .brand__mark{transform:scale(1.05)}.profile-sidebar .brand--compact:active .brand__mark{transform:scale(.97)}.profile-sidebar .brand--compact:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.profile-sidebar__navigation-shell{margin-top:var(--space-6);border-radius:var(--radius-sm);position:relative;overflow:hidden}.profile-sidebar__navigation{z-index:1;gap:var(--space-2);display:grid;position:relative}.profile-sidebar__navigation>li:not(.profile-sidebar__navigation-indicator){z-index:1;position:relative}.profile-sidebar__navigation-indicator{z-index:0;border-radius:var(--radius-sm);opacity:0;background:var(--color-accent);width:100%;box-shadow:var(--shadow-brand);pointer-events:none;transform:translate3d(-50%, var(--indicator-y), 0);will-change:transform;position:absolute;top:0;left:50%}.profile-sidebar__navigation-indicator.can-animate{transition:transform var(--transition-fast), width var(--transition-base), height var(--transition-fast)}.profile-sidebar__navigation-indicator.is-ready{opacity:1}.profile-sidebar__item{width:100%;min-height:var(--control-md);align-items:center;gap:var(--space-3);padding-inline:var(--space-4);border-radius:var(--radius-sm);color:var(--color-text-soft);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--line-label);transition:color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), width var(--transition-base), gap var(--transition-base), padding-inline var(--transition-base);display:flex;position:relative}.profile-sidebar__label{max-width:calc(var(--space-30) + var(--space-10));opacity:1;white-space:nowrap;transition:max-width var(--transition-base), opacity var(--transition-fast);overflow:hidden}.profile-sidebar__count{min-width:var(--space-5);height:var(--space-5);padding-inline:var(--space-1);border-radius:var(--radius-pill);color:var(--color-on-accent);background:var(--color-accent);font-size:var(--text-xs);font-variant-numeric:tabular-nums;line-height:var(--line-label);justify-content:center;align-items:center;margin-left:auto;display:grid}.profile-sidebar__status{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.profile-sidebar__navigation-error{gap:var(--space-2);margin-top:var(--space-3);color:var(--color-danger);font-size:var(--text-xs);line-height:var(--line-body);display:grid}.profile-sidebar__item.is-indicated .profile-sidebar__count{color:var(--color-accent-strong);background:var(--color-on-accent)}.profile-sidebar__item svg{width:var(--space-5);height:var(--space-5);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none}.profile-sidebar__item:not(.is-indicated):hover{color:var(--color-accent-strong);background:var(--color-accent-soft)}.profile-sidebar__item.is-active{color:var(--color-accent-strong)}.profile-sidebar__navigation-shell:not(.is-indicator-ready) .profile-sidebar__item.is-active{color:var(--color-on-accent);background:var(--color-accent);box-shadow:var(--shadow-brand)}.profile-sidebar__item.is-indicated,.profile-sidebar__item.is-indicated:hover{color:var(--color-on-accent)}.profile-sidebar__item:focus-visible,.profile-sidebar__toggle:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.profile-sidebar__item[aria-disabled=true]{cursor:default}.profile-sidebar__socials{padding-top:var(--space-5);border-top:1px solid var(--color-border);margin-top:auto}.profile-sidebar__social-list{grid-template-columns:repeat(4, var(--control-sm));padding-left:var(--space-1);justify-content:start;gap:var(--space-2);display:grid}.profile-sidebar__social-link{width:var(--control-sm);height:var(--control-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-faint);background:var(--color-surface-subtle);transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);place-items:center;display:grid}.profile-sidebar__social-link svg{width:var(--space-5);height:var(--space-5)}.profile-sidebar__social-link:hover{border-color:var(--color-soft-button-border-hover);color:var(--color-accent-strong);background:var(--color-accent-soft);box-shadow:var(--shadow-sm)}.profile-sidebar.is-collapsed{width:calc(var(--space-20) + var(--space-2));padding-inline:var(--space-3)}.profile-sidebar.is-collapsed .profile-sidebar__toggle svg{transform:rotate(180deg)}.profile-sidebar.is-collapsed .profile-sidebar__item{width:var(--control-md);min-height:var(--control-md);justify-content:center;gap:0;margin-inline:auto;padding-inline:0}.profile-sidebar.is-collapsed .profile-sidebar__navigation-indicator{width:var(--control-md)}.profile-sidebar.is-collapsed .profile-sidebar__label{opacity:0;max-width:0}.profile-sidebar.is-collapsed .profile-sidebar__count{top:var(--space-1);right:var(--space-1);min-width:var(--space-4);height:var(--space-4);padding:0;font-size:0;position:absolute}.profile-sidebar.is-collapsed .profile-sidebar__count:after{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);content:"";background:currentColor}.profile-sidebar.is-collapsed .profile-sidebar__social-list{grid-template-columns:var(--control-sm);justify-content:center;padding-left:0}.profile-sidebar.is-collapsed .profile-sidebar__social-list>li:first-child{order:4}.profile-sidebar.is-collapsed .profile-sidebar__social-list>li:nth-child(2){order:3}.profile-sidebar.is-collapsed .profile-sidebar__social-list>li:nth-child(3){order:2}.profile-sidebar.is-collapsed .profile-sidebar__social-list>li:nth-child(4){order:1}.profile-workspace{--profile-workspace-padding-block:var(--space-10);--profile-workspace-padding-inline:var(--space-12);--profile-hero-min-height:calc(var(--space-30) + var(--space-20));isolation:isolate;min-width:0;min-height:100svh;padding:var(--profile-workspace-padding-block) var(--profile-workspace-padding-inline);background:var(--color-canvas)}.profile-route-foreground{min-width:0}.profile-hero-backdrop{z-index:-1;background:radial-gradient(circle at 82% -20%, color-mix(in srgb, var(--color-on-accent) 20%, transparent), transparent 46%), linear-gradient(135deg, var(--color-accent-strong), var(--color-accent));pointer-events:none;view-transition-name:profile-hero-backdrop;position:absolute;inset:0}.account-overview{width:100%}.account-overview__header{isolation:isolate;min-height:var(--profile-hero-min-height);justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin:calc(var(--profile-workspace-padding-block) * -1) calc(var(--profile-workspace-padding-inline) * -1) 0;padding:var(--profile-workspace-padding-block) var(--profile-workspace-padding-inline) var(--space-20);display:flex;position:relative}.account-overview__title{color:var(--color-on-accent);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--line-heading)}.account-overview__actions{align-items:center;gap:var(--space-2);min-width:0;display:flex}.account-launcher-action{color:var(--color-accent-strong);transition:border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);transform:scale(1)}.account-launcher-action:not(:disabled):hover{transform:scale(1.05)}.account-launcher-action:not(:disabled):active{transform:scale(.97)}.account-launcher-action:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.account-launcher-action:disabled{transform:none}.account-menu{z-index:20;flex:none;position:relative}.account-menu__controls{align-items:center;gap:var(--space-2);display:flex}.notification-inbox{position:relative}.notification-inbox__trigger{width:var(--control-md);height:var(--control-md);border:1px solid color-mix(in srgb, var(--color-on-accent) 36%, transparent);border-radius:var(--radius-pill);cursor:pointer;color:var(--color-on-accent);background:color-mix(in srgb, var(--color-on-accent) 14%, transparent);box-shadow:var(--shadow-sm);transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);place-items:center;padding:0;display:grid;position:relative}.notification-inbox__trigger:hover,.notification-inbox__trigger.is-open{border-color:var(--color-on-accent);color:var(--color-accent-strong);background:var(--color-surface);box-shadow:var(--shadow-light-button)}.notification-inbox__trigger svg{width:var(--space-5);height:var(--space-5)}.notification-inbox__badge{top:calc(var(--space-1) * -1);right:calc(var(--space-1) * -1);min-width:var(--space-5);padding:0 var(--space-1);border:2px solid var(--color-accent);border-radius:var(--radius-pill);color:var(--color-on-accent);background:var(--color-danger);font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:var(--space-4);position:absolute}.notification-inbox__panel{z-index:var(--layer-account-menu);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-md);animation:overlay-fade-in var(--transition-base) both;outline:0;position:fixed;overflow:hidden}.notification-inbox__panel.is-closing{pointer-events:none;animation:overlay-fade-out var(--transition-fast) both}.notification-inbox__panel>header{gap:var(--space-4);padding:var(--space-5);border-bottom:1px solid var(--color-border);display:grid}.notification-inbox__panel h2,.notification-inbox__panel p{margin:0}.notification-inbox__panel h2{font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--line-heading)}.notification-inbox__panel header p{margin-top:var(--space-1);color:var(--color-text-soft);font-size:var(--text-xs)}.notification-inbox__actions{gap:var(--space-2);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.notification-inbox__all-read,.notification-inbox__clear{min-height:var(--control-sm);justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font:inherit;font-size:var(--text-xs);font-weight:var(--weight-semibold);transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);border:1px solid #0000;display:inline-flex}.notification-inbox__all-read{color:var(--color-accent-strong);background:var(--color-accent-soft)}.notification-inbox__all-read:hover:not(:disabled){background:var(--color-soft-button-surface-hover)}.notification-inbox__all-read:disabled,.notification-inbox__clear:disabled{cursor:default;opacity:.5}.notification-inbox__all-read svg,.notification-inbox__clear svg{width:var(--space-4);height:var(--space-4)}.notification-inbox__clear{border-color:var(--color-border);color:var(--color-text-soft);background:var(--color-surface-subtle)}.notification-inbox__all-read:focus-visible,.notification-inbox__clear:focus-visible,.notification-inbox__item button:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:-3px}.notification-inbox__clear:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-danger) 32%, var(--color-border));color:var(--color-danger);background:var(--tone-rose-surface)}.notification-inbox__error{justify-content:space-between;align-items:center;gap:var(--space-2);margin:var(--space-3) var(--space-3) 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--tone-rose-text);background:var(--tone-rose-surface);font-size:var(--text-xs);display:flex}.notification-inbox__error button{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-sm);color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.notification-inbox__list{max-height:min(calc(var(--space-30) * 3 + var(--space-24)), calc(100svh - var(--space-24)));gap:var(--space-2);padding:var(--space-2);overscroll-behavior:contain;background:var(--color-surface-subtle);display:grid;overflow-y:auto}.notification-inbox__item{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);position:relative;overflow:hidden}.notification-inbox__item:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.notification-inbox__item-main{grid-template-columns:var(--control-sm) minmax(0, 1fr);align-items:start;column-gap:var(--space-3);row-gap:var(--space-2);width:100%;min-width:0;padding:var(--space-4) calc(var(--control-sm) + var(--space-4)) var(--space-4) var(--space-4);cursor:pointer;color:var(--color-text);font:inherit;text-align:left;transition:opacity var(--transition-fast), background-color var(--transition-fast);background:0 0;border:0;display:grid}.notification-inbox__item-main:hover:not(:disabled){background:var(--color-surface-subtle)}.notification-inbox__item-main:disabled,.notification-inbox__item-dismiss:disabled{cursor:default}.notification-inbox__item-icon{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-sm);color:var(--tone-blue-text);background:var(--tone-blue-surface);grid-row:1/span 2;place-items:center;display:grid}.notification-inbox__item-icon svg{width:var(--space-4);height:var(--space-4)}.notification-inbox__item-copy{gap:var(--space-1);min-width:0;display:grid}.notification-inbox__item strong{font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--line-label)}.notification-inbox__item-copy>span:not(.notification-inbox__item-meta){color:var(--color-text-soft);font-size:var(--text-xs);line-height:var(--line-label);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notification-inbox__item small{color:var(--color-text-faint);font-size:var(--text-xs)}.notification-inbox__item-kind{font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase}.notification-inbox__item-date{min-width:0;color:var(--color-text-faint);font-size:var(--text-xs);grid-column:2}.notification-inbox__item-dismiss{z-index:1;top:var(--space-2);right:var(--space-2);width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-faint);transition:color var(--transition-fast);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.notification-inbox__item-dismiss:hover:not(:disabled){color:var(--color-danger);background:0 0}.notification-inbox__item-dismiss svg{width:var(--space-4);height:var(--space-4)}.notification-inbox__item-dismiss .is-spinning{animation:.8s linear infinite notification-inbox-spin}.notification-inbox__item.is-warning strong{color:var(--tone-orange-text)}.notification-inbox__item.is-error strong{color:var(--tone-rose-text)}.notification-inbox__item.is-success strong{color:var(--tone-mint-text)}.notification-inbox__item.is-promotion .notification-inbox__item-icon,.notification-inbox__item.is-promo_code .notification-inbox__item-icon{color:var(--tone-purple-text);background:var(--tone-purple-surface)}.notification-inbox__item.is-giveaway .notification-inbox__item-icon,.notification-inbox__item.is-gift .notification-inbox__item-icon{color:var(--tone-mint-text);background:var(--tone-mint-surface)}.notification-inbox__item.is-update .notification-inbox__item-icon{color:var(--tone-blue-text);background:var(--tone-blue-surface)}.notification-inbox__item.is-maintenance .notification-inbox__item-icon,.notification-inbox__item.is-warning .notification-inbox__item-icon,.notification-inbox__item.is-subscription_expiry .notification-inbox__item-icon{color:var(--tone-orange-text);background:var(--tone-orange-surface)}.notification-inbox__item.is-error .notification-inbox__item-icon{color:var(--tone-rose-text);background:var(--tone-rose-surface)}.notification-inbox__item.is-read .notification-inbox__item-main{opacity:.68}.notification-inbox__item.is-read .notification-inbox__item-main:hover{opacity:1}.notification-inbox__unread{top:var(--space-3);left:calc(var(--space-4) + var(--control-sm) - var(--space-1));width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--color-accent);position:absolute}.notification-inbox__state{padding:var(--space-8) var(--space-4);color:var(--color-text-soft);background:var(--color-surface);font-size:var(--text-sm);text-align:center}.notification-inbox__panel>footer{padding:var(--space-3);border-top:1px solid var(--color-border);background:var(--color-surface-subtle);justify-content:center;display:flex}.notification-detail-dialog{width:min(calc(100% - var(--space-8)), calc(var(--space-30) * 5));max-height:calc(100svh - var(--space-8));border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-lg);outline:0;padding:0;overflow:hidden}.notification-detail-dialog[open]{animation:overlay-fade-in var(--transition-base) both}.notification-detail-dialog[open].is-closing{pointer-events:none;animation:overlay-fade-out var(--transition-fast) both}.notification-detail-dialog::backdrop{-webkit-backdrop-filter:blur(var(--space-1));backdrop-filter:blur(var(--space-1));animation:overlay-fade-in var(--transition-base) both;background:#24283d85}.notification-detail-dialog.is-closing::backdrop{animation:overlay-fade-out var(--transition-fast) both}.notification-detail-dialog__surface{max-height:calc(100svh - var(--space-8));grid-template-rows:auto minmax(0,1fr) auto;display:grid}.notification-detail-dialog__header{grid-template-columns:var(--control-lg) minmax(0, 1fr) var(--control-sm);align-items:center;gap:var(--space-4);padding:var(--space-6);border-bottom:1px solid var(--color-border);display:grid}.notification-detail-dialog__icon{width:var(--control-lg);height:var(--control-lg);border-radius:var(--radius-sm);color:var(--tone-blue-text);background:var(--tone-blue-surface);place-items:center;display:grid}.notification-detail-dialog__icon svg{width:var(--space-5);height:var(--space-5)}.notification-detail-dialog__heading{gap:var(--space-1);min-width:0;display:grid}.notification-detail-dialog__heading>span{color:var(--color-accent);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.06em;line-height:var(--line-label);text-transform:uppercase}.notification-detail-dialog h2{overflow-wrap:anywhere;font-size:var(--text-2xl);line-height:var(--line-heading);margin:0}.notification-detail-dialog__close{width:var(--control-sm);height:var(--control-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-soft);background:var(--color-surface-subtle);transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);place-items:center;padding:0;display:grid}.notification-detail-dialog__close:hover{border-color:var(--color-border-strong);color:var(--color-text);background:var(--color-surface-muted)}.notification-detail-dialog__close:focus-visible,.notification-detail-dialog__action:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.notification-detail-dialog__body{min-height:0;padding:var(--space-6);overscroll-behavior:contain;overflow-y:auto}.notification-detail-dialog__body time{margin-bottom:var(--space-4);color:var(--color-text-faint);font-size:var(--text-xs);line-height:var(--line-label);display:block}.notification-detail-dialog__body p{overflow-wrap:anywhere;color:var(--color-text-soft);font-size:var(--text-md);line-height:var(--line-body);white-space:pre-wrap;margin:0}.notification-detail-dialog__error{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:var(--tone-rose-text);background:var(--tone-rose-surface);font-size:var(--text-sm);line-height:var(--line-label);display:flex}.notification-detail-dialog__error button{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;color:inherit;font:inherit;font-weight:var(--weight-semibold);background:0 0;border:1px solid}.notification-detail-dialog__footer{padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--color-border);justify-content:flex-end;display:flex}.notification-detail-dialog__action{min-width:calc(var(--space-30) + var(--space-8))}.notification-detail-dialog.is-promotion .notification-detail-dialog__icon,.notification-detail-dialog.is-promo_code .notification-detail-dialog__icon{color:var(--tone-purple-text);background:var(--tone-purple-surface)}.notification-detail-dialog.is-giveaway .notification-detail-dialog__icon,.notification-detail-dialog.is-gift .notification-detail-dialog__icon,.notification-detail-dialog.is-success .notification-detail-dialog__icon{color:var(--tone-mint-text);background:var(--tone-mint-surface)}.notification-detail-dialog.is-maintenance .notification-detail-dialog__icon,.notification-detail-dialog.is-warning .notification-detail-dialog__icon,.notification-detail-dialog.is-subscription_expiry .notification-detail-dialog__icon{color:var(--tone-orange-text);background:var(--tone-orange-surface)}.notification-detail-dialog.is-error .notification-detail-dialog__icon{color:var(--tone-rose-text);background:var(--tone-rose-surface)}@keyframes notification-inbox-spin{to{transform:rotate(1turn)}}@media (max-width:560px){.notification-inbox__panel>header{padding:var(--space-4)}.notification-detail-dialog{width:calc(100% - var(--space-6));max-height:calc(100svh - var(--space-6));margin:auto auto var(--space-3);border-radius:var(--radius-lg)}.notification-detail-dialog__surface{max-height:calc(100svh - var(--space-6))}.notification-detail-dialog__header{grid-template-columns:var(--control-md) minmax(0, 1fr) var(--control-sm);gap:var(--space-3);padding:var(--space-5)}.notification-detail-dialog__icon{width:var(--control-md);height:var(--control-md)}.notification-detail-dialog h2{font-size:var(--text-xl)}.notification-detail-dialog__body{padding:var(--space-5)}.notification-detail-dialog__error{flex-direction:column;align-items:stretch}.notification-detail-dialog__footer{padding:var(--space-4) var(--space-5) var(--space-5)}.notification-detail-dialog__action{width:100%}}.account-menu__trigger{width:var(--control-md);height:var(--control-md);border:1px solid color-mix(in srgb, var(--color-on-accent) 36%, transparent);border-radius:var(--radius-pill);cursor:pointer;color:var(--color-on-accent);background:color-mix(in srgb, var(--color-on-accent) 14%, transparent);box-shadow:var(--shadow-sm);transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);place-items:center;padding:0;display:grid}.account-menu__trigger:hover,.account-menu__trigger.is-open{border-color:var(--color-on-accent);color:var(--color-accent-strong);background:var(--color-surface);box-shadow:var(--shadow-light-button)}.account-menu__trigger svg{width:var(--space-5);height:var(--space-5)}.account-menu__dropdown{z-index:var(--layer-account-menu);width:min(calc(var(--space-30) * 2 + var(--space-4)), calc(100vw - var(--space-8)));padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md);will-change:opacity;position:fixed}.account-menu__dropdown.is-opening{animation:account-menu-dropdown-open var(--transition-base) both}.account-menu__dropdown.is-closing{pointer-events:none;animation:account-menu-dropdown-close var(--transition-fast) both}.account-menu__premium{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:1px solid var(--color-soft-button-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface-subtle);transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);display:flex}.account-menu__premium:hover{border-color:var(--color-focus-border);background:var(--color-accent-soft);box-shadow:var(--shadow-sm)}.account-menu__premium-icon{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-sm);color:var(--color-on-accent);background:var(--color-accent);flex:none;place-items:center;display:grid}.account-menu__premium.is-active .account-menu__premium-icon{color:var(--tone-mint-text);background:var(--tone-mint-surface)}.account-menu__premium-copy{gap:var(--space-1);flex:1;min-width:0;display:grid}.account-menu__premium-copy strong{font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--line-label)}.account-menu__premium-copy small{color:var(--color-text-soft);font-size:var(--text-xs);line-height:var(--line-label)}.account-menu__list{gap:var(--space-2);display:grid}.account-menu__item{width:100%;min-height:var(--control-md);align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-soft);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--line-label);text-align:left;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;display:flex}.account-menu__item-icon{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-sm);color:var(--color-accent-strong);background:var(--color-accent-soft);flex:none;place-items:center;display:grid}.account-menu__item-icon svg{width:var(--space-4);height:var(--space-4)}.account-menu__item-label{flex:1;min-width:0}.account-menu__item-status{color:var(--color-text-faint);font-size:var(--text-xs);font-weight:var(--weight-medium)}.account-menu__item-chevron{width:var(--space-3);height:var(--space-3);color:var(--color-text-faint);flex:none}a.account-menu__item:hover,button.account-menu__item:not(:disabled):hover{color:var(--color-accent-strong);background:var(--color-accent-soft)}button.account-menu__item.is-danger:not(:disabled):hover{color:var(--color-danger);background:var(--tone-rose-surface)}a.account-menu__item:hover .account-menu__item-icon{background:var(--color-surface)}.account-menu__item:disabled{cursor:not-allowed;color:var(--color-text-soft);opacity:.68}.account-menu__item.is-danger{color:var(--color-danger)}.account-menu__item.is-danger .account-menu__item-icon{color:var(--tone-rose-text);background:var(--tone-rose-surface)}.account-menu__divider{height:1px;margin:var(--space-1) var(--space-2);background:var(--color-border)}@keyframes account-menu-dropdown-open{0%{opacity:0}to{opacity:1}}@keyframes account-menu-dropdown-close{0%{opacity:1}to{opacity:0}}.account-overview__details{z-index:11;gap:var(--space-4);margin:calc(var(--space-12) * -1) 0 0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative}.account-detail-card{min-width:0;min-height:calc(var(--control-lg) * 2);align-items:center;gap:var(--space-5);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);display:flex}.account-detail-card__icon{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-sm);flex:none;place-items:center;display:grid}.account-detail-card__icon.is-purple{color:var(--tone-purple-text);background:var(--tone-purple-surface)}.account-detail-card__icon.is-blue,.account-tool-card__icon.is-blue{color:var(--tone-blue-text);background:var(--tone-blue-surface)}.account-tool-card__icon.is-mint{color:var(--tone-mint-text);background:var(--tone-mint-surface)}.account-detail-card__icon.is-orange{color:var(--tone-orange-text);background:var(--tone-orange-surface)}.account-tool-card__icon.is-rose{color:var(--tone-rose-text);background:var(--tone-rose-surface)}.account-detail-card__icon svg,.account-tool-card__icon svg{width:var(--space-5);height:var(--space-5)}.account-detail-card__body{gap:var(--space-2);min-width:0;display:grid}.account-detail-card--with-status .account-detail-card__body{gap:var(--space-1)}.account-detail-card__label{color:var(--color-text-soft);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--line-label)}.account-detail-card__value{overflow-wrap:anywhere;min-width:0;color:var(--color-text);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--line-heading);margin:0}.account-detail-card__status{min-width:0;color:var(--color-text-soft);font-size:var(--text-xs);line-height:var(--line-label);margin:0}.account-detail-card__action{width:fit-content;color:var(--color-accent-strong);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:var(--line-label);margin-top:0}.account-detail-card__action:hover{color:var(--color-text)}.account-tools{margin-top:var(--space-10);padding-bottom:var(--space-10)}.profile-route-state{min-height:calc(100svh - var(--profile-workspace-padding-block) - var(--profile-workspace-padding-block));padding:var(--space-8);place-items:center;display:grid}.profile-route-state__content{gap:var(--space-4);width:min(100%,560px);padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle);display:grid}.profile-route-state__eyebrow{color:var(--color-accent-strong);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:uppercase}.profile-route-state__content h1{font-size:var(--text-3xl);line-height:var(--line-heading)}.profile-route-state__content>p:not(.profile-route-state__eyebrow){color:var(--color-text-soft);font-size:var(--text-sm);line-height:var(--line-body)}.profile-route-state__actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.account-tools__grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;display:grid}.account-tools__transition{min-width:0;transition:height var(--transition-base);overflow:clip}.account-tool-card{--account-tool-tone:var(--color-accent);min-width:0;min-height:calc(var(--space-30) + var(--space-24));border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:min-height var(--transition-base), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.account-tool-card:before{background:radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--account-tool-tone) 10%, transparent), transparent 48%);content:"";pointer-events:none;position:absolute;inset:0}.account-tool-card>*{z-index:1;position:relative}.account-tool-card--rose{--account-tool-tone:var(--tone-rose-text)}.account-tool-card--blue{--account-tool-tone:var(--tone-blue-text)}.account-tool-card--mint{--account-tool-tone:var(--tone-mint-text)}.account-tool-card__header{align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-6) 0;display:flex}.account-tool-card__icon{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-sm);flex:none;place-items:center;display:grid}.account-tool-card__title{color:var(--color-text);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--line-label)}.account-tool-card__body{gap:var(--space-4);padding:var(--space-4) var(--space-6) var(--space-6);flex-direction:column;flex:1;display:flex}.account-tool-card__description{color:var(--color-text-soft);font-size:var(--text-sm);line-height:var(--line-body)}.account-tool-card__action{width:100%;min-height:var(--control-md);padding-inline:var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius-sm);cursor:not-allowed;color:var(--color-on-accent);background:var(--color-accent);box-shadow:var(--shadow-brand);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--line-label);opacity:.72;transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);margin-top:auto}.profile-changer{min-height:100svh;margin:calc(var(--profile-workspace-padding-block) * -1) calc(var(--profile-workspace-padding-inline) * -1)}.profile-changer--locked{isolation:isolate;height:100svh;position:relative;overflow:hidden}.profile-changer__locked-content{min-height:inherit}.profile-changer--locked .profile-changer__locked-content{-webkit-user-select:none;user-select:none;filter:blur(var(--space-2));opacity:.58;pointer-events:none}.profile-changer__premium-gate{z-index:40;min-height:100svh;padding:var(--space-6);background:color-mix(in srgb, var(--color-canvas) 26%, transparent);place-items:center;display:grid;position:absolute;inset:0}.profile-changer__premium-gate-card{width:min(100%, calc(var(--space-30) * 3 + var(--space-12)));justify-items:center;gap:var(--space-4);padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;background:color-mix(in srgb, var(--color-surface) 92%, transparent);box-shadow:var(--shadow-md);display:grid}.profile-changer__premium-gate-icon{width:var(--control-lg);height:var(--control-lg);border-radius:var(--radius-md);color:var(--color-accent);background:var(--color-accent-soft);place-items:center;display:grid}.profile-changer__premium-gate-icon svg{width:var(--space-6);height:var(--space-6);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.profile-changer__premium-gate-kicker{color:var(--color-accent-strong);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em;line-height:var(--line-label);text-transform:uppercase}.profile-changer__premium-gate-card h2{color:var(--color-text);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--line-heading)}.profile-changer__premium-gate-card>p:not(.profile-changer__premium-gate-kicker){max-width:calc(var(--space-30) * 3);color:var(--color-text-soft);font-size:var(--text-sm);line-height:var(--line-body)}.profile-changer__premium-gate-card .button{width:100%;margin-top:var(--space-2)}.profile-changer__header{isolation:isolate;min-height:var(--profile-hero-min-height);justify-content:space-between;align-items:flex-start;gap:var(--space-6);padding:var(--profile-workspace-padding-block) var(--profile-workspace-padding-inline) var(--space-20);display:flex;position:relative}.profile-changer__title{color:var(--color-on-accent);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--line-heading)}.profile-changer__heading{max-width:calc(var(--space-30) * 4);gap:var(--space-2);display:grid}.profile-changer__subtitle{color:color-mix(in srgb, var(--color-on-accent) 78%, transparent);font-size:var(--text-md);line-height:var(--line-label)}.profile-changer__actions{z-index:20;align-items:center;gap:var(--space-3);flex:none;display:flex;position:relative}.profile-changer__save{white-space:nowrap}.profile-changer__save:disabled{cursor:not-allowed;opacity:.68;box-shadow:none}.profile-changer__save:disabled:hover{background:var(--color-light-button-surface);transform:none}.profile-changer__form{z-index:11;gap:var(--space-4);margin-top:0;margin-top:calc(var(--space-12) * -1);padding:0 var(--profile-workspace-padding-inline) var(--profile-workspace-padding-block);display:grid;position:relative}.profile-changer__form.is-agent-settings-open{z-index:30}.profile-changer__studio{grid-template-columns:minmax(calc(var(--space-30) * 2 + var(--space-10)), 1fr) minmax(0, 2fr);align-items:stretch;gap:var(--space-6);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md);display:grid;position:relative}.profile-changer__studio>.profile-map-pool{min-width:0;transition:opacity var(--transition-base), filter var(--transition-base);grid-area:1/2/span 2;align-self:stretch}.profile-changer__studio.is-agent-settings-open>.profile-map-pool{opacity:.42;filter:saturate(.56)brightness(.82)}.profile-changer__studio.is-agent-settings-open>.profile-map-pool .profile-map-carousel__controls,.profile-changer__studio.is-agent-settings-open>.profile-map-pool .profile-map-carousel__control,.profile-changer__studio.is-agent-settings-open>.profile-map-pool .profile-rank-stepper__control{visibility:hidden;opacity:0;pointer-events:none}.profile-agent-stage{min-width:0;min-height:clamp(calc(var(--space-30) * 5), 72svh, calc(var(--space-30) * 6));z-index:2;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--color-accent) 9%, transparent), transparent 48%), linear-gradient(180deg, var(--color-surface-subtle), var(--color-surface-muted));isolation:isolate;grid-area:1/1/span 2;position:relative;overflow:visible}.profile-agent-stage__viewport{border-radius:inherit;isolation:isolate;height:100%;position:relative;overflow:hidden}.profile-agent-stage__viewport:before{z-index:1;background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 4%, transparent), color-mix(in srgb, var(--color-surface-muted) 8%, transparent) 58%, color-mix(in srgb, var(--color-surface) 35%, transparent)), linear-gradient(90deg, color-mix(in srgb, var(--color-surface) 6%, transparent), transparent 42%, color-mix(in srgb, var(--color-surface) 5%, transparent));content:"";pointer-events:none;position:absolute;inset:0}.profile-agent-stage__map{z-index:0;object-fit:cover;object-position:center;filter:saturate(1.02)contrast(1.03)brightness(.94)blur(1px);opacity:0;pointer-events:none;transition:opacity var(--transition-base);-webkit-user-select:none;user-select:none;will-change:opacity;transform:scale(1.02)}.profile-agent-stage__map.is-active{opacity:.9}.profile-agent-stage__loading{z-index:2;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);place-items:center;display:grid;position:absolute;inset:0}.profile-agent-stage__loading.is-visible{opacity:1}.profile-agent-stage__loading-label{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-soft);background:color-mix(in srgb, var(--color-surface) 92%, transparent);box-shadow:var(--shadow-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;display:flex}.profile-agent-stage__loading-label span{width:var(--space-4);height:var(--space-4);border:2px solid var(--color-border-strong);border-top-color:var(--color-accent);border-radius:var(--radius-pill);animation:.7s linear infinite profile-map-pool-spin}.profile-agent-stage__loading-label p{margin:0}.profile-agent-map-switcher{z-index:3;top:var(--space-4);right:var(--space-4);min-height:var(--control-sm);grid-template-columns:var(--space-8) minmax(var(--space-16), var(--space-20)) var(--space-8);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-surface) 88%, transparent);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(var(--space-3));backdrop-filter:blur(var(--space-3));align-items:center;display:grid;position:absolute}.profile-agent-map-switcher__control{width:var(--space-8);height:var(--space-8);border-radius:var(--space-1);cursor:pointer;color:var(--color-accent-strong);transition:color var(--transition-fast), background-color var(--transition-fast), opacity var(--transition-fast);background:0 0;border:0;place-items:center;padding:0;display:grid}.profile-agent-map-switcher__control:hover:not(:disabled){color:var(--color-on-accent);background:var(--color-accent)}.profile-agent-map-switcher__control:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:0}.profile-agent-map-switcher__control:disabled{cursor:wait;opacity:.42}.profile-agent-map-switcher__control svg{width:var(--space-4);height:var(--space-4);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.profile-agent-map-switcher__control.is-next svg{transform:rotate(180deg)}.profile-agent-map-switcher__name{color:var(--color-text);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:var(--line-label);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-agent-stage__viewport:after{z-index:0;right:12%;bottom:var(--space-20);height:var(--space-4);border-radius:var(--radius-pill);content:"";filter:blur(var(--space-4));pointer-events:none;background:#464c6e2e;position:absolute;left:12%}.profile-agent-settings{z-index:4;bottom:var(--space-5);width:calc(var(--space-30) + var(--space-12));height:var(--control-md);margin-inline:auto;position:absolute;left:0;right:0}.profile-agent-settings__trigger{z-index:2;width:100%;height:var(--control-md);grid-template-columns:var(--space-8) minmax(0, 1fr) var(--space-2);align-items:center;gap:var(--space-2);justify-content:initial;padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);border-color:var(--color-border-strong);background:var(--color-soft-button-surface);box-shadow:var(--shadow-sm);display:grid;position:relative;overflow:hidden}.profile-agent-settings__trigger:hover{border-color:var(--color-focus-border);background:var(--color-soft-button-surface-hover);box-shadow:var(--shadow-brand)}.profile-agent-settings__trigger-icon{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-sm);color:var(--color-accent-strong);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border);place-items:center;display:grid}.profile-agent-settings__trigger-label{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-agent-settings__trigger-chevron{width:var(--space-2);height:var(--space-2);transition:transform var(--transition-fast);border-bottom:2px solid;border-right:2px solid;transform:rotate(-45deg)}.profile-agent-settings__trigger:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:var(--space-1)}.profile-agent-settings__trigger.is-active{border-color:var(--color-accent);color:var(--color-on-accent);background:var(--color-accent);box-shadow:var(--shadow-brand)}.profile-agent-settings__trigger.is-active:hover{background:var(--color-accent-strong)}.profile-agent-settings__trigger.is-active .profile-agent-settings__trigger-icon{color:var(--color-on-accent);background:color-mix(in srgb, var(--color-on-accent) 14%, transparent);box-shadow:none}.profile-agent-settings__trigger.is-active .profile-agent-settings__trigger-chevron{transform:rotate(135deg)}.profile-player-panel{--profile-player-asset-column:var(--space-30);--profile-player-row-gap:var(--space-4);--profile-player-row-padding-block:var(--space-3);--profile-player-row-padding-inline:var(--space-4);z-index:5;bottom:0;left:calc(100% + var(--space-4));width:min(calc(var(--space-30) * 3 + var(--space-12)), calc(100vw - var(--space-16)));max-height:min(calc(var(--space-30) * 5 + var(--space-10)), calc(100svh - var(--space-24)));border:1px solid var(--color-border-strong);border-radius:var(--space-2);min-height:0;color:var(--color-text);background:radial-gradient(circle at 84% 12%, color-mix(in srgb, var(--color-accent) 7%, transparent), transparent 38%), var(--color-surface);box-shadow:var(--shadow-md);animation:overlay-fade-in var(--transition-base) both;grid-template-rows:auto minmax(0,1fr);display:grid;position:absolute;overflow:hidden}.profile-player-panel.is-closing{pointer-events:none;animation:overlay-fade-out var(--transition-fast) both}.profile-player-panel__header{min-height:var(--control-md);align-items:center;gap:var(--space-3);padding:var(--space-2) var(--profile-player-row-padding-inline);border-bottom:1px solid var(--color-border);background:linear-gradient(112deg, color-mix(in srgb, var(--profile-premier-color) 8%, transparent), transparent 54%), var(--color-surface-subtle);grid-template-columns:minmax(0,1fr) auto;display:grid}.profile-player-panel__heading{min-width:0}.profile-player-stat__title-row span,.profile-player-stat__eyebrow{color:var(--color-text-soft);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.04em;line-height:var(--line-label)}.profile-player-panel__heading strong{color:var(--color-text);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:var(--line-label);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-player-prime{min-width:0;min-height:var(--space-16);grid-template-columns:var(--control-sm) minmax(0, 1fr) var(--space-8);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--profile-player-row-padding-inline);border-bottom:1px solid var(--color-border);cursor:pointer;background:var(--color-surface);transition:background-color var(--transition-fast);display:grid;position:relative}.profile-player-prime:hover{background:var(--color-surface-subtle)}.profile-player-prime__input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.profile-player-prime__icon-shell{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-dark), var(--color-dark-hover));box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast), box-shadow var(--transition-fast);place-items:center;display:grid}.profile-player-prime__icon{width:var(--space-6);height:var(--space-6);object-fit:contain;opacity:.58;transition:opacity var(--transition-fast)}.profile-player-prime__icon.is-loading{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-surface) 18%, transparent)}.profile-player-prime__copy{gap:var(--space-1);min-width:0;display:grid}.profile-player-prime__copy strong{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--line-label);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-player-prime__copy span{color:var(--color-text-soft);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--line-label)}.profile-player-prime__switch{width:var(--space-8);height:var(--space-5);border-radius:var(--radius-pill);background:var(--color-surface-muted);box-shadow:inset 0 0 0 1px var(--color-border-strong);transition:background-color var(--transition-fast), box-shadow var(--transition-fast);flex:none;position:relative}.profile-player-prime__switch:after{top:var(--space-1);left:var(--space-1);width:var(--space-3);height:var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-sm);content:"";transition:transform var(--transition-fast);position:absolute}.profile-player-prime__input:checked~.profile-player-prime__icon-shell{background:var(--color-accent);box-shadow:var(--shadow-brand)}.profile-player-prime__input:checked~.profile-player-prime__icon-shell .profile-player-prime__icon{opacity:1}.profile-player-prime__input:checked~.profile-player-prime__switch{background:var(--color-success);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-success) 72%, transparent)}.profile-player-prime__input:checked~.profile-player-prime__switch:after{transform:translateX(var(--space-3))}.profile-player-prime__input:focus-visible~.profile-player-prime__switch{outline:3px solid var(--color-focus-ring);outline-offset:var(--space-1)}.profile-player-xp-overload{--profile-xp-overload-color:var(--color-text-faint);min-width:0;min-height:var(--control-lg);grid-template-columns:var(--control-sm) minmax(0, 1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--profile-player-row-padding-inline);border-bottom:1px solid var(--color-border);cursor:text;background:var(--color-surface);transition:background-color var(--transition-fast);display:grid}.profile-player-xp-overload:hover{background:var(--color-surface-subtle)}.profile-player-xp-overload__icon-shell{width:var(--control-sm);height:var(--control-sm);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-muted);transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);place-items:center;display:grid}.profile-player-xp-overload__icon{width:var(--space-6);height:var(--space-6);object-fit:contain;opacity:.46;filter:brightness(0)saturate();transition:filter var(--transition-fast), opacity var(--transition-fast)}.profile-player-xp-overload__icon.is-loading{border-radius:var(--radius-pill);background:var(--color-border)}.profile-player-xp-overload.is-active .profile-player-xp-overload__icon-shell{border-color:color-mix(in srgb, var(--profile-xp-overload-color) 70%, var(--color-border));background:color-mix(in srgb, var(--profile-xp-overload-color) 82%, var(--color-dark));box-shadow:0 0 var(--space-3) color-mix(in srgb, var(--profile-xp-overload-color) 24%, transparent)}.profile-player-xp-overload.is-active .profile-player-xp-overload__icon{opacity:1;filter:none}.profile-player-xp-overload__copy{gap:var(--space-1);min-width:0;display:grid}.profile-player-xp-overload__copy strong{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--line-label);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-player-xp-overload__copy span{color:var(--color-text-soft);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--line-label)}.profile-player-panel__close{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-faint);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.profile-player-panel__close:hover{color:var(--color-accent-strong);background:var(--color-accent-soft)}.profile-player-panel__close:focus-visible{outline:3px solid var(--color-focus-ring)}.profile-player-panel__close-mark{width:var(--space-4);height:var(--space-4);display:block;position:relative}.profile-player-panel__close-mark:before,.profile-player-panel__close-mark:after{width:var(--space-4);border-radius:var(--radius-pill);content:"";background:currentColor;height:2px;position:absolute;top:50%;left:50%}.profile-player-panel__close-mark:before{transform:translate(-50%,-50%)rotate(45deg)}.profile-player-panel__close-mark:after{transform:translate(-50%,-50%)rotate(-45deg)}.profile-player-panel__content{overscroll-behavior:contain;scrollbar-width:none;grid-auto-rows:max-content;align-content:start;min-height:0;display:grid;overflow-y:auto}.profile-player-panel__content::-webkit-scrollbar{display:none}.profile-player-stat,.profile-player-commendations{background:var(--color-surface)}.profile-player-stat{min-width:0;min-height:var(--space-20);grid-template-columns:var(--profile-player-asset-column) minmax(0, 1fr);align-items:center;gap:var(--profile-player-row-gap);padding:var(--profile-player-row-padding-block) var(--profile-player-row-padding-inline);border-bottom:1px solid var(--color-border);grid-auto-rows:max-content;display:grid}.profile-player-stat__premier{min-height:var(--space-16);align-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-left:var(--space-1) solid color-mix(in srgb, var(--profile-premier-color) 72%, var(--color-accent));background:linear-gradient(105deg, color-mix(in srgb, var(--profile-premier-color) 14%, var(--color-surface-muted)), var(--color-surface-muted) 68%, var(--color-accent-soft));clip-path:polygon(0 0,100% 0,90% 100%,0 100%);display:grid;overflow:hidden}.profile-player-stat__premier>span{color:var(--color-text-soft);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:var(--line-tight);text-transform:uppercase}.profile-player-stat__premier-value{font-family:var(--font-heading);color:color-mix(in srgb, var(--profile-premier-color) 72%, var(--color-text));font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--line-tight)}.profile-player-stat__body,.profile-player-stat__title-row>div{min-width:0;display:grid}.profile-player-stat__body{align-content:center;gap:var(--space-2);grid-auto-rows:max-content}.profile-player-stat__title-row>div{gap:var(--space-1)}.profile-player-stat__title-row{justify-content:space-between;align-items:center;gap:var(--space-2);min-width:0;display:flex}.profile-player-stat h2{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--line-label)}.profile-player-stat__wins{align-items:center;gap:var(--space-2);min-width:0;color:var(--color-text-soft);font-size:var(--text-xs);display:flex}.profile-player-stat__wins>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.profile-player-stat__wins-icon{width:var(--space-5);height:var(--space-5);object-fit:contain;opacity:.64;flex:none}.profile-player-stat__wins-icon,.profile-player-commendation__icon{filter:brightness(0)saturate()}.profile-player-stat__wins-icon.is-loading{border-radius:var(--radius-sm);background:var(--color-surface-muted)}.profile-player-stat__wins .profile-player-number{min-width:var(--space-16);margin-left:auto}.profile-player-number.is-stat-value input{font-weight:var(--weight-semibold)}.profile-player-stat__asset{place-items:center;min-width:0;display:grid}.profile-player-stat__stepper.profile-rank-stepper{grid-template-columns:var(--space-8) minmax(0, 1fr) var(--space-8);width:100%}.profile-player-stat__stepper .profile-rank-stepper__control{width:var(--space-8);height:var(--space-8);color:var(--color-text-soft)}.profile-player-stat__stepper .profile-rank-stepper__control:hover,.profile-player-stat__stepper .profile-rank-stepper__control:focus-visible{color:var(--color-accent-strong)}.profile-player-stat__stepper .profile-rank-stepper__image{max-width:var(--space-20);height:var(--control-md);filter:drop-shadow(0 var(--space-1) var(--space-2) color-mix(in srgb, var(--color-text) 18%, transparent))}.profile-player-stat__experience{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.profile-player-number{min-width:0;height:var(--space-8);justify-content:center;align-items:center;gap:var(--space-1);padding-inline:var(--space-1);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);box-shadow:none;font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--line-tight);transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;display:inline-flex}.profile-player-number:hover{border-color:var(--color-border-strong);background:0 0}.profile-player-number:focus-within{border-color:var(--color-accent);background:0 0}.profile-player-number:has(input:disabled){cursor:not-allowed;opacity:.56;box-shadow:none;background:0 0}.profile-player-number input{width:calc(var(--profile-number-length) * 1ch + var(--space-1));min-width:1ch;max-width:calc(var(--space-20) + var(--space-4));height:100%;color:inherit;font:inherit;font-size:inherit;font-variant-numeric:tabular-nums;font-weight:inherit;line-height:inherit;text-align:center;appearance:textfield;background:0 0;border:0;outline:0;padding:0}.profile-player-number:not(:has(>span)){min-width:var(--control-md)}.profile-player-number input::-webkit-inner-spin-button{appearance:none;margin:0}.profile-player-number input::-webkit-outer-spin-button{appearance:none;margin:0}.profile-player-number>span{color:var(--color-text-soft);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:var(--line-tight)}.profile-player-stat__rating-control{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.profile-player-number.is-premier-rating{min-width:var(--space-16)}.profile-player-number.is-premier-rating input{font-weight:var(--weight-semibold);text-align:center}.profile-player-number.is-xp-overload{min-width:calc(var(--space-16) + var(--space-2))}.profile-player-number.is-xp-overload input{font-weight:var(--weight-semibold);text-align:center}.profile-player-panel .profile-range-control__slider{background:linear-gradient(to right, var(--color-accent) 0, var(--color-accent) var(--range-progress), var(--color-surface-muted) var(--range-progress), var(--color-surface-muted) 100%)}.profile-player-panel .profile-player-stat__rating-slider{background:linear-gradient(to right, var(--profile-premier-color) 0, var(--profile-premier-color) var(--range-progress), var(--color-surface-muted) var(--range-progress), var(--color-surface-muted) 100%)}.profile-player-panel .profile-player-stat__rating-slider::-webkit-slider-thumb{background:var(--profile-premier-color)}.profile-player-panel .profile-player-stat__rating-slider::-moz-range-thumb{background:var(--profile-premier-color)}.profile-player-panel .profile-range-control__slider::-webkit-slider-thumb{width:var(--space-4);height:var(--space-4);border-width:2px}.profile-player-panel .profile-range-control__slider::-moz-range-thumb{width:var(--space-3);height:var(--space-3);border-width:2px}.profile-player-commendations{padding:var(--space-2) var(--space-3)}.profile-player-commendations__list{justify-content:space-around;align-items:center;gap:var(--space-2);display:flex}.profile-player-commendation{align-items:center;gap:var(--space-1);min-width:0;display:inline-flex;position:relative}.profile-player-commendation__icon{width:var(--space-6);height:var(--space-6);object-fit:contain;opacity:.62;flex:none}.profile-player-commendation__icon.is-loading{border-radius:var(--radius-sm);background:var(--color-surface-muted)}.profile-player-commendation>span:nth-child(2){clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.profile-player-commendation .profile-player-number{min-width:var(--space-16)}.profile-player-commendation .profile-player-number input{font-weight:var(--weight-semibold);text-align:center}.profile-player-commendations__loading{color:var(--color-text-soft);font-size:var(--text-sm)}.profile-agent-preview,.profile-agent-preview__fallback{z-index:1;position:absolute;inset:0}.profile-agent-preview{pointer-events:none}.profile-agent-preview .agent-3d-preview{width:100%;height:100%}.profile-agent-preview .agent-3d-preview[data-preview-ready=false] canvas{visibility:hidden}.profile-agent-preview__fallback{align-content:center;place-items:center;gap:var(--space-3);color:var(--color-text-soft);text-align:center;display:grid}.profile-agent-preview__fallback span{width:var(--control-lg);height:var(--control-lg);border-radius:var(--radius-sm);color:var(--color-accent);background:var(--color-accent-soft);font-weight:var(--weight-bold);place-items:center;display:grid}.profile-agent-preview__fallback p{font-size:var(--text-sm);line-height:var(--line-label)}.profile-map-pool{--profile-panel-tone:var(--color-accent);min-width:0;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--profile-panel-tone) 9%, transparent), transparent 44%), var(--color-surface);box-shadow:var(--shadow-sm)}.profile-map-pool__header{padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.profile-map-pool__title{color:var(--color-text);font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--line-label)}.profile-map-pool__description{margin-top:var(--space-1);color:var(--color-text-soft);font-size:var(--text-sm);line-height:var(--line-label)}.profile-rank-stepper{width:calc(var(--space-30) + var(--space-16));height:var(--space-16);grid-template-columns:var(--control-sm) minmax(0, 1fr) var(--control-sm);align-items:center;display:grid}.profile-rank-stepper__control{width:var(--control-sm);height:var(--control-sm);cursor:pointer;color:var(--color-text-soft);font:inherit;opacity:.72;transition:color var(--transition-fast), opacity var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;padding:0;display:grid}.profile-rank-stepper__control:hover{color:var(--color-accent);opacity:1}.profile-rank-stepper__control:focus-visible{color:var(--color-accent);filter:drop-shadow(0 0 var(--space-1) var(--color-focus-ring));opacity:1;outline:none}.profile-rank-stepper__control:active{opacity:.6}.profile-rank-stepper__control:disabled{cursor:default;opacity:.28}.profile-chevron{width:var(--space-2);height:var(--space-2);border-bottom:2px solid;border-right:2px solid;display:block}.profile-chevron.is-previous{transform:rotate(135deg)}.profile-chevron.is-next{transform:rotate(-45deg)}.profile-rank-stepper__value{min-width:0;height:var(--space-16);place-items:center;display:grid;position:relative}.profile-rank-stepper__image{width:100%;max-width:calc(var(--space-24) + var(--space-2));height:var(--control-lg);object-fit:contain;object-position:center;transform-origin:50%}.profile-rank-stepper__value[data-direction=next] .profile-rank-stepper__image{animation:profile-rank-stepper-enter-next var(--transition-base) both}.profile-rank-stepper__value[data-direction=previous] .profile-rank-stepper__image{animation:profile-rank-stepper-enter-previous var(--transition-base) both}.profile-rank-stepper__status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.profile-map-carousel{--profile-map-card-width:clamp(calc(var(--space-30) * 2 + var(--space-10)), 26vw, calc(var(--space-30) * 3));min-width:0;padding-top:var(--space-2)}.profile-map-carousel__stage{height:calc(var(--space-30) * 4 + var(--space-20));touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.profile-map-carousel__stage:focus-visible{border-radius:var(--radius-lg);box-shadow:inset 0 0 0 3px var(--color-focus-ring);outline:none}.profile-map-carousel__slide{z-index:0;width:var(--profile-map-card-width);opacity:0;pointer-events:none;transition:opacity var(--transition-base), filter var(--transition-base), transform var(--transition-base);will-change:transform;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.54)}.profile-map-carousel__slide.is-active{z-index:3;opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.profile-map-carousel__slide.is-previous,.profile-map-carousel__slide.is-next{z-index:1;opacity:.62;filter:saturate(.7)}.profile-map-carousel__slide.is-previous{transform:translate(-142%,-50%)scale(.66)}.profile-map-carousel__slide.is-next{transform:translate(42%,-50%)scale(.66)}.profile-map-carousel__slide.is-hidden{visibility:hidden}.profile-map-carousel__controls{z-index:5;padding-inline:var(--space-2);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.profile-map-carousel__control{width:var(--control-md);height:var(--control-md);cursor:pointer;color:var(--color-accent);box-shadow:none;pointer-events:auto;transition:color var(--transition-fast), transform var(--transition-fast);background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid}.profile-map-carousel__control:hover{color:var(--color-accent-strong);transform:scale(1.12)}.profile-map-carousel__control:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:var(--space-1);border-radius:var(--radius-sm)}.profile-map-carousel__control .profile-chevron{width:var(--space-5);height:var(--space-5);border-width:3px}.profile-map-carousel__progress{width:calc(var(--space-30) + var(--space-20));max-width:calc(100% - var(--space-8));height:var(--space-1);margin:var(--space-2) auto 0;border-radius:var(--radius-pill);background:var(--color-border);overflow:hidden}.profile-map-carousel__progress>span{border-radius:inherit;background:var(--color-accent);transform-origin:0;width:100%;height:100%;transition:transform var(--transition-base);display:block}.profile-map-card{height:calc(var(--space-30) * 4 + var(--space-10));border:1px solid color-mix(in srgb, var(--color-on-accent) 20%, transparent);border-radius:var(--radius-lg);isolation:isolate;background:var(--color-dark);min-width:0;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.profile-map-card__backdrop,.profile-map-card__scrim{width:100%;height:100%;position:absolute;inset:0}.profile-map-card__backdrop{z-index:-3;object-fit:cover;filter:blur(var(--space-1));transform:scale(1.03)}.profile-map-card__scrim{z-index:-2;background:linear-gradient(180deg, color-mix(in srgb, var(--color-dark) 52%, transparent) 0%, color-mix(in srgb, var(--color-dark) 8%, transparent) 42%, color-mix(in srgb, var(--color-dark) 84%, transparent) 100%), linear-gradient(90deg, color-mix(in srgb, var(--color-dark) 18%, transparent), transparent)}.profile-map-card__content{z-index:1;height:100%;min-height:0;padding:var(--space-20) var(--space-4) var(--space-6);text-align:center;grid-template-rows:auto auto auto auto;grid-template-areas:"wins""logo""rank""name";align-content:space-between;justify-items:center;display:grid;position:relative}.profile-map-card__wins{align-items:center;gap:var(--space-1);width:fit-content;min-width:0;color:var(--color-on-accent);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--line-label);text-shadow:0 var(--space-1) var(--space-2) color-mix(in srgb, var(--color-dark) 76%, transparent);white-space:nowrap;grid-area:wins;margin:0;display:inline-flex}.profile-map-card__wins-icon{width:var(--space-6);height:var(--space-6);object-fit:contain;flex:none}.profile-map-card__wins-label{text-transform:lowercase}.profile-map-card__wins-input{width:var(--control-md);min-width:var(--control-md);max-width:var(--space-16);height:var(--space-8);color:inherit;appearance:textfield;font:inherit;font-variant-numeric:tabular-nums;text-align:center;text-shadow:inherit;transition:border-color var(--transition-fast);background:0 0;border:0;border-bottom:1px solid #0000;border-radius:0;outline:0;padding:0}.profile-map-card__wins-input::-webkit-inner-spin-button{appearance:none;margin:0}.profile-map-card__wins-input::-webkit-outer-spin-button{appearance:none;margin:0}.profile-map-card__wins-input:focus-visible{border-bottom-color:currentColor;outline:0}.profile-map-card__logo-frame{width:calc(var(--space-24) + var(--space-4));height:calc(var(--space-24) + var(--space-4));transition:transform var(--transition-base);grid-area:logo;place-items:center;display:grid;transform:scale(.9)}.profile-map-carousel__slide.is-active .profile-map-card__logo-frame{transform:scale(1.1)}.profile-map-card__logo{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 var(--space-1) var(--space-2) color-mix(in srgb, var(--color-dark) 54%, transparent))}.profile-map-card__name{max-width:100%;color:var(--color-on-accent);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--line-heading);text-overflow:ellipsis;text-shadow:0 var(--space-1) var(--space-2) color-mix(in srgb, var(--color-dark) 64%, transparent);white-space:nowrap;grid-area:name;overflow:hidden}.profile-map-card__rank-stepper{width:calc(var(--space-30) + var(--space-24));transform:translateY(var(--space-2));grid-area:rank}.profile-map-card__rank-stepper .profile-rank-stepper__control{color:color-mix(in srgb, var(--color-on-accent) 72%, transparent)}.profile-map-card__rank-stepper .profile-rank-stepper__control:hover,.profile-map-card__rank-stepper .profile-rank-stepper__control:focus-visible{color:var(--color-on-accent);opacity:1}.profile-map-carousel__slide:not(.is-active) .profile-map-card__rank-stepper .profile-rank-stepper__control{visibility:hidden}.profile-map-card__rank-stepper .profile-rank-stepper__image{max-width:calc(var(--space-24) + var(--space-4));height:var(--space-16);filter:drop-shadow(0 var(--space-1) var(--space-2) color-mix(in srgb, var(--color-dark) 48%, transparent))}.profile-map-pool__loading,.profile-map-pool__feedback{min-height:calc(var(--space-30) + var(--space-12));justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-6);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-soft);background:var(--color-surface-subtle);text-align:left;display:flex}.profile-map-pool__loading{text-align:center;flex-direction:column}.profile-map-pool__loading>span{width:var(--control-md);height:var(--control-md);border:var(--space-1) solid var(--color-accent-soft);border-top-color:var(--color-accent);border-radius:var(--radius-pill);animation:.8s linear infinite profile-map-pool-spin}.profile-map-pool__feedback h3{color:var(--color-text);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:var(--line-label)}.profile-map-pool__feedback p{margin-top:var(--space-1);font-size:var(--text-sm);line-height:var(--line-label)}.profile-map-pool__feedback .button{flex:none;margin-left:auto}@keyframes profile-map-pool-spin{to{transform:rotate(360deg)}}@keyframes profile-rank-stepper-enter-next{0%{opacity:0;transform:translateX(var(--space-2))}to{opacity:1;transform:translate(0)}}@keyframes profile-rank-stepper-enter-previous{0%{opacity:0;transform:translateX(calc(var(--space-2) * -1))}to{opacity:1;transform:translate(0)}}.profile-field{gap:var(--space-2);min-width:0;display:grid}.profile-field__label{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--line-label)}.profile-range-control__slider{width:100%;height:var(--space-2);appearance:none;border-radius:var(--radius-pill);cursor:pointer;background:linear-gradient(to right, var(--color-accent) 0, var(--color-accent) var(--range-progress), var(--color-surface-muted) var(--range-progress), var(--color-surface-muted) 100%);margin:0}.profile-range-control__slider::-webkit-slider-thumb{width:var(--space-5);height:var(--space-5);appearance:none;border:var(--space-1) solid var(--color-surface);border-radius:var(--radius-pill);cursor:grab;background:var(--color-accent);box-shadow:var(--shadow-brand)}.profile-range-control__slider::-moz-range-thumb{width:var(--space-3);height:var(--space-3);border:var(--space-1) solid var(--color-surface);border-radius:var(--radius-pill);cursor:grab;background:var(--color-accent);box-shadow:var(--shadow-brand)}.profile-range-control__slider:active::-webkit-slider-thumb{cursor:grabbing}.profile-range-control__slider:active::-moz-range-thumb{cursor:grabbing}@media (min-width:1121px){.profile-changer{height:100svh;min-height:0;overflow:hidden}.profile-changer__studio{height:min(calc(100svh - var(--space-30) - var(--space-12) - var(--space-6)), calc(var(--space-30) * 7));grid-template-rows:minmax(0,3fr) minmax(0,2fr);min-height:0}.profile-agent-stage{min-height:0}.profile-changer__studio>.profile-map-pool{height:100%;min-height:0;padding:var(--space-5);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.profile-changer__studio>.profile-map-pool .profile-map-pool__header{padding-bottom:var(--space-3)}.profile-changer__studio>.profile-map-pool .profile-map-pool__title{font-size:var(--text-lg)}.profile-changer__studio>.profile-map-pool .profile-map-pool__description{font-size:var(--text-xs)}.profile-changer__studio>.profile-map-pool .profile-map-carousel{--profile-map-card-width:clamp(calc(var(--space-30) + var(--space-24)), 20vw, calc(var(--space-30) * 2 + var(--space-10)));grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.profile-changer__studio>.profile-map-pool .profile-map-carousel__stage{height:auto;min-height:0}.profile-changer__studio>.profile-map-pool .profile-map-carousel__slide{height:calc(100% - var(--space-2))}.profile-changer__studio>.profile-map-pool .profile-map-card{height:100%}.profile-changer__studio>.profile-map-pool .profile-map-card__content{padding:var(--space-8) var(--space-3) var(--space-4)}.profile-changer__studio>.profile-map-pool .profile-map-card__wins{font-size:var(--text-sm)}.profile-changer__studio>.profile-map-pool .profile-map-card__wins-icon{width:var(--space-5);height:var(--space-5)}.profile-changer__studio>.profile-map-pool .profile-map-card__logo-frame{width:var(--space-20);height:var(--space-20)}.profile-changer__studio>.profile-map-pool .profile-map-card__name{font-size:var(--text-lg)}.profile-changer__studio>.profile-map-pool .profile-map-card .profile-rank-stepper{width:calc(var(--space-30) + var(--space-20));height:var(--control-lg);grid-template-columns:var(--control-sm) minmax(0, 1fr) var(--control-sm)}.profile-changer__studio>.profile-map-pool .profile-map-card .profile-rank-stepper__value{height:var(--control-lg)}.profile-changer__studio>.profile-map-pool .profile-map-card .profile-rank-stepper__image{max-width:calc(var(--space-24) + var(--space-4));height:var(--control-lg)}}@media (max-width:1120px){.account-overview__details,.account-tools__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-changer__studio{grid-template-columns:minmax(0,1fr)}.profile-agent-stage{width:100%;max-width:calc(var(--space-30) * 5);height:clamp(calc(var(--space-30) * 5), 72svh, calc(var(--space-30) * 6));grid-area:auto/1;justify-self:center;min-height:0}.profile-agent-stage__viewport{height:100%;position:relative}.profile-changer__studio>.profile-map-pool{width:100%;max-width:calc(var(--space-30) * 6);grid-area:auto/1;justify-self:center}.profile-player-panel{bottom:calc(100% + var(--space-3));width:min(calc(100vw - var(--space-10)), calc(var(--space-30) * 3 + var(--space-12)));max-height:min(calc(100svh - var(--space-20)), calc(var(--space-30) * 5 + var(--space-10)));transform-origin:bottom;left:50%}}@media (max-width:900px){.profile-page{display:block}.profile-sidebar,.profile-sidebar.is-collapsed{width:100%;height:auto;min-height:auto;padding:var(--space-3);border-right:0;border-bottom:1px solid var(--color-border)}.profile-sidebar__toggle,.profile-sidebar__socials{display:none}.profile-sidebar__brand{min-height:var(--control-md);padding-inline:var(--space-1);justify-content:flex-start;align-items:center}.profile-sidebar__navigation{scrollbar-width:none;grid-template-columns:repeat(6,minmax(max-content,1fr));overflow-x:auto}.profile-sidebar__navigation-indicator,.profile-sidebar.is-collapsed .profile-sidebar__navigation-indicator{width:var(--indicator-width);transform:translate3d(var(--indicator-x), var(--indicator-y), 0);left:0}.profile-sidebar__navigation-shell{margin-top:var(--space-2)}.profile-sidebar__navigation::-webkit-scrollbar{display:none}.profile-sidebar__item{justify-content:center}.profile-sidebar.is-collapsed .profile-sidebar__item{gap:var(--space-3);width:100%;padding-inline:var(--space-4);margin-inline:0}.profile-sidebar.is-collapsed .profile-sidebar__label{max-width:calc(var(--space-30) + var(--space-10));opacity:1}.profile-workspace{--profile-workspace-padding-block:var(--space-8);--profile-workspace-padding-inline:var(--space-5)}}@media (max-width:700px){.profile-changer__studio{padding:var(--space-5)}.profile-agent-stage{height:calc(var(--space-30) * 5)}.profile-map-carousel__controls{display:none}.profile-player-panel{top:calc(var(--space-30) + var(--space-12));right:var(--space-4);bottom:auto;left:var(--space-4);width:auto;max-height:calc(100svh - var(--space-30) - var(--space-12) - max(var(--space-4), env(safe-area-inset-bottom)));transform-origin:bottom;position:fixed}.profile-agent-settings__trigger.is-active{visibility:hidden;opacity:0;pointer-events:none}.profile-map-carousel__stage{height:calc(var(--space-30) * 4 + var(--space-20))}.profile-map-carousel__slide.is-previous{transform:translate(-128%,-50%)scale(.62)}.profile-map-carousel__slide.is-next{transform:translate(28%,-50%)scale(.62)}}@media (max-width:560px){.profile-sidebar__navigation{grid-template-columns:repeat(6,minmax(0,1fr))}.profile-sidebar__item,.profile-sidebar.is-collapsed .profile-sidebar__item{padding-inline:var(--space-3)}.profile-sidebar__label{display:none}.profile-workspace{--profile-workspace-padding-block:var(--space-6);--profile-workspace-padding-inline:var(--space-4);--profile-hero-min-height:calc(var(--space-30) + var(--space-24))}.profile-changer__header{gap:var(--space-5);padding-bottom:var(--space-12);flex-wrap:wrap}.profile-changer__title{width:100%;font-size:var(--text-2xl)}.profile-changer__subtitle{font-size:var(--text-sm)}.profile-changer__actions{width:100%}.profile-changer__save{min-width:0;padding-inline:var(--space-4);flex:1}.profile-changer__studio{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg)}.profile-agent-stage{height:calc(var(--space-30) * 4 + var(--space-20))}.profile-map-pool{padding:var(--space-5)}.profile-player-panel{--profile-player-asset-column:calc(var(--space-20) + var(--space-8));--profile-player-row-gap:var(--space-3);--profile-player-row-padding-inline:var(--space-3)}.profile-player-panel__content{padding:0}.profile-player-stat__stepper .profile-rank-stepper__image{max-width:var(--space-16)}.profile-map-carousel__stage{height:calc(var(--space-30) * 4 + var(--space-10))}.profile-map-carousel{--profile-map-card-width:calc(100% - var(--space-4))}.profile-map-carousel__slide.is-previous{transform:translate(-116%,-50%)scale(.58)}.profile-map-carousel__slide.is-next{transform:translate(16%,-50%)scale(.58)}.profile-map-card{height:calc(var(--space-30) * 4)}.profile-map-pool__feedback{text-align:center;flex-direction:column}.profile-map-pool__feedback .button{width:100%;margin-left:0}.account-overview__header{padding-bottom:var(--space-16);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.account-overview__title{font-size:var(--text-2xl)}.account-overview__actions{display:contents}.account-overview__actions>.account-menu{grid-area:1/2}.account-launcher-action{grid-area:2/1/auto/-1;justify-content:center;width:100%}.account-detail-card{padding:var(--space-5)}.account-tools__grid{grid-template-columns:1fr}.account-tool-card{min-height:calc(var(--space-30) + var(--space-20))}.account-tool-card__header,.account-tool-card__body{padding-inline:var(--space-5)}}@media (max-width:440px){.account-overview__details{grid-template-columns:1fr}}.account-tool-card__action.is-enabled{cursor:pointer;opacity:1}.account-tool-card__action.is-enabled:hover{border-color:var(--color-accent-strong);background:var(--color-accent-strong);box-shadow:var(--shadow-accent-md)}.account-tool-card__action.is-enabled:active{transform:scale(.97)}.account-tool-card__action:focus-visible,.account-tool-modal__actions .button:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.account-tool-card__action:disabled{box-shadow:none;transform:none}.account-tool-modal__backdrop{z-index:calc(var(--layer-notifications) - 10);padding:var(--space-5);opacity:0;transition:opacity var(--transition-base);background:#24283d7a;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.account-tool-modal__backdrop.is-visible{opacity:1}.account-tool-modal{width:min(100%, calc(var(--space-30) * 4));max-height:calc(100svh - var(--space-10));overscroll-behavior:contain;padding:var(--space-8) var(--space-8) 0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);opacity:0;transition:opacity var(--transition-base);display:grid;position:relative;overflow-y:auto}.account-tool-modal__backdrop.is-visible .account-tool-modal{opacity:1}.account-tool-modal:focus{outline:none}.account-tool-modal__close{top:var(--space-4);right:var(--space-4);width:var(--control-sm);height:var(--control-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-soft);background:var(--color-surface-muted);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);place-items:center;padding:0;display:grid;position:absolute}.account-tool-modal__close:hover:not(:disabled){border-color:var(--color-border-strong);color:var(--color-text);background:var(--color-surface-subtle)}.account-tool-modal__close:active:not(:disabled){transform:scale(.97)}.account-tool-modal__close:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.account-tool-modal__close:disabled{cursor:default;opacity:.55}.account-tool-modal__icon{width:var(--control-lg);height:var(--control-lg);margin-bottom:var(--space-5);border-radius:var(--radius-sm);font-size:var(--text-xl);place-items:center;display:grid}.account-tool-modal__icon.is-rose{color:var(--tone-rose-text);background:var(--tone-rose-surface)}.account-tool-modal__icon.is-blue{color:var(--tone-blue-text);background:var(--tone-blue-surface)}.account-tool-modal__icon.is-mint{color:var(--tone-mint-text);background:var(--tone-mint-surface)}.account-tool-modal__content{padding-right:var(--space-6)}.account-tool-modal__eyebrow{margin-bottom:var(--space-2);color:var(--color-accent);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;display:block}.account-tool-modal h2{color:var(--color-text);font-size:var(--text-2xl);line-height:var(--line-heading);margin:0}.account-tool-modal p{margin:var(--space-3) 0 0;color:var(--color-text-soft);font-size:var(--text-sm);line-height:var(--line-body)}.account-tool-modal__transition{min-width:0;margin-inline:calc(var(--space-4) * -1);transition:height var(--transition-base);overflow:clip}.account-tool-modal__transition-content{min-width:0;padding:0 var(--space-4) var(--space-8);display:flow-root}.account-tool-modal .account-tool-modal__limit{margin-top:var(--space-5);padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-text);background:var(--color-accent-soft);font-weight:var(--weight-medium);line-height:var(--line-label)}.account-tool-modal__actions{gap:var(--space-3);margin-top:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);display:grid}.account-tool-modal__actions .button{width:100%;transition:border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast)}.account-tool-modal__actions .button--light{border-color:var(--color-soft-button-border);box-shadow:var(--shadow-sm)}.account-tool-modal__actions .button--primary{border-color:var(--color-accent);box-shadow:var(--shadow-accent-sm)}.account-tool-modal__actions .button--light:not(:disabled):hover{border-color:var(--color-soft-button-border-hover)}.account-tool-modal__actions .button--primary:not(:disabled):hover{border-color:var(--color-accent-strong);box-shadow:var(--shadow-accent-sm)}.account-tool-modal__actions .button:not(:disabled):active{transform:scale(.97)}.account-tool-modal__actions .button:disabled{box-shadow:none;transform:none}@media (prefers-reduced-motion:reduce){.profile-agent-stage__loading{transition:none}.profile-agent-stage__loading-label span{animation:none}::view-transition-group(profile-hero-backdrop){animation-duration:0s!important}.profile-sidebar__navigation-indicator,.profile-sidebar__navigation-indicator.can-animate,.account-launcher-action,.profile-sidebar .brand--compact .brand__mark,.account-tool-card__action,.account-tool-modal__close,.account-tool-modal__actions .button{transition:none}}@media (max-width:560px){.account-tool-modal__backdrop{padding:var(--space-3);align-items:end}.account-tool-modal{max-height:calc(100svh - var(--space-6));padding:var(--space-6) var(--space-5) 0}.account-tool-modal__transition-content{padding-bottom:var(--space-6)}.account-tool-modal__content{padding-right:0}.account-tool-modal__actions{grid-template-columns:1fr}.account-tool-modal__actions .button--primary{grid-row:1}}.account-tool-modal__header{grid-template-columns:var(--control-lg) minmax(0, 1fr);align-items:center;gap:var(--space-4);padding-right:var(--space-10);display:grid}.account-tool-modal__header .account-tool-modal__icon{margin-bottom:0}.account-tool-modal__heading{gap:var(--space-1);display:grid}.account-tool-modal__heading>span{color:var(--color-accent);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase}.account-tool-modal__description{max-width:38rem}.account-tool-modal__key-form{gap:var(--space-3);margin-top:var(--space-5);display:grid}.account-tool-modal__key-form label{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.account-tool-modal__key-form input{width:100%;min-height:var(--control-lg);padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface-subtle);font:inherit;transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast)}.account-tool-modal__key-form input:focus{border-color:var(--color-accent);background:var(--color-surface);outline:0}.account-tool-modal .account-tool-modal__error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:var(--tone-rose-text);background:var(--tone-rose-surface);font-size:var(--text-sm);line-height:var(--line-label);margin:0}@media (max-width:560px){.account-tool-modal__header{grid-template-columns:var(--control-md) minmax(0, 1fr);gap:var(--space-3)}.account-tool-modal__header .account-tool-modal__icon{width:var(--control-md);height:var(--control-md)}}
.referrals-page{min-height:100svh;margin:calc(var(--profile-workspace-padding-block) * -1) calc(var(--profile-workspace-padding-inline) * -1);color:var(--color-text)}.referrals-page__header{isolation:isolate;min-height:var(--profile-hero-min-height);justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--profile-workspace-padding-block) var(--profile-workspace-padding-inline) var(--space-20);display:flex;position:relative;overflow:hidden}.referrals-page__heading{z-index:1;gap:var(--space-3);min-width:0;display:grid;position:relative}.referrals-page__heading h1{color:var(--color-on-accent);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--line-heading)}.referrals-page__heading p{max-width:calc(var(--space-30) * 4);color:color-mix(in srgb, var(--color-on-accent) 82%, transparent);font-size:var(--text-sm);line-height:var(--line-label)}.referrals-page__header .account-menu{z-index:2;position:relative}.referrals-page__content{z-index:4;gap:var(--space-4);min-height:calc(100svh - var(--space-30));margin-top:calc(var(--space-12) * -1);padding:0 var(--profile-workspace-padding-inline) var(--profile-workspace-padding-block);display:grid;position:relative}.referral-link-panel,.referral-stats,.referrals-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.referral-link-panel{align-items:center;gap:var(--space-8);padding:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.referral-link-panel__copy{gap:var(--space-2);display:grid}.referrals-eyebrow{color:var(--color-accent-strong);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.1em;line-height:var(--line-label);text-transform:uppercase}.referral-link-panel h2,.referrals-panel__header h2{color:var(--color-text);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--line-heading)}.referral-link-panel__copy>p:not(.referrals-eyebrow){max-width:calc(var(--space-30) * 5);color:var(--color-text-soft);font-size:var(--text-sm);line-height:var(--line-body)}.referral-link-copy{align-self:center;gap:var(--space-2);display:grid}.referral-link-copy>label{color:var(--color-text-soft);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:var(--line-label)}.referral-link-copy__control{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.referral-link-copy__control input{width:100%;min-width:0;min-height:var(--control-md);padding-inline:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface-subtle);font-size:var(--text-sm);text-overflow:ellipsis;transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;overflow:hidden}.referral-link-copy__control input:hover{border-color:var(--color-border-strong)}.referral-link-copy__control input:focus{border-color:var(--color-accent);background:var(--color-surface)}.referral-link-copy__control .button{min-width:calc(var(--space-30) + var(--space-8))}.referral-stats{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.referral-stats>div{gap:var(--space-2);min-width:0;padding:var(--space-5) var(--space-6);display:grid}.referral-stats>div+div{border-left:1px solid var(--color-border)}.referral-stats dt{justify-content:space-between;align-items:baseline;gap:var(--space-2);min-width:0;color:var(--color-text-soft);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--line-label);display:flex}.referral-stats dt span{color:var(--color-text-faint);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap}.referral-stats dd{color:var(--color-text);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--line-tight);margin:0}.referrals-page__details{align-items:stretch;gap:var(--space-4);grid-template-columns:minmax(0,4fr) minmax(0,6fr);display:grid}.referrals-panel{min-width:0;padding:var(--space-6);flex-direction:column;display:flex}.referrals-panel__header{gap:var(--space-2);display:grid}.referral-rewards__description{margin-top:var(--space-4);color:var(--color-text-soft);font-size:var(--text-sm);line-height:var(--line-body)}.referral-rewards__notice{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-soft-button-border);border-radius:var(--radius-sm);color:var(--color-soft-button-text);background:var(--color-accent-soft);font-size:var(--text-xs);line-height:var(--line-body)}.referrals-table-shell{width:100%;min-width:0;margin-top:var(--space-5);scrollbar-width:thin;overflow-x:auto}.referrals-table{border-collapse:collapse;table-layout:fixed;width:100%}.referrals-table th,.referrals-table td{padding:var(--space-3);border-bottom:1px solid var(--color-border);overflow-wrap:anywhere;text-align:left;vertical-align:middle}.referrals-table thead th{color:var(--color-text-soft);background:var(--color-surface-subtle);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:var(--line-label)}.referrals-table thead th:first-child{border-top-left-radius:var(--radius-sm)}.referrals-table thead th:last-child{border-top-right-radius:var(--radius-sm)}.referrals-table tbody th,.referrals-table tbody td{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--line-label)}.referrals-table tbody tr:last-child>*{border-bottom:0}.referrals-table .is-positive{color:var(--color-success);font-weight:var(--weight-bold)}.referrals-table--rewards th:not(:first-child),.referrals-table--rewards td{text-align:center}.referrals-table--rewards th:nth-child(2),.referrals-table--rewards th:nth-child(3){width:32%}.referrals-table--purchases th:first-child,.referrals-table--purchases td:first-child{width:calc(var(--space-24) + var(--space-6))}.referrals-table--purchases time{white-space:nowrap}.referrals-table--purchases th:last-child,.referrals-table--purchases td:last-child{width:calc(var(--space-24) + var(--space-2));text-align:right}.referral-purchases__empty{min-height:calc(var(--space-30) + var(--space-10));align-content:center;gap:var(--space-2);margin-top:var(--space-5);padding:var(--space-6);border-radius:var(--radius-sm);color:var(--color-text-soft);background:var(--color-surface-muted);text-align:center;display:grid}.referral-purchases__empty strong{color:var(--color-text);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:var(--line-label)}.referral-purchases__empty p{font-size:var(--text-sm);line-height:var(--line-body)}.referrals-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.referrals-skeleton-panel{align-content:start;gap:var(--space-3);display:grid}.referrals-skeleton{border-radius:var(--radius-sm);background:var(--color-surface-muted);max-width:100%;display:block}.referrals-skeleton--label{width:var(--space-24);height:var(--space-3)}.referrals-skeleton--title{width:calc(var(--space-30) * 2);height:var(--space-6)}.referrals-skeleton--line{width:76%;height:var(--space-4)}.referrals-skeleton--control{width:100%;height:var(--control-md);margin-top:var(--space-2)}.referrals-skeleton--metric{width:var(--space-16);height:var(--space-8)}.referrals-skeleton--table{width:100%;height:calc(var(--space-30) + var(--space-10));margin-top:var(--space-2)}@media (max-width:1120px){.referral-link-panel{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}.referrals-page__details{grid-template-columns:minmax(0,1fr)}}@media (max-width:700px){.referral-stats dt{align-items:flex-start;gap:var(--space-1);flex-direction:column}}@media (max-width:560px){.referrals-page__header{padding-bottom:var(--space-16)}.referrals-page__heading h1{font-size:var(--text-2xl)}.referrals-page__heading p{font-size:var(--text-xs)}.referral-link-panel,.referrals-panel{padding:var(--space-5)}.referral-link-copy__control{grid-template-columns:minmax(0,1fr)}.referral-link-copy__control .button{width:100%;min-width:0}.referral-stats{grid-template-columns:minmax(0,1fr)}.referral-stats>div{padding:var(--space-4) var(--space-5)}.referral-stats>div+div{border-top:1px solid var(--color-border);border-left:0}.referral-stats dt{flex-direction:row;align-items:baseline}.referrals-table th,.referrals-table td{padding:var(--space-2)}.referrals-table tbody th,.referrals-table tbody td{font-size:var(--text-xs)}.referrals-table--purchases th:first-child,.referrals-table--purchases td:first-child{width:var(--space-24)}.referrals-table--purchases th:last-child,.referrals-table--purchases td:last-child{width:var(--space-20)}}