/* A quiet archival environment. Saturation belongs to the collectible edges. */
:root{--world-ink:var(--green);--rarity-common:#8996a6;--rarity-uncommon:#4caa70;--rarity-rare:#508edb;--rarity-epic:#a177dc;--rarity-legendary:#dab145;--rarity-mythic:#de6876}
.app-main{position:relative;isolation:isolate}.app-main:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-color:var(--world-ink);opacity:.055;mask-image:var(--world-pattern);mask-size:240px 240px}.page-heading .eyebrow{letter-spacing:.15em}.ww-hero{border-top:2px solid color-mix(in srgb,var(--world-ink) 32%,transparent);background:color-mix(in srgb,var(--card) 95%,var(--world-ink));padding:22px;border-radius:14px}
html[data-design="none"]{--world-pattern:none}html[data-design="none"] .app-main:before{display:none}
.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.design-choice{display:grid;gap:8px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink)}.design-choice[aria-pressed="true"]{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.design-swatch{height:72px;position:relative;border-radius:6px;background:var(--paper);overflow:hidden}.design-swatch:after{content:"";position:absolute;inset:0;background:var(--green);mask-image:var(--sample-pattern);mask-size:130px;opacity:.25}
.ww-avatar{display:inline-block!important;position:relative;isolation:isolate;width:100%;height:100%;vertical-align:middle;overflow:visible!important;outline:0!important;box-shadow:none!important;background:none!important;border:0!important;border-radius:0!important;padding:0!important}.ww-avatar-crop{position:absolute;inset:12%;display:block;border-radius:50%;overflow:hidden;background:var(--paper)}.ww-avatar-crop>img,.ww-avatar-crop>svg{width:100%!important;height:100%!important;max-width:none!important;display:block;object-fit:cover}.ww-avatar-frame{position:absolute;inset:0;display:block;pointer-events:none;color:var(--frame-ink)}.ww-avatar-frame>svg{width:100%;height:100%;overflow:visible}.ww-avatar-badge{position:absolute;bottom:3%;right:2%;width:24%;height:24%;display:grid;place-items:center;border-radius:50%;background:var(--card);color:var(--gold)}.ww-avatar-badge>svg{width:90%;height:90%;stroke-width:5}
:is(.profile-avatar,.global-avatar,.settings-profile-avatar,.ww-avatar-button,.rc-avatar-preview):has(.ww-avatar){padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important}.ww-avatar-button{width:60px!important;height:60px!important;flex:none}.ww-avatar-button>.ww-avatar{width:100%!important;height:100%!important}.ww-profile .ww-avatar-button{width:94px!important;height:94px!important}.set-creator-avatar{width:36px!important;height:36px!important}.rc-equipped-badge{display:none!important}
.ww-profile{gap:20px;min-width:0}.ww-profile-header{display:flex;align-items:center;gap:20px;min-width:0;padding:8px 0 20px;border-bottom:3px solid var(--profile-accent,var(--line))}.ww-profile-header>div{min-width:0}.ww-profile-header h3{font:700 clamp(22px,4vw,30px) var(--sans);overflow-wrap:anywhere}.ww-profile-header small{display:block;margin-top:7px;color:var(--muted);line-height:1.6}.ww-profile-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.ww-profile-stats>div{padding:18px;background:color-mix(in srgb,var(--card) 96%,var(--profile-accent,var(--green)));border-top:2px solid var(--profile-accent,var(--line))}.ww-profile-stats strong{display:block;font-size:22px;margin-bottom:5px}.ww-profile-achievements{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ww-profile-achievements .ww-series-step{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;padding:9px 12px;line-height:1.5}.ww-profile [data-profile-status]:empty{display:none}.ww-profile .functional-actions{margin:0}.rc-dialog{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px)}.rc-dialog-body{min-width:0;overflow-wrap:anywhere}.rc-dialog header{gap:16px}
[data-profile-accent="forest"]{--profile-accent:#6a9f78}[data-profile-accent="archive"]{--profile-accent:#c7a767}[data-profile-accent="tide"]{--profile-accent:#76adc4}[data-profile-accent="aurora"]{--profile-accent:#b599cc}.profile-identity{border-top:3px solid var(--profile-accent,var(--line))}.ww-gradient-name{background-image:var(--name-gradient);background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
.ww-rarity-card{--rarity:var(--rarity-common);border:2px solid var(--rarity)!important;padding:16px!important;border-radius:14px;background:var(--card);min-width:0;display:flex;flex-direction:column;gap:10px}.ww-rarity-card[data-rarity="uncommon"]{--rarity:var(--rarity-uncommon)}.ww-rarity-card[data-rarity="rare"]{--rarity:var(--rarity-rare)}.ww-rarity-card[data-rarity="epic"]{--rarity:var(--rarity-epic)}.ww-rarity-card[data-rarity="legendary"]{--rarity:var(--rarity-legendary)}.ww-rarity-card[data-rarity="mythic"]{--rarity:var(--rarity-mythic)}.ww-rarity-card h2,.ww-rarity-card h3,.ww-rarity-card p{margin:0}.ww-rarity-card .functional-actions{margin-top:auto}.ww-item-stage{min-height:180px;display:grid;place-items:center;align-content:center;gap:10px;position:relative;border-radius:9px;background:color-mix(in srgb,var(--rarity,var(--green)) 11%,var(--paper));overflow:hidden;padding:20px}.ww-item-stage .ww-art-avatar{display:block;width:120px;height:120px}.ww-item-stage .ww-sticker{width:108px;height:108px}.ww-rarity-label{text-transform:uppercase;font-size:11px;font-weight:750;letter-spacing:.1em;color:var(--ink)}.ww-art-name{font-size:21px;font-weight:750;overflow-wrap:anywhere;text-align:center}.ww-art-title{font:italic 24px var(--serif);color:var(--ink)}.ww-item-stage>small{color:var(--muted)}.ww-sticker{display:inline-block;width:100px;height:100px;max-width:100%;color:var(--green);background:color-mix(in srgb,var(--green) 12%,var(--card));border-radius:18px;padding:8px}.ww-sticker svg{width:100%;height:100%;stroke-width:3}.ww-sticker[data-sticker-art="sticker-seal"]{color:var(--gold)}.ww-sticker[data-sticker-art="sticker-streak"]{color:var(--warm)}.ww-sticker[data-sticker-art="sticker-season-0"]{color:var(--gold)}.ww-sticker-picker{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1}.ww-sticker-picker button{padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.ww-sticker-picker .ww-sticker{width:60px;height:60px}.ww-compose [data-sticker-toggle]{align-self:end}.ww-compose{grid-template-columns:minmax(0,1fr) auto auto}.ww-quantity{display:flex;align-items:center;gap:8px}.ww-quantity input{width:72px;min-height:42px;text-align:center;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px}.ww-shop-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 14px}.ww-shop-heading h2{margin:0}.ww-context{font-size:11px;display:flex;flex-wrap:wrap;gap:10px;color:var(--muted)}.ww-live-wpm{font:600 12px var(--sans);color:var(--muted);margin:10px 0}.ww-auth-steps{display:flex;gap:12px;list-style:none;padding:0;margin:18px 0;color:var(--muted);font-size:12px}.ww-auth-steps [aria-current="step"]{color:var(--green);font-weight:750}.auth-bootstrap{flex-direction:column;gap:18px}.auth-bootstrap [data-auth-retry]{padding:12px 18px}.auth-bootstrap p{max-width:320px;text-align:center;line-height:1.6}.auth-bootstrap .brand-mark{width:60px;height:60px;font-size:30px}
#page-settings{max-width:1320px}#page-settings .setting-row{padding:18px 20px;gap:20px}#page-settings .setting-row>div:first-child{min-width:0;flex:1}#page-settings .setting-control{flex:0 1 210px;min-width:0}.ww-audio-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ww-audio-group{padding:18px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--paper) 65%,var(--card));min-width:0}.ww-audio-group:first-child{grid-column:1/-1}.ww-audio-group>h3{margin:0 0 14px;font:600 23px var(--serif)}.ww-audio-group .setting-row{padding:15px!important}.ww-audio-group .functional-actions{gap:8px}.ww-audio-group .settings-list{gap:9px}.ww-audio-group .audio-cues{padding:14px}.ww-audio-group .range-control{max-width:180px}.ww-audio-group .settings-list>.functional-actions{flex-wrap:wrap}.settings-save-bar{gap:14px}
:is(button,.button,.nav-link,.settings-category,.ww-item-stage,[data-atlas-node],.atlas-graph){user-select:none}input,textarea,.ww-message,.definition,.help-content{user-select:text}.ww-rarity-card:is([data-rarity="rare"],[data-rarity="epic"],[data-rarity="legendary"],[data-rarity="mythic"]):hover .ww-art-avatar{transform:scale(1.035);transition:transform .3s ease}.premium-loop{animation:archival-glow 8s ease-in-out infinite}@keyframes archival-glow{0%,100%{filter:drop-shadow(0 0 1px transparent)}50%{filter:drop-shadow(0 0 3px var(--frame-ink));opacity:.85}}
@media(max-width:1050px){.ww-audio-groups{grid-template-columns:1fr}.ww-audio-group:first-child{grid-column:auto}}@media(max-width:600px){.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ww-profile-header{gap:12px}.ww-profile .ww-avatar-button{width:78px!important;height:78px!important}.ww-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ww-compose{grid-template-columns:minmax(0,1fr) auto}.ww-compose textarea{grid-column:1/-1}.ww-audio-group{padding:12px}#page-settings .setting-control{width:100%;flex-basis:100%}.ww-item-stage{min-height:160px}}
@media(prefers-reduced-motion:reduce){.premium-loop{animation:none}.ww-art-avatar{transition:none!important;transform:none!important}}@media(forced-colors:active){.ww-gradient-name{background:none;color:CanvasText!important;-webkit-text-fill-color:CanvasText}.ww-rarity-card{border-color:CanvasText!important}.app-main:before{display:none}}

@media(min-width:1200px){.ww-audio-group:first-child .settings-list,.ww-audio-group:last-child .settings-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ww-audio-group:first-child .settings-list>.functional-actions{grid-column:1/-1}.ww-audio-group:last-child{grid-column:1/-1}}
html[data-theme="high-contrast"] .app-main:before{display:none}.ww-item-stage>svg{width:105px;height:105px;stroke:var(--green);stroke-width:3}.ww-profile-achievements{align-items:flex-start}.ww-reward-art{display:flex;flex-wrap:wrap;gap:12px}.ww-reward-art .ww-sticker{width:80px;height:80px}

.ww-reward-art .ww-item-stage{min-height:100px;padding:12px}.ww-reward-art .ww-art-avatar{width:76px;height:76px}.ww-season-cosmetics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:14px 0}.ww-season-cosmetics .ww-item-stage{min-height:120px}.ww-season-cosmetics .ww-art-avatar{width:84px;height:84px}

html[data-registration-pending="true"] #page-profile .profile-card,html[data-registration-pending="true"] #avatar-button{display:none}html[data-registration-pending="true"] #page-profile .profile-grid{grid-template-columns:minmax(0,560px);justify-content:center}
#auth-confirm-fields [data-auth-change-email]{margin-top:8px}#auth-code-fields .functional-actions{gap:10px}

.ww-audio-group .setting-row:has(.range-control),.ww-audio-group .setting-row:has(.setting-control){flex-direction:column;align-items:stretch;gap:12px}.ww-audio-group .setting-row>div:first-child{min-width:0}.ww-audio-group .range-control,.ww-audio-group .setting-control,.ww-audio-group .custom-select{width:100%;max-width:none;min-width:0}.ww-audio-group .setting-control{flex-basis:auto}.ww-audio-group .select-trigger{width:100%;min-width:0}
#page-settings .ww-audio-group .setting-row{display:flex!important}#page-settings .ww-audio-group .setting-row>div:first-child{flex:0 1 auto}#page-settings .ww-audio-group .setting-control{flex:0 1 auto}
/* Clear account stages and visible availability for external sign-in options. */
#auth-verified-email{font:600 .78rem/1.5 var(--sans);overflow-wrap:anywhere;border-left:3px solid var(--green);padding:9px 12px;background:color-mix(in srgb,var(--green) 7%,var(--card));border-radius:8px}
#auth-message:not(:empty){font-size:.78rem!important;line-height:1.6;padding:11px 13px;border:1px solid color-mix(in srgb,var(--green) 20%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--green) 5%,var(--card));color:var(--ink);overflow-wrap:anywhere}
#auth-message.error:not(:empty){color:var(--ink);background:color-mix(in srgb,var(--error) 7%,var(--card));border-color:color-mix(in srgb,var(--error) 40%,var(--line))}
.auth-delivery-help{margin:16px 0;font:.76rem/1.6 var(--sans);padding:10px 12px;border:1px dashed var(--line);border-radius:10px;background:var(--card)}.auth-delivery-help summary{cursor:pointer;color:var(--green);font-weight:650}.auth-delivery-help p{margin:9px 0 0;color:var(--muted)}
.final-oauth .button>span{margin:0;font:.76rem/1.4 var(--sans);text-align:left}.final-oauth [data-provider-note]{display:block;margin-top:3px;font-size:.66rem;font-weight:500;color:var(--muted)}.final-oauth [data-unavailable=true]{opacity:.72;cursor:not-allowed}.provider-availability{font:.75rem/1.6 var(--sans);color:var(--muted)}