.profile-page{width:min(100% - (var(--space-8) * 2), var(--width-content));padding-block:var(--space-10) var(--space-16);gap:var(--space-12);margin-inline:auto;display:grid}.profile-page section{border:1px solid var(--border-subtle);background:var(--surface-hud);clip-path:polygon(0 0, calc(100% - var(--cut-corner)) 0, 100% var(--cut-corner), 100% 100%, var(--cut-corner) 100%, 0 calc(100% - var(--cut-corner)));position:relative;overflow:hidden}.profile-page section:after{content:"";background:var(--gradient-brand);height:2px;box-shadow:0 0 18px var(--accent-primary);position:absolute;inset:0 12% auto}.profile-page section>header{gap:var(--space-2);padding:var(--space-6);border-bottom:1px solid var(--border-subtle);display:grid}.profile-page section>header h2{font-size:var(--text-2xl);text-transform:uppercase}.profile-page section>header p{max-width:46rem;color:var(--text-secondary)}.profile-hero{align-items:center;gap:var(--space-8);min-height:25rem;padding:var(--space-12);grid-template-columns:auto minmax(0,1fr) auto;display:grid;background:linear-gradient(90deg, color-mix(in srgb, var(--surface-hud) 96%, transparent), color-mix(in srgb, var(--surface-hud) 72%, transparent) 58%, var(--surface-accent-soft)), url(/images/worlds/orbital-city.webp) center 38% / cover!important}.profile-hero:has(.profile-editor[data-open=true]){clip-path:none;overflow:visible}.profile-signal{inset:var(--space-4) var(--space-6) auto;color:var(--accent-secondary);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.12em;justify-content:space-between;display:flex;position:absolute}.profile-avatar{aspect-ratio:1;border:1px solid var(--accent-secondary);background:var(--surface-screen);width:9rem;color:var(--accent-secondary);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);box-shadow:0 0 30px var(--surface-cyan-soft);clip-path:polygon(0 0,calc(100% - 1.25rem) 0,100% 1.25rem,100% 100%,1.25rem 100%,0 calc(100% - 1.25rem));place-items:center;display:grid;overflow:hidden}.profile-avatar-image{background-position:50%;background-size:cover;width:100%;height:100%}.profile-identity{justify-items:start;gap:var(--space-2);display:grid}.profile-identity h1{text-transform:uppercase;font-size:clamp(2.5rem,7vw,5rem)}.profile-handle,.profile-identity small{color:var(--text-muted);font-family:var(--font-mono)}.profile-title{padding:var(--space-1) var(--space-3);border:1px solid var(--accent-primary);background:var(--surface-accent-soft);color:var(--accent-primary);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.profile-bio{max-width:42rem;color:var(--text-secondary)}.profile-featured{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.profile-featured>a{min-width:11rem;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-screen) 72%, transparent);color:var(--text-primary);gap:1px;text-decoration:none;display:grid}.profile-featured>a:hover{border-color:var(--accent-secondary);background:var(--surface-cyan-soft)}.profile-featured span{color:var(--accent-secondary);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase}.profile-featured strong{max-width:14rem;font-family:var(--font-display);font-size:var(--text-sm);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.profile-social{gap:var(--space-4);margin-top:var(--space-2);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;flex-wrap:wrap;display:flex}.profile-social strong{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-base)}.profile-social a{align-items:center;gap:var(--space-1);color:inherit;text-decoration:none;display:inline-flex}.profile-social a:hover,.profile-social a:hover strong{color:var(--accent-secondary)}.profile-social-wrap{justify-items:start;gap:var(--space-2);margin-top:var(--space-2);display:grid}.profile-social-wrap .profile-social{margin-top:0}.profile-editor{position:relative}.profile-edit-trigger{min-height:2.5rem;padding-inline:var(--space-4)}.profile-editor>form{z-index:12;top:calc(100% + var(--space-3));width:min(32rem, calc(100vw - (var(--space-6) * 2)));gap:var(--space-5);padding:var(--space-6);border:1px solid var(--accent-secondary);background:color-mix(in srgb, var(--surface-screen) 97%, transparent);box-shadow:0 1.5rem 5rem var(--surface-screen), 0 0 30px var(--surface-cyan-soft);clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,1rem 100%,0 calc(100% - 1rem));display:grid;position:absolute;left:0}.profile-editor form header{gap:var(--space-2);display:grid}.profile-editor form header>span,.profile-editor label>span,.profile-editor legend{color:var(--accent-secondary);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase}.profile-editor form header h2{font-size:var(--text-xl);text-transform:uppercase}.profile-editor form header p,.profile-editor label small{color:var(--text-muted)}.profile-editor form>label{gap:var(--space-2);display:grid}.profile-featured-controls{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.profile-featured-controls>label{gap:var(--space-2);min-width:0;display:grid}.profile-featured-controls label>span{color:var(--accent-secondary);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase}.profile-featured-controls small{color:var(--text-muted)}.profile-editor select:disabled{opacity:.55;cursor:not-allowed}.profile-editor input:not([type]),.profile-editor textarea,.profile-editor select{border:1px solid var(--border-strong);background:var(--surface-hud);width:100%;color:var(--text-primary);font:inherit;padding:var(--space-3);resize:vertical;border-radius:0}.profile-editor input:focus,.profile-editor textarea:focus,.profile-editor select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--surface-cyan-soft)}.profile-editor fieldset{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-subtle);margin:0;display:grid}.profile-editor legend{padding-inline:var(--space-2)}.profile-privacy-toggle{align-items:center;gap:var(--space-3);cursor:pointer;grid-template-columns:auto minmax(0,1fr);display:grid}.profile-privacy-toggle>input{opacity:0;pointer-events:none;position:absolute}.profile-privacy-toggle>span{border:1px solid var(--border-strong);background:var(--surface-hud);width:2.4rem;height:1.25rem;padding:2px;display:block}.profile-privacy-toggle>span i{background:var(--text-muted);width:.9rem;height:.9rem;transition:translate var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);display:block}.profile-privacy-toggle>input:checked+span{border-color:var(--accent-secondary);box-shadow:0 0 10px var(--surface-cyan-soft)}.profile-privacy-toggle>input:checked+span i{background:var(--accent-secondary);translate:1.05rem}.profile-privacy-toggle>input:focus-visible+span{outline:2px solid var(--accent-primary);outline-offset:2px}.profile-privacy-toggle strong{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.profile-data-export{justify-items:start;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border-subtle);background:var(--surface-hud);display:grid}.profile-data-export>span{color:var(--accent-victory);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em}.profile-data-export>strong{font-family:var(--font-display);text-transform:uppercase}.profile-data-export>p{color:var(--text-muted);font-size:var(--text-sm);line-height:1.5}.profile-data-export>a{min-height:2.5rem;margin-top:var(--space-2);padding-inline:var(--space-4)}.profile-danger-zone{border:1px solid color-mix(in srgb, var(--accent-danger) 48%, var(--border-subtle));background:color-mix(in srgb, var(--accent-danger) 5%, var(--surface-hud))}.profile-danger-zone summary{padding:var(--space-4);color:var(--accent-danger);font-family:var(--font-display);text-transform:uppercase;cursor:pointer}.profile-danger-zone>div{gap:var(--space-4);padding:0 var(--space-4) var(--space-4);border-top:1px solid color-mix(in srgb, var(--accent-danger) 30%, transparent);display:grid}.profile-danger-zone p{padding-top:var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.55}.profile-danger-zone label{gap:var(--space-2);display:grid}.profile-danger-zone label>span{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-2xs)}.profile-danger-zone .profile-delete-button{min-height:2.75rem;padding:var(--space-2) var(--space-4);border:1px solid var(--accent-danger);background:color-mix(in srgb, var(--accent-danger) 12%, transparent);color:var(--accent-danger);font-family:var(--font-mono);font-weight:var(--weight-bold);text-transform:uppercase;cursor:pointer;justify-self:start}.profile-danger-zone .profile-delete-button:disabled{opacity:.35;cursor:not-allowed}.profile-danger-zone .profile-delete-button:not(:disabled):hover{background:var(--accent-danger);color:var(--surface-screen);box-shadow:0 0 18px color-mix(in srgb, var(--accent-danger) 35%, transparent)}.profile-danger-zone small{color:var(--accent-danger)}.profile-editor-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.profile-editor-actions>span{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-2xs)}.profile-follow-button{min-width:9rem;padding:var(--space-2) var(--space-4);border:1px solid var(--accent-secondary);background:var(--surface-cyan-soft);color:var(--accent-secondary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em;text-align:center;text-transform:uppercase;cursor:pointer}.profile-follow-button:hover{background:var(--accent-secondary);color:var(--surface-screen);box-shadow:0 0 18px var(--surface-cyan-soft)}.profile-follow-button[data-following=true]{border-color:var(--accent-victory);background:color-mix(in srgb, var(--accent-victory) 12%, transparent);color:var(--accent-victory)}.profile-follow-button:disabled{cursor:wait;opacity:.62}.profile-follow-error{min-height:1em;color:var(--accent-danger);font-family:var(--font-mono);font-size:var(--text-2xs)}.profile-level-core{aspect-ratio:1;align-content:center;place-items:center;gap:var(--space-1);border:1px solid var(--accent-victory);background:color-mix(in srgb, var(--surface-hud) 88%, transparent);width:10rem;box-shadow:0 0 30px color-mix(in srgb, var(--accent-victory) 18%, transparent);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:grid}.profile-level-core span,.profile-level-core small{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);text-transform:uppercase}.profile-level-core strong{color:var(--accent-victory);font-family:var(--font-display);text-shadow:0 0 16px var(--accent-victory);font-size:3.5rem;line-height:1}.profile-xp{gap:var(--space-2);grid-column:1/-1;display:grid}.profile-xp>div:first-child{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;justify-content:space-between;display:flex}.profile-xp>div:first-child strong{color:var(--accent-secondary)}.profile-xp-track{border:1px solid var(--border-strong);background:var(--surface-screen);height:10px;overflow:hidden}.profile-xp-track i{background:var(--gradient-brand);height:100%;box-shadow:0 0 20px var(--accent-primary);display:block}.profile-stats{grid-template-columns:repeat(4,1fr);display:grid}.profile-stat{align-content:center;gap:var(--space-1);min-height:11rem;padding:var(--space-6);border-right:1px solid var(--border-subtle);background:linear-gradient(145deg, var(--surface-cyan-soft), transparent 60%);display:grid;position:relative}.profile-stat:last-child{border-right:0}.profile-stat span{color:var(--accent-secondary);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.12em}.profile-stat strong{font-family:var(--font-display);font-size:var(--text-3xl)}.profile-stat small{color:var(--text-muted);text-transform:uppercase}.profile-favorite-grid{grid-template-columns:repeat(3,1fr);display:grid}.profile-favorite-grid>a{border-right:1px solid var(--border-subtle);min-height:11rem;color:var(--text-primary);align-items:end;display:grid;position:relative;overflow:hidden}.profile-favorite-grid>a:nth-child(3n){border-right:0}.profile-favorite-art{filter:saturate(.8)brightness(.55);transition:transform var(--duration-medium) var(--ease-standard), filter var(--duration-medium) var(--ease-standard);background-position:50%;background-size:cover;position:absolute;inset:0}.profile-favorite-grid>a:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--surface-screen) 92%, transparent), color-mix(in srgb, var(--surface-screen) 30%, transparent));position:absolute;inset:0}.profile-favorite-grid>a>span:last-child{z-index:1;justify-items:start;gap:var(--space-1);padding:var(--space-5);display:grid;position:relative}.profile-favorite-grid small{color:var(--accent-secondary);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase}.profile-favorite-grid strong{font-family:var(--font-display);font-size:var(--text-lg);text-transform:uppercase}.profile-favorite-grid em{color:var(--text-secondary);font-size:var(--text-xs);font-style:normal}.profile-favorite-grid>a:hover .profile-favorite-art{filter:saturate()brightness(.72);transform:scale(1.04)}.profile-activity-list{grid-template-columns:repeat(2,1fr);display:grid}.profile-activity-item{align-items:center;gap:var(--space-4);min-height:7.5rem;padding:var(--space-4);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);background:linear-gradient(90deg, var(--surface-cyan-soft), transparent 42%);grid-template-columns:5rem minmax(0,1fr) auto;display:grid}.profile-activity-item:nth-child(2n){border-right:0}.profile-activity-item:hover{background:linear-gradient(90deg, color-mix(in srgb, var(--accent-secondary) 14%, transparent), var(--surface-accent-soft))}.profile-activity-art{aspect-ratio:1;border:1px solid var(--border-strong);background:var(--surface-screen) center / cover;width:5rem;color:var(--accent-victory);font-size:var(--text-2xl);box-shadow:inset 0 0 1.5rem color-mix(in srgb, var(--accent-primary) 10%, transparent);clip-path:polygon(0 0,calc(100% - .65rem) 0,100% .65rem,100% 100%,.65rem 100%,0 calc(100% - .65rem));place-items:center;display:grid}.profile-activity-art[data-kind=achievement_unlocked]{border-color:var(--accent-victory);background:color-mix(in srgb, var(--accent-victory) 9%, var(--surface-screen));text-shadow:0 0 14px var(--accent-victory)}.profile-activity-copy{gap:var(--space-1);min-width:0;display:grid}.profile-activity-copy small{color:var(--accent-secondary);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase}.profile-activity-copy strong{font-family:var(--font-display);font-size:var(--text-lg);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.profile-activity-copy em,.profile-activity-item time{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);font-style:normal}.profile-activity-item time{padding-top:var(--space-1);text-transform:uppercase;align-self:start}.achievement-grid{grid-template-columns:repeat(5,1fr);display:grid}.achievement-card{align-content:start;gap:var(--space-3);min-height:15rem;padding:var(--space-5);border-right:1px solid var(--border-subtle);opacity:.48;display:grid}.achievement-card:last-child{border-right:0}.achievement-card[data-unlocked=true]{opacity:1;background:linear-gradient(160deg, var(--surface-cyan-soft), var(--surface-accent-soft))}.achievement-card i{color:var(--text-muted);font-size:var(--text-2xl);font-style:normal}.achievement-card[data-unlocked=true] i{color:var(--accent-victory);text-shadow:0 0 16px var(--accent-victory)}.achievement-code,.achievement-card small{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase}.achievement-card strong{font-family:var(--font-display);font-size:var(--text-lg);text-transform:uppercase}.achievement-card p{color:var(--text-secondary);font-size:var(--text-sm)}.achievement-card small{margin-top:auto}.taste-grid{grid-template-columns:repeat(3,1fr);display:grid}.taste-grid article{min-height:13rem;padding:var(--space-6);border-right:1px solid var(--border-subtle)}.taste-grid article:last-child{border-right:0}.taste-grid article>span{margin-bottom:var(--space-5);color:var(--accent-secondary);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;display:block}.taste-grid article div{justify-content:space-between;gap:var(--space-3);padding-block:var(--space-2);border-bottom:1px solid var(--border-subtle);display:flex}.taste-grid article small{color:var(--accent-primary);font-family:var(--font-mono)}.taste-empty{padding:var(--space-8);color:var(--text-secondary)}.profile-actions{gap:var(--space-3);padding:var(--space-6);flex-wrap:wrap;display:flex}.profile-actions .button{min-width:12rem}.profile-standalone-actions{border:1px solid var(--border-subtle);background:var(--surface-hud);justify-content:center}.profile-gate{place-items:center;min-height:70dvh}.profile-gate-card{justify-items:center;gap:var(--space-4);width:min(100%,42rem);padding:var(--space-12);text-align:center;display:grid}.profile-gate-card h1{font-size:var(--text-3xl);text-transform:uppercase}.profile-gate-card>p{max-width:34rem;color:var(--text-secondary)}.profile-gate-mark{aspect-ratio:1;border:1px solid var(--accent-secondary);width:5rem;color:var(--accent-secondary);font-family:var(--font-display);font-size:var(--text-xl);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);place-items:center;display:grid}@media (max-width:900px){.profile-hero{padding:var(--space-10) var(--space-6) var(--space-6);grid-template-columns:auto 1fr}.profile-level-core{grid-column:1/-1;justify-self:center}.profile-stats,.achievement-grid,.profile-favorite-grid{grid-template-columns:repeat(2,1fr)}.profile-activity-list{grid-template-columns:1fr}.profile-activity-item,.profile-activity-item:nth-child(2n){border-right:0}.profile-favorite-grid>a:nth-child(3n){border-right:1px solid var(--border-subtle)}.profile-favorite-grid>a:nth-child(2n){border-right:0}.achievement-card{border-bottom:1px solid var(--border-subtle)}.taste-grid{grid-template-columns:1fr}.taste-grid article{border-right:0;border-bottom:1px solid var(--border-subtle)}}@media (max-width:560px){.profile-page{width:calc(100% - (var(--space-4) * 2));padding-top:var(--space-6);gap:var(--space-8)}.profile-hero{text-align:center;grid-template-columns:1fr;justify-items:center}.profile-signal{display:none}.profile-avatar{width:7rem}.profile-identity{justify-items:center}.profile-featured{justify-content:center}.profile-featured-controls{grid-template-columns:1fr}.profile-social-wrap{justify-items:center}.profile-editor>form{inset:auto var(--space-3) var(--space-3);width:auto;max-height:calc(100dvh - (var(--space-6) * 2));text-align:left;position:fixed;overflow-y:auto}.profile-identity h1{font-size:var(--text-3xl)}.profile-stats,.achievement-grid,.profile-favorite-grid{grid-template-columns:1fr}.profile-favorite-grid>a{border-right:0;border-bottom:1px solid var(--border-subtle)}.profile-activity-item{grid-template-columns:4rem minmax(0,1fr)}.profile-activity-art{width:4rem}.profile-activity-item time{grid-column:2}.profile-stat,.achievement-card{border-right:0;border-bottom:1px solid var(--border-subtle)}.profile-actions{grid-template-columns:1fr;width:100%;display:grid}}@media (prefers-reduced-motion:reduce){.profile-xp-track i,.profile-favorite-art{transition:none}}