:root{--ocg-forest-1000: #07160f;--ocg-forest-950: #0a1f16;--ocg-forest-900: #0d281d;--ocg-forest-800: #153a2a;--ocg-forest-700: #24523b;--ocg-walnut-950: #1c110c;--ocg-walnut-900: #2a1a12;--ocg-walnut-800: #3a261b;--ocg-leather-700: #53392b;--ocg-parchment-50: #f6eedf;--ocg-parchment-100: #e8dbc2;--ocg-parchment-300: #c8b795;--ocg-ivory-25: #fff8e8;--ocg-gold-300: #d0b875;--ocg-gold-500: #a48645;--ocg-gold-700: #6f5529;--ocg-red-700: #9b3734;--ocg-moss-800: #39573a;--ocg-amber-800: #6b5124;--ocg-red-800: #7a332e;--ocg-bluegray-800: #3d5367;--ocg-surface-world: var(--ocg-forest-1000);--ocg-surface-page: var(--ocg-forest-950);--ocg-surface-table: var(--ocg-forest-900);--ocg-surface-raised-felt: var(--ocg-forest-800);--ocg-surface-structure: var(--ocg-walnut-900);--ocg-surface-structure-raised: var(--ocg-walnut-800);--ocg-surface-parchment: var(--ocg-parchment-50);--ocg-text-primary: var(--ocg-parchment-50);--ocg-text-secondary: var(--ocg-parchment-300);--ocg-text-on-parchment: var(--ocg-walnut-950);--ocg-border-quiet: var(--ocg-forest-700);--ocg-border-crafted: var(--ocg-gold-500);--ocg-action-primary: var(--ocg-gold-700);--ocg-action-text: var(--ocg-ivory-25);--ocg-focus-ring: var(--ocg-gold-300);--ocg-suit-red: var(--ocg-red-700);--ocg-space-0: 0;--ocg-space-1: 4px;--ocg-space-2: 8px;--ocg-space-3: 12px;--ocg-space-4: 16px;--ocg-space-5: 20px;--ocg-space-6: 24px;--ocg-space-8: 32px;--ocg-space-10: 40px;--ocg-space-12: 48px;--ocg-space-16: 64px;--ocg-space-20: 80px;--ocg-space-24: 96px;--ocg-radius-square: 0;--ocg-radius-subtle: 2px;--ocg-radius-control: 4px;--ocg-radius-surface: 8px;--ocg-radius-overlay: 12px;--ocg-radius-round: 50%;--ocg-stroke-none: 0;--ocg-stroke-hairline: 1px;--ocg-stroke-strong: 2px;--ocg-stroke-focus: 3px;--ocg-stroke-frame: 8px;--ocg-shadow-none: none;--ocg-shadow-inset: inset 0 1px 2px rgb(0 0 0 / 28%);--ocg-shadow-resting: 0 2px 4px rgb(0 0 0 / 24%);--ocg-shadow-raised: 0 4px 10px rgb(0 0 0 / 30%);--ocg-shadow-floating: 0 10px 24px rgb(0 0 0 / 38%);--ocg-shadow-modal: 0 18px 44px rgb(0 0 0 / 48%);--ocg-depth-scene: 0;--ocg-depth-inset: 1;--ocg-depth-resting: 2;--ocg-depth-raised: 3;--ocg-depth-floating: 4;--ocg-depth-modal: 5;--ocg-depth-hover-lift: -1px;--ocg-depth-pressed-drop: 2px;--ocg-font-display: "Cinzel", Georgia, "Times New Roman", serif;--ocg-font-interface: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--ocg-font-numeric: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--ocg-font-weight-regular: 400;--ocg-font-weight-medium: 500;--ocg-font-weight-semibold: 600;--ocg-font-weight-bold: 700;--ocg-type-display-xl-size: 48px;--ocg-type-display-xl-line-height: 56px;--ocg-type-display-lg-size: 36px;--ocg-type-display-lg-line-height: 44px;--ocg-type-heading-xl-size: 28px;--ocg-type-heading-xl-line-height: 36px;--ocg-type-heading-lg-size: 24px;--ocg-type-heading-lg-line-height: 32px;--ocg-type-heading-md-size: 20px;--ocg-type-heading-md-line-height: 28px;--ocg-type-body-lg-size: 18px;--ocg-type-body-lg-line-height: 28px;--ocg-type-body-md-size: 16px;--ocg-type-body-md-line-height: 24px;--ocg-type-body-sm-size: 14px;--ocg-type-body-sm-line-height: 20px;--ocg-type-label-md-size: 16px;--ocg-type-label-md-line-height: 20px;--ocg-type-label-sm-size: 12px;--ocg-type-label-sm-line-height: 16px;--ocg-numeric-variant: tabular-nums lining-nums;--ocg-duration-instant: 80ms;--ocg-duration-fast: .12s;--ocg-duration-standard: .18s;--ocg-duration-deliberate: .28s;--ocg-duration-scene: .6s;--ocg-duration-ambient-short: 6s;--ocg-duration-ambient-long: 18s;--ocg-ease-standard: cubic-bezier(.2, 0, 0, 1);--ocg-ease-enter: cubic-bezier(0, 0, .2, 1);--ocg-ease-exit: cubic-bezier(.4, 0, 1, 1);--ocg-ease-tactile: cubic-bezier(.2, .8, .2, 1);--ocg-motion-ambient-play-state: running;--ocg-z-scene: 0;--ocg-z-atmosphere: 10;--ocg-z-game: 100;--ocg-z-hud: 200;--ocg-z-overlay: 400;--ocg-z-popover: 500;--ocg-z-modal: 600;--ocg-z-toast: 700}:root[data-ocg-motion=reduced]{--ocg-duration-deliberate: var(--ocg-duration-instant);--ocg-duration-scene: var(--ocg-duration-instant);--ocg-motion-ambient-play-state: paused}@media(prefers-reduced-motion:reduce){:root:not([data-ocg-motion=full]){--ocg-duration-deliberate: var(--ocg-duration-instant);--ocg-duration-scene: var(--ocg-duration-instant);--ocg-motion-ambient-play-state: paused}}.page--profile{--profile-rule: color-mix(in srgb, var(--ocg-border-crafted) 34%, transparent);--profile-rule-strong: color-mix(in srgb, var(--ocg-border-crafted) 58%, transparent)}.page--profile .page__content{width:min(100% - (var(--ocg-space-8) * 2),920px);max-width:920px;min-height:58vh;margin-inline:auto;padding:var(--ocg-space-12) 0 var(--ocg-space-20)}.page--profile .profile,.page--profile .auth-prompt{width:100%}.page--profile .profile{display:flex;flex-direction:column;gap:var(--ocg-space-8)}.page--profile .profile__header,.page--profile .auth-prompt{border:var(--ocg-stroke-hairline) solid var(--profile-rule-strong);border-radius:var(--ocg-radius-square);background:linear-gradient(90deg,#2a1a12f5,#1c110ce0),url(/assets/brown-leather-DaL9-Q5O.webp) center / 420px repeat;box-shadow:var(--ocg-shadow-inset),var(--ocg-shadow-raised)}.page--profile .profile__header{display:flex;align-items:center;gap:var(--ocg-space-6);min-height:160px;padding:var(--ocg-space-8)}.page--profile .profile__avatar-wrap{position:relative;width:104px;height:104px;flex:0 0 auto}.page--profile .profile__avatar-clip{width:104px;height:104px;overflow:hidden;border:var(--ocg-stroke-strong) solid var(--ocg-border-crafted);border-radius:var(--ocg-radius-round);background:var(--ocg-surface-world);box-shadow:0 0 0 4px #1c110cb3,var(--ocg-shadow-raised)}.page--profile .profile__avatar{width:100%;height:100%;object-fit:cover;transform:scale(1.4)}.page--profile .profile__avatar-edit{position:absolute;right:-4px;bottom:0;z-index:1;display:grid;width:36px;height:36px;padding:8px;place-items:center;border:var(--ocg-stroke-strong) solid var(--ocg-surface-structure);border-radius:var(--ocg-radius-round);background:var(--ocg-gold-300);color:var(--ocg-text-on-parchment);box-shadow:var(--ocg-shadow-raised);cursor:pointer;transition:transform var(--ocg-duration-fast) var(--ocg-ease-tactile),background-color var(--ocg-duration-fast) var(--ocg-ease-standard)}.page--profile .profile__avatar-edit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.page--profile .profile__avatar-edit:hover{background:var(--ocg-parchment-100);transform:translateY(var(--ocg-depth-hover-lift))}.page--profile .profile__username{overflow:hidden;margin:0 0 var(--ocg-space-1);color:var(--ocg-text-primary);font-family:var(--ocg-font-display);font-size:clamp(1.8rem,5vw,var(--ocg-type-display-lg-size));line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.page--profile .profile__info{min-width:0}.page--profile .profile__account-type{margin:0;color:var(--ocg-text-secondary);font-size:var(--ocg-type-body-sm-size)}.page--profile .profile-card,.page--profile .profile-identity-settings{padding:0;border:var(--ocg-stroke-hairline) solid var(--profile-rule);border-radius:var(--ocg-radius-square);background:#07160f75;box-shadow:none}.page--profile .profile-card:not(.profile-card--stats,.profile-card--setting){padding:var(--ocg-space-6)}.page--profile .profile-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ocg-space-4);margin:0;padding:var(--ocg-space-5) var(--ocg-space-6);border-bottom:var(--ocg-stroke-hairline) solid var(--profile-rule)}.page--profile .profile-card__header>div{min-width:0}.page--profile .profile-card__title{margin:0;padding:0;border:0;color:var(--ocg-text-primary);font-family:var(--ocg-font-display);font-size:var(--ocg-type-heading-md-size);line-height:var(--ocg-type-heading-md-line-height)}.page--profile h3.profile-card__title{color:var(--ocg-gold-300);font-size:var(--ocg-type-body-md-size);letter-spacing:.04em;text-transform:uppercase}.page--profile .profile-card__header .profile-card__title{display:flex;align-items:center;gap:var(--ocg-space-2)}.page--profile .profile-card__header .profile-card__title svg{width:20px;height:20px;stroke:var(--ocg-gold-300)}.page--profile .profile-card__desc{margin:var(--ocg-space-2) 0 var(--ocg-space-4);color:var(--ocg-text-secondary);font-size:var(--ocg-type-body-sm-size);line-height:var(--ocg-type-body-sm-line-height)}.page--profile .profile-card__header .profile-card__desc{margin-bottom:0}.page--profile .profile-card__subtitle{margin:var(--ocg-space-5) 0 var(--ocg-space-2);color:var(--ocg-gold-300);font-size:var(--ocg-type-label-sm-size);font-weight:var(--ocg-font-weight-semibold);letter-spacing:.09em;text-transform:uppercase}.page--profile .profile-card__link{flex:0 0 auto;padding-bottom:var(--ocg-space-1);border-bottom:var(--ocg-stroke-hairline) solid var(--ocg-border-crafted);color:var(--ocg-gold-300);font-size:var(--ocg-type-body-sm-size);font-weight:var(--ocg-font-weight-semibold);text-decoration:none}.page--profile .profile-card__link:hover{color:var(--ocg-text-primary)}.page--profile .stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;text-align:center}.page--profile .stat-item{min-width:0;padding:var(--ocg-space-6) var(--ocg-space-3);border:0;border-right:var(--ocg-stroke-hairline) solid var(--profile-rule);border-bottom:var(--ocg-stroke-hairline) solid var(--profile-rule);border-radius:var(--ocg-radius-square);background:transparent;transition:background-color var(--ocg-duration-fast) var(--ocg-ease-standard)}.page--profile .stat-item:nth-child(3n){border-right:0}.page--profile .stat-item:nth-last-child(-n+3){border-bottom:0}.page--profile .stat-item:hover{background:#153a2a6b}.page--profile .stat-item--highlight{background:linear-gradient(135deg,rgb(164 134 69 / 14%),transparent 72%),transparent}.page--profile .stat-item__value{display:block;overflow-wrap:anywhere;color:var(--ocg-text-primary);font-family:var(--ocg-font-numeric);font-size:clamp(1.3rem,4vw,1.75rem);font-variant-numeric:var(--ocg-numeric-variant);font-weight:var(--ocg-font-weight-bold);line-height:1.2}.page--profile .stat-item--highlight .stat-item__value{color:var(--ocg-gold-300)}.page--profile .stat-item__label{display:block;margin-top:var(--ocg-space-1);color:var(--ocg-text-secondary);font-size:var(--ocg-type-label-sm-size);letter-spacing:.05em;line-height:var(--ocg-type-label-sm-line-height);text-transform:uppercase}.page--profile .stats-loading{margin:0;padding:var(--ocg-space-4);border-top:var(--ocg-stroke-hairline) solid var(--profile-rule);color:var(--ocg-text-secondary);font-size:var(--ocg-type-body-sm-size);text-align:center}.page--profile .profile-section-heading{padding:var(--ocg-space-5) var(--ocg-space-6);border-bottom:var(--ocg-stroke-hairline) solid var(--profile-rule)}.page--profile .profile-section-heading__eyebrow{margin:0 0 var(--ocg-space-2);color:var(--ocg-gold-300);font-size:var(--ocg-type-label-sm-size);font-weight:var(--ocg-font-weight-semibold);letter-spacing:.13em;text-transform:uppercase}.page--profile .profile-section-heading h2{margin:0;padding:0;border:0;font-size:var(--ocg-type-heading-md-size);line-height:var(--ocg-type-heading-md-line-height)}.page--profile .profile-identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.page--profile .profile-card--setting{min-width:0;max-width:100%;padding:var(--ocg-space-6);border:0}.page--profile .profile-card--setting .profile-card__title,.page--profile .profile-card--setting .profile-card__desc{overflow-wrap:anywhere}.page--profile .profile-card--setting+.profile-card--setting{border-left:var(--ocg-stroke-hairline) solid var(--profile-rule)}.page--profile .profile-card__row{display:flex;align-items:stretch;gap:var(--ocg-space-2)}.page--profile .input{min-width:0;min-height:48px;flex:1;padding:var(--ocg-space-3) var(--ocg-space-4);border:var(--ocg-stroke-hairline) solid var(--profile-rule-strong);border-radius:var(--ocg-radius-square);background:#07160fbd;color:var(--ocg-text-primary);font-family:var(--ocg-font-interface);font-size:var(--ocg-type-body-md-size);outline:none;transition:border-color var(--ocg-duration-fast) var(--ocg-ease-standard),box-shadow var(--ocg-duration-fast) var(--ocg-ease-standard)}.page--profile .input:focus-visible{border-color:var(--ocg-focus-ring);box-shadow:0 0 0 var(--ocg-stroke-strong) #d0b87538}.page--profile .input::placeholder{color:color-mix(in srgb,var(--ocg-text-secondary) 64%,transparent)}.page--profile .country-select{height:48px;cursor:pointer}.page--profile .country-select option{background:var(--ocg-surface-parchment);color:var(--ocg-text-on-parchment)}.page--profile .profile-card__feedback{min-height:var(--ocg-type-body-sm-line-height);margin:var(--ocg-space-2) 0 0;padding-left:var(--ocg-space-3);border-left:var(--ocg-stroke-strong) solid transparent;color:var(--ocg-text-secondary);font-size:var(--ocg-type-body-sm-size)}.page--profile .profile-card__feedback[data-status=success]{border-left-color:var(--ocg-gold-500);color:var(--ocg-parchment-100)}.page--profile .profile-card__feedback[data-status=error]{border-left-color:var(--ocg-red-700);color:color-mix(in srgb,var(--ocg-red-700) 48%,var(--ocg-parchment-50))}.page--profile .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ocg-space-2);min-height:46px;padding:var(--ocg-space-3) var(--ocg-space-6);border:0;border-radius:var(--ocg-radius-square);color:var(--ocg-text-primary);cursor:pointer;font-family:var(--ocg-font-display);font-size:var(--ocg-type-label-sm-size);font-weight:var(--ocg-font-weight-bold);letter-spacing:.06em;line-height:var(--ocg-type-label-md-line-height);text-transform:uppercase;transition:transform var(--ocg-duration-fast) var(--ocg-ease-tactile),opacity var(--ocg-duration-fast) var(--ocg-ease-standard)}.page--profile .btn:hover{transform:translateY(var(--ocg-depth-hover-lift))}.page--profile .btn:active{transform:translateY(var(--ocg-depth-pressed-drop))}.page--profile .btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.page--profile .btn--primary{min-width:116px;min-height:50px;padding-inline:var(--ocg-space-8);background:url(/images/game-ui/controls/primary-button-normal-v1.webp) center / 100% 100% no-repeat;color:var(--ocg-text-on-parchment);text-shadow:0 1px rgb(246 238 223 / 28%)}.page--profile .btn--primary:hover{background-image:url(/images/game-ui/controls/primary-button-hover-v1.webp)}.page--profile .btn--primary:active{background-image:url(/images/game-ui/controls/primary-button-pressed-v1.webp)}.page--profile .btn--outline{border:var(--ocg-stroke-hairline) solid var(--profile-rule-strong);background:transparent;color:var(--ocg-text-secondary)}.page--profile .btn--outline:hover{border-color:var(--ocg-border-crafted);color:var(--ocg-text-primary)}.page--profile .btn--danger{border-color:color-mix(in srgb,var(--ocg-red-700) 72%,var(--ocg-parchment-300));color:color-mix(in srgb,var(--ocg-red-700) 44%,var(--ocg-parchment-50))}.page--profile .btn--large{min-width:min(100%,250px);min-height:54px}.page--profile .btn--small{min-height:38px;padding:var(--ocg-space-2) var(--ocg-space-4)}.page--profile .btn__icon{width:20px;height:20px;flex:0 0 auto}.page--profile .google-sign-in-button{display:inline-flex;width:min(100%,240px);min-width:0;min-height:44px;max-width:100%;align-items:center;justify-content:center;gap:10px;margin-inline:auto;padding:0 12px;overflow:hidden;border:1px solid #747775;border-radius:4px;background:#fff;box-shadow:none;color:#1f1f1f;cursor:pointer;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;text-transform:none;transition:background-color var(--ocg-duration-fast) var(--ocg-ease-standard),border-color var(--ocg-duration-fast) var(--ocg-ease-standard),box-shadow var(--ocg-duration-fast) var(--ocg-ease-standard)}.page--profile .google-sign-in-button:hover{border-color:#747775;background:#f8f9fa;box-shadow:0 1px 2px #3c40434d}.page--profile .google-sign-in-button:active{background:#f1f3f4;box-shadow:0 1px 2px #3c40432e}.page--profile .google-sign-in-button:focus-visible{outline:2px solid #1a73e8;outline-offset:3px}.page--profile .google-sign-in-button:disabled{cursor:not-allowed;opacity:.6}.page--profile .google-sign-in-button__icon{width:18px;height:18px;flex:0 0 auto}.page--profile .google-sign-in-button__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page--profile .profile-activity-list,.page--profile .tracked-rivals-list{display:grid;gap:0}.page--profile .profile-activity,.page--profile .tracked-rival{border:0;border-bottom:var(--ocg-stroke-hairline) solid var(--profile-rule);border-radius:var(--ocg-radius-square);background:transparent}.page--profile .profile-activity:last-child,.page--profile .tracked-rival:last-child{border-bottom:0}.page--profile .profile-activity{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--ocg-space-3);align-items:center;padding:var(--ocg-space-3) 0;color:var(--ocg-text-primary);text-decoration:none}.page--profile .profile-activity:hover,.page--profile .profile-activity:focus-visible{background:#153a2a6b}.page--profile .profile-activity__icon{display:grid;width:34px;height:34px;place-items:center;border-right:var(--ocg-stroke-strong) solid var(--ocg-border-crafted);border-radius:var(--ocg-radius-square);background:transparent;color:var(--ocg-gold-300);font-size:var(--ocg-type-body-sm-size);font-weight:var(--ocg-font-weight-bold)}.page--profile .profile-activity__copy{display:grid;gap:var(--ocg-space-1);min-width:0}.page--profile .profile-activity__copy strong,.page--profile .profile-activity__copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page--profile .profile-activity__copy strong{color:var(--ocg-text-primary)}.page--profile .profile-activity__copy small{color:var(--ocg-text-secondary)}.page--profile .tracked-rival{display:flex;align-items:center;justify-content:space-between;gap:var(--ocg-space-4);padding:var(--ocg-space-3) 0}.page--profile .tracked-rival__player{display:flex;align-items:center;gap:var(--ocg-space-3);min-width:0;color:var(--ocg-text-primary);text-decoration:none}.page--profile .tracked-rival__player img{width:44px;height:44px;border:var(--ocg-stroke-hairline) solid var(--ocg-border-crafted);border-radius:var(--ocg-radius-round);object-fit:cover}.page--profile .tracked-rival__player strong,.page--profile .tracked-rival__player small{display:block}.page--profile .tracked-rival__player strong{color:var(--ocg-text-primary)}.page--profile .tracked-rival__player small{color:var(--ocg-text-secondary)}.page--profile .tracked-rival__remove{flex:0 0 auto;min-height:34px;padding:0 var(--ocg-space-3);border:0;border-bottom:var(--ocg-stroke-strong) solid var(--ocg-border-crafted);border-radius:var(--ocg-radius-square);background:transparent;color:var(--ocg-gold-300);cursor:pointer;font:inherit;font-size:var(--ocg-type-label-sm-size);font-weight:var(--ocg-font-weight-semibold)}.page--profile .avatar-picker{overflow:hidden}.page--profile .avatar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:var(--ocg-space-4);margin-top:var(--ocg-space-5)}.page--profile .avatar-option{width:68px;height:68px;overflow:hidden;padding:0;border:var(--ocg-stroke-strong) solid transparent;border-radius:var(--ocg-radius-round);background:var(--ocg-surface-world);cursor:pointer;transition:border-color var(--ocg-duration-fast) var(--ocg-ease-standard),transform var(--ocg-duration-fast) var(--ocg-ease-tactile)}.page--profile .avatar-option img{display:block;width:100%;height:100%;border-radius:var(--ocg-radius-round);object-fit:cover;transform:scale(1.4)}.page--profile .avatar-option:hover{border-color:var(--ocg-gold-500);transform:translateY(var(--ocg-depth-hover-lift))}.page--profile .avatar-option.selected{border-color:var(--ocg-focus-ring);box-shadow:0 0 0 var(--ocg-stroke-strong) #d0b8753d}.page--profile .account-status{display:grid;gap:0}.page--profile .account-status__row{display:flex;align-items:center;justify-content:space-between;gap:var(--ocg-space-4);padding:var(--ocg-space-3) 0;border-bottom:var(--ocg-stroke-hairline) solid var(--profile-rule)}.page--profile .account-status__row:last-child{border-bottom:0}.page--profile .account-status__label{color:var(--ocg-text-secondary);font-size:var(--ocg-type-body-sm-size)}.page--profile .account-status__value{display:flex;align-items:center;gap:var(--ocg-space-2);overflow-wrap:anywhere;color:var(--ocg-text-primary);font-weight:var(--ocg-font-weight-semibold)}.page--profile .account-status__badge{display:inline-flex;align-items:center;gap:var(--ocg-space-1);padding:0 0 var(--ocg-space-1);border:0;border-bottom:var(--ocg-stroke-strong) solid var(--ocg-border-crafted);border-radius:var(--ocg-radius-square);background:transparent;color:var(--ocg-parchment-100);font-size:var(--ocg-type-body-sm-size);font-weight:var(--ocg-font-weight-semibold)}.page--profile .account-status__badge--warning{border-bottom-color:var(--ocg-red-700);color:color-mix(in srgb,var(--ocg-red-700) 38%,var(--ocg-parchment-50))}.page--profile .profile__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ocg-space-3);padding-top:var(--ocg-space-2)}.page--profile .auth-prompt{max-width:760px;margin-inline:auto;padding:clamp(var(--ocg-space-8),6vw,var(--ocg-space-12));text-align:center}.page--profile .auth-prompt__logo{width:min(320px,84%);height:auto;margin:0 auto var(--ocg-space-6);filter:drop-shadow(0 4px 7px rgb(0 0 0 / 42%))}.page--profile .auth-prompt__eyebrow{margin:0 0 var(--ocg-space-2);color:var(--ocg-gold-300);font-size:var(--ocg-type-label-sm-size);font-weight:var(--ocg-font-weight-semibold);letter-spacing:.13em;text-transform:uppercase}.page--profile .auth-prompt h1{margin:0;color:var(--ocg-text-primary);font-family:var(--ocg-font-display);font-size:clamp(1.9rem,5vw,var(--ocg-type-display-lg-size));line-height:1.15;text-align:center}.page--profile .auth-prompt>p:not(.auth-prompt__eyebrow){max-width:560px;margin:var(--ocg-space-3) auto var(--ocg-space-6);color:var(--ocg-text-secondary)}.page--profile .auth-prompt__benefits{display:grid;max-width:520px;margin:0 auto var(--ocg-space-6);padding:0;border-top:var(--ocg-stroke-hairline) solid var(--profile-rule);color:var(--ocg-parchment-100);list-style:none;text-align:left}.page--profile .auth-prompt__benefits li{position:relative;padding:var(--ocg-space-3) var(--ocg-space-3) var(--ocg-space-3) var(--ocg-space-6);border-bottom:var(--ocg-stroke-hairline) solid var(--profile-rule)}.page--profile .auth-prompt__benefits li:before{content:"♦";position:absolute;top:var(--ocg-space-3);left:var(--ocg-space-2);color:var(--ocg-suit-red)}.page--profile [hidden]{display:none!important}@media(max-width:720px){.page--profile .page__content{width:min(100% - (var(--ocg-space-4) * 2),920px);padding-top:var(--ocg-space-8)}.page--profile .profile{gap:var(--ocg-space-5)}.page--profile .profile-identity-grid{grid-template-columns:1fr}.page--profile .profile-card--setting+.profile-card--setting{border-top:var(--ocg-stroke-hairline) solid var(--profile-rule);border-left:0}}@media(max-width:540px){.page--profile .profile__header{min-height:0;padding:var(--ocg-space-6)}.page--profile .profile__avatar-wrap,.page--profile .profile__avatar-clip{width:82px;height:82px}.page--profile .profile__username{font-size:clamp(1.45rem,7.5vw,1.9rem)}.page--profile .profile-card__header,.page--profile .profile-card__row{align-items:stretch;flex-direction:column}.page--profile .profile-card__link{align-self:flex-start}.page--profile .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page--profile .stat-item:nth-child(3n){border-right:var(--ocg-stroke-hairline) solid var(--profile-rule)}.page--profile .stat-item:nth-child(2n){border-right:0}.page--profile .stat-item:nth-last-child(-n+3){border-bottom:var(--ocg-stroke-hairline) solid var(--profile-rule)}.page--profile .stat-item:nth-last-child(-n+2){border-bottom:0}.page--profile .btn--primary{width:100%}.page--profile .account-status__row{align-items:flex-start;flex-direction:column;gap:var(--ocg-space-1)}}@media(max-width:460px){.page--profile .profile__header{align-items:center;flex-direction:column;text-align:center}.page--profile .profile__username{white-space:normal}}@media(max-width:340px){.page--profile .stats-grid{grid-template-columns:1fr}.page--profile .stat-item,.page--profile .stat-item:nth-child(3n),.page--profile .stat-item:nth-child(2n),.page--profile .stat-item:nth-last-child(-n+2){border-right:0;border-bottom:var(--ocg-stroke-hairline) solid var(--profile-rule)}.page--profile .stat-item:last-child{border-bottom:0}}@media(prefers-reduced-motion:reduce){.page--profile *,.page--profile *:before,.page--profile *:after{scroll-behavior:auto!important;transition-duration:var(--ocg-duration-instant)!important}}
