/* iOS zooms small focused text controls. Keep readable sizing without disabling pinch zoom. */
@media (max-width:680px),(pointer:coarse){
 #app input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),#app textarea,#app select,dialog input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),dialog textarea,dialog select{font-size:16px!important;line-height:1.5;min-width:0;max-width:100%;box-sizing:border-box;scroll-margin-block:24px}
 #app :is(.brands-search,.brand-search,.games-search,.search-box,.search-wrap){min-width:0;max-width:100%;box-sizing:border-box;transform:none!important}
 #app :is(.brands-search,.brand-search,.games-search,.search-box,.search-wrap) input{flex:1;min-width:0;width:100%}
 #app :is(.brands-search,.brand-search,.games-search,.search-box,.search-wrap) svg{flex-shrink:0}
 #app :is(input,textarea):focus,dialog :is(input,textarea):focus{transform:none!important}
}

/* Reading surfaces follow the active theme. Artwork and process effects keep their own palettes. */
:root[data-theme='day']{--muted:#6b5d7a;--text-soft:#5e506d}
body #app .content:has(>.home-member-bar){--reading-ink:var(--skin-ink,var(--ink));--reading-soft:var(--skin-soft,var(--text-soft));--reading-muted:var(--skin-muted,var(--muted));--reading-surface:var(--skin-surface,var(--surface));--reading-line:var(--skin-line,var(--line));--reading-accent:var(--skin-accent,var(--gold-ink));--calm-line:var(--reading-line);color:var(--reading-ink)}
body[data-worn-medal] #app .content:has(>.home-member-bar){background:color-mix(in srgb,var(--skin-field) 96%,transparent);border-radius:24px;margin:14px 14px 24px;padding:22px}
body #app .content:has(>.home-member-bar) :is(.home-member-copy strong,.home-points strong,.home-collection-heading h2,.verification-home-entry,.wardrobe-strip-copy small,.wardrobe-strip-copy strong,.mystery-entry,.member-statistics,.member-statistics-grid strong,.bond-entry>button,.social-entries>button,.royal-medal-peek,.royal-mini-medal,.rank-panel,.rank-heading h2,.rank-top-label b,.home-recent-details){color:var(--reading-ink)}
body #app .content:has(>.home-member-bar) :is(.home-member-copy small,.home-points>span,.home-collection-heading small,.verification-home-entry small,.wardrobe-strip-copy strong,.mystery-entry small,.member-statistics header small,.member-statistics-grid span,.member-statistics footer,.bond-entry small,.social-entries small,.royal-medal-peek .subtext,.royal-mini-medal small,.rank-top-label,.rank-note,.rank-empty p){color:var(--reading-soft);opacity:1}
body #app .content:has(>.home-member-bar) :is(.verification-home-entry small,.member-statistics footer,.wardrobe-reset,.home-collection-heading small){font-size:12px}
body #app .content:has(>.home-member-bar) :is(.member-statistics-grid span,.bond-entry small,.social-entries small,.royal-medal-peek .subtext){font-size:13px;line-height:1.65}
body #app .content:has(>.home-member-bar) :is(.wardrobe-strip,.mystery-entry,.daily-entry,.rank-panel,.royal-medal-peek,.royal-mini-medal){background:none;box-shadow:none}
body #app .content:has(>.home-member-bar) :is(.home-personal-tools,.rank-tabs){background:var(--reading-surface)}
body #app .content:has(>.home-member-bar) .home-personal-tools{padding-inline:14px}
body #app .content:has(>.home-member-bar) .daily-entry :is(h2,h2 span){color:var(--reading-ink)}
body #app .content:has(>.home-member-bar) .daily-entry :is(p,.daily-eyebrow){color:var(--reading-soft)}
body #app .content:has(>.home-member-bar) :is(.rank-tabs button,.rank-eyebrow,.royal-mini-medal .text-btn){color:var(--reading-ink)}
body #app .content:has(>.home-member-bar) .rank-tabs small{opacity:1;font-size:12px}
body #app .content:has(>.home-member-bar) .rank-tabs .active{background:var(--button-bg);color:var(--button-ink);border-color:transparent}
body #app .content:has(>.home-member-bar) .rank-panel:before{display:none}
/* White privilege cards must keep dark lettering even inside a gold or blue skin. */
body #app .content:has(>.home-member-bar) .royal-privilege-panel{--ink:#33243f;--muted:#6d5879;--text-soft:#5e486c;--gold-ink:#704187;background:#fff;color:#33243f}
body #app .content:has(>.home-member-bar) .royal-privilege-panel :is(.royal-perk,strong,h2){color:#33243f}
body #app .content:has(>.home-member-bar) .royal-privilege-panel :is(small,.subtext,.royal-perk-link,.royal-eyebrow){color:#6d487c;opacity:1;font-size:12px;line-height:1.65}
body #app .content:has(>.home-member-bar) .royal-privilege-panel .royal-perk strong{font-size:15px;font-weight:600}
body #app .content:has(>.home-member-bar) .royal-privilege-panel .royal-perk-icon{background:#f0e7f5;color:#704187}
.verification-fields :is(input,select,textarea),.verification-search input,.verification-reason textarea{background:var(--field);color:var(--ink)}
.verification-flow{color:var(--text-soft)}
.fx-dialog .subtext{color:var(--text-soft);font-size:13px;line-height:1.75}
@media(max-width:680px){body[data-worn-medal] #app .content:has(>.home-member-bar){margin:8px 8px 20px;padding:20px 16px;border-radius:20px}}

body #app .content:has(>.home-member-bar) :is(.friend-compact-entry,.friend-entry-copy strong,.friend-entry-cta,.mystery-entry b){color:var(--reading-ink)}
body #app .content:has(>.home-member-bar) .friend-entry-note{color:var(--reading-soft)}
body #app .content:has(>.home-member-bar) .friend-entry-emblem{background:var(--reading-surface);color:var(--reading-ink)}