/* Preserve each approved master: no cropping, extra title block or outer panel. */
:root body #app .sf-home-services{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);align-items:center;gap:30px;width:100%;max-width:1120px;margin:10px auto 28px;grid-column:1/-1;min-width:0}
:root body #app .sf-home-card-feature{min-width:0;padding:12px 0}
:root body #app .sf-home-card-feature .bc-home-showcase{width:100%;margin:0}
:root body #app .sf-home-card-feature .bc-home-caption{margin-top:12px}
:root body #app .sf-home-card-feature .bc-home-caption small{display:none}
:root body #app .sf-home-card-feature .bc-home-caption strong{font-size:13px;margin:0;letter-spacing:.08em}
:root body #app .sf-home-card-feature .bc-home-caption button{font-size:11px;min-height:44px}
:root body #app .sf-home-business-list{display:grid;gap:14px;min-width:0}
:root body #app .sf-home-service{display:block;position:relative;width:100%;min-width:0;margin:0;padding:0;aspect-ratio:3/1;border:0;border-radius:16px;background:transparent;box-shadow:none;overflow:hidden;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:filter .2s,transform .2s}
:root body #app .sf-home-service img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}
:root body #app .sf-home-service-enter{position:absolute;right:14px;bottom:11px;display:inline-flex;align-items:center;gap:7px;color:#f3e5c2;font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.08em;white-space:nowrap;pointer-events:none;text-shadow:0 1px 5px #000,0 0 12px #000b}
:root body #app .sf-home-service-enter svg{display:block;width:18px;height:18px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
:root body #app .sf-home-service:active{transform:scale(.99);filter:brightness(.92)}
:root body #app .sf-home-service:focus-visible{outline:1px solid var(--skin-accent,#c9b078);outline-offset:4px}
@media(hover:hover){:root body #app .sf-home-service:hover{filter:brightness(1.07)}}
.sf-service-detail>img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;border-radius:14px}
.sf-service-detail .sf-service-intro{font-size:16px;line-height:1.8;margin:24px 0 18px;color:var(--skin-ink,#e7dcc4)}
.sf-service-topics{display:flex;gap:10px;flex-wrap:wrap}.sf-service-topics span{font-size:12px;line-height:1.7;color:var(--skin-accent,#c9b078);padding:8px 12px;border-bottom:1px solid #b9a37126}
.sf-service-detail .sf-service-pending{font-size:12px;line-height:1.8;margin:24px 0 4px;color:var(--skin-muted,#9c927f)}
@media(max-width:1100px){:root body #app .sf-home-services{grid-template-columns:minmax(0,1fr);max-width:680px;gap:12px;margin-top:0}:root body #app .sf-home-card-feature{padding:0}:root body #app .sf-home-business-list{gap:14px}}
@media(max-width:480px){:root body #app .sf-home-services{gap:8px;margin-bottom:24px}:root body #app .sf-home-service{border-radius:13px}:root body #app .sf-home-business-list{gap:12px}:root body #app .sf-home-card-feature .bc-home-caption{margin-top:7px}:root body #app .sf-home-card-feature .bc-home-caption strong{font-size:12px}:root body #app .sf-home-card-feature .bc-home-caption button{font-size:11px}}
@media(prefers-reduced-motion:reduce){:root body #app .sf-home-service{transition:none}}

:root body #app .sf-home-wallet-terms{position:absolute;left:4.5%;bottom:9%;display:flex;align-items:center;gap:7px;padding:3px 7px 3px 0;background:linear-gradient(90deg,#172e24 80%,transparent);color:#f1e4bf;line-height:1.5;white-space:nowrap;pointer-events:none}
:root body #app .sf-home-wallet-terms strong{font-size:clamp(10px,1.1vw,13px);font-weight:600}
:root body #app .sf-home-wallet-terms>span{font-size:clamp(9px,.9vw,11px);color:#dce4d8;font-weight:400}
@media(max-width:360px){:root body #app .sf-home-wallet-terms{gap:5px;bottom:8%}:root body #app .sf-home-service[data-id=wallet] .sf-home-service-enter{right:10px;bottom:8px;font-size:10px;gap:4px}:root body #app .sf-home-service[data-id=wallet] .sf-home-service-enter svg{width:14px;height:14px}}

/* Global Black Gold palette. Only interface colour/material changes live here;
   artwork, media, component geometry and motion preferences remain independent. */
/* Configurable home surfaces follow the current theme / worn medal. */
:root body #app .content .home-layout-module .royal-privilege-panel{--ink:var(--skin-ink);--muted:var(--skin-muted);--text-soft:var(--skin-soft);--gold-ink:var(--skin-accent);background:var(--skin-panel);color:var(--skin-ink)}
:root body #app .content .home-layout-module .royal-privilege-panel .royal-perk{background:var(--skin-panel)!important;border-color:var(--skin-line)!important;color:var(--skin-ink)}
:root body #app .content .home-layout-module .royal-privilege-panel :is(strong,h2){color:var(--skin-ink)}
:root body #app .content .home-layout-module .royal-privilege-panel :is(small,.subtext,.royal-perk-link,.royal-eyebrow){color:var(--skin-soft)}
:root body #app .content .home-layout-module .royal-privilege-panel .royal-perk-icon{background:transparent;color:var(--skin-accent)}
:root:not([data-theme='day']){
 color-scheme:dark;
 --paper:#090909;--card:#171613;--ink:#f1eade;--muted:#b6ad9d;--text-soft:#d0c5b1;
 --line:#c8ae7826;--gold:#c8ad79;--gold-ink:#dac49d;--gold-light:#302a20;--gold-bg:#242019;
 --teal:#9dccae;--teal-light:#1e3025;--danger:#efa18d;
 --surface:#211e19;--surface-hover:#2c271f;--panel-top:#1c1915;--nav-bg:#0d0c0a;
 --field:#100f0d;--ticket-bg:#211c14;--ticket-border:#d7b7773d;--top-bg:#0c0b09ed;
 --modal-bg:#171613;--button-bg:#342b1e;--button-ink:#e8d6b1;--background-glow:#a98b4b0d;
 --shadow:0 12px 36px #0002;--bg-hero:linear-gradient(120deg,#13120ff5,#262219ed 64%,#3a3021ee);
 --hero-ink:#f5e5c6;--hero-soft:#cdbb99;--gilding:linear-gradient(115deg,#e8d7b4,#c8ad79 62%,#ddc497);
 --focus-ring:#e1c78c;--sheet-line:#d7b77721;--sheet-soft:#bfb39e;
}
:root[data-theme='day']{
 color-scheme:light;
 --paper:#f6f2e9;--card:#fffdf7;--ink:#332a1c;--muted:#78694f;--text-soft:#66583f;
 --line:#80663827;--gold:#906b30;--gold-ink:#7e5a20;--gold-light:#f0e4ca;--gold-bg:#f0e5cc;
 --teal:#336e4c;--teal-light:#e5eee3;--danger:#aa4437;
 --surface:#eee6d8;--surface-hover:#e4d8c2;--panel-top:#fffaf0;--nav-bg:#19150e;
 --field:#fcf8ee;--ticket-bg:#f4ebd8;--ticket-border:#96733e40;--top-bg:#f6f2e9ed;
 --modal-bg:#fffdf7;--button-bg:#60451e;--button-ink:#fff5dd;--background-glow:#d7b77725;
 --shadow:0 14px 40px #6c522111;--bg-hero:linear-gradient(120deg,#201b12f5,#4b3b25ef 64%,#796037eb);
 --hero-ink:#fff0ce;--hero-soft:#e4cfaa;--gilding:linear-gradient(115deg,#fbebc8,#cfab70 62%,#f0d69f);
 --focus-ring:#89652d;--sheet-line:#8066382c;--sheet-soft:#77684e;
}
:root body:not([data-worn-medal]){
 /* Skin-aware components inherit the global finish; their real medal artwork is untouched. */
 --skin-ink:var(--ink);--skin-muted:var(--muted);--skin-accent:var(--gold-ink);--skin-soft:var(--text-soft);
 --skin-line:var(--line);--skin-panel:var(--card);--skin-surface:var(--surface);--skin-hover:var(--surface-hover);
 --skin-glass:var(--top-bg);--skin-button:var(--button-bg);--skin-button-ink:var(--button-ink);--skin-field:var(--field);
 --skin-glow:var(--background-glow);--skin-deep:var(--nav-bg);--skin-hero:var(--bg-hero);
 --skin-highlight:var(--hero-ink);--skin-hero-soft:var(--hero-soft);--skin-gilding:var(--gilding);
 background:radial-gradient(ellipse at 84% 0%,var(--background-glow),transparent 56%),var(--paper);color:var(--ink);
}
:root::selection{background:#b794514d;color:var(--ink)}
:root :is(input,select,textarea){accent-color:var(--gold)}
:root :is(button,a,input,select,textarea,summary):focus-visible{outline-color:var(--focus-ring)}
:root :is(input,select,textarea):focus{outline-color:var(--focus-ring)}
:root #app :is(input,select,textarea){background-color:var(--field);color:var(--ink);border-color:var(--line)}
:root #app :is(input,textarea)::placeholder{color:var(--muted);opacity:.85}

/* Shared shell and staff workspace. Semantic success/error colours stay distinct. */
:root body #app :is(.sidebar,.prototype-bar){background:var(--nav-bg);border-color:var(--line);color:var(--text-soft)}
:root body #app .topbar{background:var(--top-bg);border-color:var(--line);color:var(--text-soft)}
:root body #app :is(.brand-name,.mobile-brand,.breadcrumbs strong){color:var(--ink)}
:root body #app :is(.brand-en,.nav-caption,.side-note,.proto-extra,.breadcrumbs,.footer){color:var(--muted)}
:root body #app .sidebar :is(.brand-name,.brand-en,.nav-caption,.side-note){color:#cbbb9d}
:root body #app .nav button{color:#c4b69c}
:root body #app .nav button.active{background:linear-gradient(90deg,#d7b77724,#d7b77706);color:#f0d69e;border-color:#d7b77728}
:root body #app .nav button.active:before{background:#d7b777}
:root body #app .nav button:hover{background:#d7b77716}
:root body #app :is(.mode-toggle,.display-layout-picker,.display-layout-options,.layout-menu){background:var(--surface);border-color:var(--line)}
:root body #app :is(.mode-toggle button,.visual-toggle,.tg-window-toggle,.layout-menu-trigger,.layout-menu-close,.header-member){color:var(--text-soft);border-color:var(--line)}
:root body #app :is(.mode-toggle button.active,.display-layout-options button.selected){background:var(--gold-bg);color:var(--gold-ink);border-color:var(--line)}
:root body #app :is(.status-dot,.nav-active-dot){background:#d7b777;box-shadow:0 0 9px #d7b77735}
:root body #app .avatar{background:var(--surface);color:var(--gold-ink)}
:root body #app :is(.panel,.point-card,.stat,.reward-card,.merchant-card,.brand-service-card){background:var(--card);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow)}
:root body #app :is(.panel-head,.table-wrap,th,td,.order-row,.member-row,.staff-row){border-color:var(--line)}
:root body #app :is(th,.table-wrap thead,.table-head){background:var(--surface);color:var(--text-soft)}
:root body #app :is(.filter-tabs,.segmented,.search-box,.filter-bar){background:var(--surface);border-color:var(--line)}
:root body #app :is(.filter-tabs button.active,.segmented button.active){background:var(--gold-bg);color:var(--gold-ink)}
:root body #app .btn{background:var(--surface);border-color:var(--line);color:var(--text-soft)}
:root body #app .btn:hover{background:var(--surface-hover);box-shadow:0 5px 20px #0002}
:root body #app :is(.btn.primary,.btn.gold-btn){background:var(--button-bg);border-color:var(--line);color:var(--button-ink)}
:root body #app :is(.btn.primary,.btn.gold-btn):hover{background:var(--surface-hover);box-shadow:none}
:root body #app .btn.danger{color:var(--danger)}
:root body #app .btn.soft{background:var(--teal-light);color:var(--teal)}
:root body #app .icon-btn{background:var(--surface);border-color:var(--line);color:var(--text-soft)}
:root body #app :is(.progress-track>span,.chart-col .bar){background:linear-gradient(90deg,#9a773d,#e1c389);box-shadow:0 0 12px #c4a25a30}
:root body #app :is(.rule-banner,.auth-demo-note,.notice,.info-banner){background:var(--gold-bg);border-color:var(--line);color:var(--text-soft)}
:root body #app .tag{background:var(--surface);border-color:var(--line);color:var(--text-soft)}
:root body #app .tag.gold-tag{background:var(--gold-bg);color:var(--gold-ink)}
:root body #app .tag.green-tag{background:var(--teal-light);color:var(--teal)}
:root body #app .tag.red-tag{background:#823f3028;color:var(--danger)}

/* The dock keeps its exact shape and icon motion, with champagne metal. */
:root body #app .bottom-nav{
 --dock-accent:var(--gold-ink);--dock-soft:var(--muted);--dock-pair:#ae8c53;
 --dock-surface:var(--top-bg);--dock-deep:var(--nav-bg);--dock-line:var(--line);
 background:var(--dock-surface);border-color:var(--dock-line);
}
:root body[data-mode] #app .bottom-nav{--nav-face:var(--surface);--nav-base:var(--nav-bg);--nav-text:var(--ink);--nav-highlight:var(--gold-ink);--nav-shadow:#0003}
:root body[data-mode] #app .bottom-nav .nav-label{color:var(--muted)}
:root body[data-mode] #app .bottom-nav button.active .nav-label{color:var(--gold-ink)}
:root body #app :is(.display-layout-heading,.display-layout-options button){color:var(--ink)}
:root body #app :is(.display-layout-heading small,.display-layout-note,.display-layout-options small){color:var(--muted)}
:root body #app .display-layout-options button{background:var(--field);border-color:var(--line)}
:root body #app .sound-toggle{background:var(--surface);color:var(--text-soft);border-color:var(--line)}
:root body #app .sound-toggle[aria-pressed=true]{color:var(--gold-ink);background:var(--gold-bg);border-color:var(--line)}
:root body #app .ecosystem-link{background:linear-gradient(135deg,#514128,#2d2518 47%,#15130f);border-color:#d7b77770;box-shadow:inset 0 1px #f2dfb578,inset 0 -2px #100c07aa,0 4px 0 #18120b,0 6px 0 #a882484a,0 10px 22px #0006,0 0 24px #d7b77715}
:root body #app .ecosystem-link:before{background:radial-gradient(ellipse at 12% 0%,#edcf8b35,transparent 65%),linear-gradient(100deg,transparent 20%,#f1dda926 48%,transparent 72%)}
:root body #app .ecosystem-link:after{background:linear-gradient(90deg,transparent,#e4c78c40,transparent)}
:root body #app .ecosystem-copy strong{background-image:linear-gradient(105deg,#d6bb84,#fff0ce 28%,#d7b777 44%,#fff5d8 51%,#d7b777 59%,#f0dba9 76%,#d6bb84);text-shadow:0 0 9px #d7b7772b}
:root body #app .ecosystem-copy :is(small,small b){color:#dfc799}

/* Member home, community, games and brand portal surfaces. */
:root body #app :is(.royal-card,.passport,.plaza-hero,.games-hero,.brands-hero){background:var(--bg-hero);color:var(--hero-ink);border-color:#d7b77748;box-shadow:0 18px 55px #0003,inset 0 1px #fff2}
:root body #app :is(.royal-card,.passport):before{border-color:#e4c78c2b}
:root body #app .royal-card:after{background:radial-gradient(circle at var(--shine-x,80%) var(--shine-y,15%),#f2dca92b,transparent 52%)}
:root body #app .royal-card-glow{background:radial-gradient(circle,#d7b7773a,transparent 67%)}
:root body #app :is(.royal-card h2,.royal-card h2 span,.plaza-hero h1,.games-hero h1,.brands-hero h1){color:var(--hero-ink)}
:root body #app :is(.royal-card-copy p,.royal-eyebrow,.royal-tier,.plaza-hero p,.games-hero p,.brands-hero p){color:var(--hero-soft)}
:root body #app .royal-tier{border-color:#d7b77740;background:#d7b7770d}
:root body #app .royal-card-button{background:var(--button-bg);border-color:var(--line);color:var(--button-ink);box-shadow:none}
:root body #app :is(.royal-card-bottom,.royal-card-foot,.passport-foot){background:#100d0780;border-color:#d7b77726;color:#dcc9a5}
:root body #app :is(.royal-shortcuts,.royal-mini-medal,.royal-medal-peek,.member-statistics,.rank-panel,.rank-podium,.friend-compact-entry,.mystery-entry,.daily-entry,.wardrobe-strip,.home-personal-tools,.plaza-post,.game-card,.brand-card,.sea-master-panel,.sea-admin-card,.sea-message-card,.bond-mini,.friendship-card){border-color:var(--line);color:var(--ink)}
:root body #app :is(.plaza-post,.game-card,.brand-card,.sea-admin-card,.sea-message-card,.friendship-card){background:var(--card)}
:root body #app :is(.plaza-home-entry,.bond-entry,.social-entries>button,.friend-compact-entry,.verification-home-entry,.redemption-gate){background:linear-gradient(115deg,var(--gold-bg),var(--card));border-color:var(--line);color:var(--ink)}
:root body #app :is(.plaza-home-entry>span,.friend-entry-emblem,.royal-perk-icon,.redemption-gate-emblem){background:var(--surface);color:var(--gold-ink);border-color:var(--line)}
:root body #app .royal-privilege-panel{--ink:#f4eedf;--muted:#b3a995;--text-soft:#d2c7b3;--gold-ink:#e5c994;background:var(--card);color:var(--ink)}
:root body #app .royal-privilege-panel :is(.royal-perk,strong,h2){color:var(--ink)}
:root body #app .royal-privilege-panel .royal-perk{background:var(--card);border-color:var(--line)}
:root body #app .royal-privilege-panel :is(small,.subtext,.royal-perk-link,.royal-eyebrow){color:var(--text-soft)}
:root[data-theme='day'] body #app .royal-privilege-panel{--ink:#332a1c;--muted:#78694f;--text-soft:#66583f;--gold-ink:#7e5a20}
:root body #app .plaza-page{--plaza-card:var(--card);--plaza-line:var(--line);--plaza-accent:var(--gold-ink);--plaza-soft:var(--muted);--plaza-text:var(--ink)}
:root body #app :is(.plaza-tabs,.plaza-topic-tabs,.rank-tabs,.sea-tabs,.sea-admin-tabs,.brand-filter){border-color:var(--line);color:var(--text-soft)}
:root body #app :is(.plaza-tabs,.plaza-topic-tabs,.rank-tabs,.sea-tabs,.sea-admin-tabs) :is(.active,.selected){background:var(--gold-bg);color:var(--gold-ink);border-color:var(--gold)}
:root body #app :is(.plaza-tabs b,.plaza-topic,.brand-filter .active,.brand-enter,.friend-entry-cta){color:var(--gold-ink)}
:root body #app .brand-enter{background:var(--surface);border-color:var(--line);--brand-cta-core:#90703b;--brand-cta-light:#f0d8a7}
:root body #app .brand-card-placeholder{background:linear-gradient(135deg,#342b1e,#14120e);color:#e0c28c}
:root body #app .home-personal-tools{background:var(--surface)}
:root body #app :is(.home-wallet-entry,.home-wallet-entry strong){color:var(--hero-soft)}
:root body #app .daily-entry-button{background:var(--skin-button,var(--button-bg));color:var(--skin-button-ink,var(--button-ink));border-color:var(--skin-line,var(--line));box-shadow:none}
:root body #app .daily-entry-button:hover{background:var(--skin-hover,var(--surface-hover));border-color:var(--skin-line,var(--line))}
:root body #app .verification-notice{background:var(--gold-bg);color:var(--text-soft);border-color:var(--line)}
:root body #app .verification-notice b{background:var(--button-bg);color:var(--button-ink)}
:root body #app :is(.wardrobe-change,.wardrobe-change span,.wardrobe-reset){color:var(--gold-ink);background:var(--surface);border-color:var(--line)}
:root body .wardrobe-default-card{background:linear-gradient(120deg,var(--gold-bg),var(--card));color:var(--ink);border-color:var(--line)}
:root body .wardrobe-default-card>span:last-child{color:var(--gold-ink)}
:root body .wardrobe-default-card small{color:var(--text-soft)}
:root body .wardrobe-default-swatch{background:radial-gradient(ellipse,#92713a,#241d12 72%);color:#f0d69e;border-color:#d7b77755}
:root body #app .friend-compact-entry .friend-edge{filter:drop-shadow(0 0 3px #d7b77766)}
:root body #app .friendship-home .friend-edge rect{stroke:#d7b777}
:root body #app .friendship-home .friend-edge rect+rect{stroke:#f5e3bb}
:root body #app .selected .layout-choice-dot{background:#f0d69e;box-shadow:0 0 7px #d7b77766}

/* Dialogs retain their own layout. Reading surfaces are opaque in both themes. */
:root body :is(#modal,dialog.fx-dialog,dialog.fx-creator,dialog.fx-compose-dialog,dialog.fx-policy-dialog){background:var(--modal-bg);color:var(--ink);border-color:var(--line);box-shadow:0 22px 80px #0007}
:root body :is(#modal,dialog.fx-dialog,dialog.fx-creator,dialog.fx-compose-dialog,dialog.fx-policy-dialog)::backdrop{background:#080704c9}
:root body :is(#modal,dialog.fx-dialog,dialog.fx-creator,dialog.fx-compose-dialog) :is(.modal-head,.modal-actions,.modal-header,header,footer){border-color:var(--line)}
:root body :is(#modal,dialog.fx-dialog,dialog.fx-creator,dialog.fx-compose-dialog) :is(input,textarea,select){background-color:var(--field);color:var(--ink);border-color:var(--line);accent-color:var(--gold)}
:root body :is(#modal,dialog.fx-dialog,dialog.fx-creator,dialog.fx-compose-dialog) .btn{background:var(--surface);color:var(--text-soft);border-color:var(--line)}
:root body :is(#modal,dialog.fx-dialog,dialog.fx-creator,dialog.fx-compose-dialog) .btn.primary{background:var(--button-bg);color:var(--button-ink);border-color:var(--line)}
:root body :is(#modal,dialog.fx-dialog,dialog.fx-creator,dialog.fx-compose-dialog) .btn.danger{color:var(--danger)}
:root body :is(.modal-close,.fx-action-close){color:var(--text-soft);border-color:var(--line);background:var(--surface)}
:root body .fx-policy-dialog :is(header,footer){background:var(--modal-bg);border-color:var(--line)}
:root body .fx-policy-dialog :is(h2,h3){color:var(--ink)}
:root body .fx-policy-dialog :is(.fx-policy-copy,header p,header small,footer label,.fx-policy-copy small){color:var(--text-soft)}
:root body .fx-policy-dialog button{background:var(--surface);color:var(--ink);border-color:var(--line)}
:root body .fx-policy-dialog [data-policy-accept]{background:var(--button-bg);color:var(--button-ink);border-color:var(--gold)}
:root body .fx-policy-dialog .fx-policy-error{color:var(--danger)}
:root body #toast{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:0 10px 32px #0005}
:root body :is(.daily-claim-button,.star-ignite-main,.royal-dialog-cta,.crown-share-primary){background:var(--button-bg);border-color:var(--line);color:var(--button-ink)}
:root body :is(.daily-levels .current,.daily-reward strong,.daily-eyebrow){color:var(--gold-ink);border-color:var(--line)}

/* Video overlay icons and red like / gold favourite states are intentionally
   excluded. Only opaque menus, composer and playback chrome adopt the finish. */
:root body .fx-root{background:#090909}
:root body .fx-clip{background:radial-gradient(ellipse at 50% 30%,#2e271b,#090909 70%)}
:root body .fx-head nav .selected{border-bottom-color:#e0c18a}
:root body .fx-head :is(.fx-sound,.fx-policy-entry button){background:#15120ee6;border-color:#d7b77770;color:#fff}
:root body .fx-publish{background:var(--button-bg);color:var(--button-ink);border-color:var(--line)}
:root body :is(.fx-head-actions,.fx-head) .btn:not(.fx-publish){background:#17140fe0;color:#f4eedf;border-color:#d7b77745}
:root body .fx-utility input{accent-color:#dfc38c}
:root body .fx-utility input::-webkit-slider-thumb{background:#f4e6c8}
:root body .fx-utility input::-moz-range-thumb{background:#f4e6c8}
:root body .fx-action-sheet{background:#10100e;color:#f4eedf;border-color:#d7b77721}
:root body .fx-action-sheet :is(header,.fx-speed-title,.fx-share-invitation){color:#bfb39e}
:root body .fx-action-sheet :is(.fx-action-group,.fx-sheet-cancel){background:#211e18;color:#f4eedf}
:root body .fx-action-sheet .fx-action-group>button{border-color:#d7b77716;color:#f4eedf}
:root body .fx-action-sheet .fx-action-group>button:disabled{color:#9b917e}
:root body .fx-action-sheet :is(.fx-speed-options .selected,[aria-pressed=true]){color:#e4c78c}
:root body .fx-action-sheet .fx-share-card{background:linear-gradient(125deg,#30281b,#181612);border-color:#d7b7772b}
:root body .fx-action-sheet :is(.fx-share-copy small,.fx-share-copy p,.fx-share-actions small){color:#bfb39e}
:root body .fx-action-sheet .fx-share-cover{background:linear-gradient(135deg,#65502d,#211b12);border-color:#d7b7772b}
:root body .fx-action-sheet .fx-share-channel-copy{background:#493c26;color:#f5dfb5}
:root body .fx-action-sheet .fx-share-link{background:#191712;color:#e7d4ae;border-color:#d7b77738}
:root body .fx-action-sheet .fx-native-card-link{color:#e7c78e}
:root body .fx-creator-cover{background:linear-gradient(145deg,#332a1c,#181612)}
:root body .fx-creator-avatar{background:var(--surface);color:var(--gold-ink)}
:root body .fx-creator-actions .btn.primary{background:var(--button-bg);color:var(--button-ink)}
:root body .fx-upload-zone svg{color:var(--gold-ink)}
:root body .fx-compose-shortcuts button{background:var(--surface);color:var(--text-soft)}
:root:not([data-theme='day']) body dialog.fx-comment-sheet{color-scheme:dark;background:#171512;color:#f4eedf}
:root:not([data-theme='day']) body .fx-comment-sheet :is(header,.fx-comment-composer,.fx-comment-input,.fx-comment-replying){background:#171512;color:#f4eedf;border-color:#d7b77726}
:root:not([data-theme='day']) body .fx-comment-sheet :is(.fx-comment-head,.fx-comment-footer){background:#171512;border-color:#d7b77726}
:root:not([data-theme='day']) body .fx-comment-sheet .fx-comment-head h2{color:#f4eedf}
:root:not([data-theme='day']) body .fx-comment-sheet .fx-comment-head button{background:#2a251b;color:#e7d4ae}
:root:not([data-theme='day']) body .fx-comment-sheet :is(input,textarea){background:#211e18;color:#f4eedf;border-color:#d7b77726}
:root:not([data-theme='day']) body .fx-comment-sheet :is(.fx-comment-count,.fx-comment-content,.fx-comment-row p,.fx-comment-row strong){color:#e9dec9}
:root:not([data-theme='day']) body .fx-comment-sheet :is(.fx-comment-row small,.fx-comment-more,.fx-comment-to){color:#bfb39e}
:root:not([data-theme='day']) body .fx-comment-sheet :is(.fx-comment-author,.fx-comment-head small,.fx-comment-meta,.fx-comment-meta button,.fx-comment-bottom,.fx-comment-empty){color:#bfb39e}
:root:not([data-theme='day']) body .fx-comment-sheet .fx-comment-form button{background:#d7b777;color:#251c0e}
:root:not([data-theme='day']) body .fx-comment-sheet .fx-comment-replying button{color:#e4c78c}

/* Welcome card shares the palette without recolouring either brand artwork. */
:root body .tg-entry-page:before{background:radial-gradient(ellipse at 17% 22%,#9d752221,transparent 48%),radial-gradient(ellipse at 90% 64%,#d7b7770c,transparent 46%),#090909}
:root body .tg-entry-card{background:radial-gradient(ellipse at 85% -7%,#d7b77717,transparent 51%),linear-gradient(140deg,#211d16f5,#15130ff7 62%,#0e0d0bf8);border-color:#d7b77730;box-shadow:0 30px 90px #0006,inset 0 1px #f4e4bd18,inset 0 -1px #8f6a240f;color:#f4eedf}
:root body .tg-entry-card:before{background:radial-gradient(ellipse at 78% 3%,#e4c78c10,transparent 60%)}
:root body .tg-entry-card:after{border-color:#d7b77717;box-shadow:0 0 0 24px #d7b77704,0 0 0 55px #d7b77703}
:root body .tg-entry-card .tg-provider-icon{background:radial-gradient(circle at 28% 20%,#f4dfb122,transparent 65%),linear-gradient(145deg,#463621,#211b12);border-color:#d7b77745;box-shadow:0 16px 34px #0004,inset 0 1px #f5e4bd30}
:root body .tg-entry-card :is(.tg-kicker,.tg-entry-tagline){color:#cdbb98}
:root body .tg-entry-card h1{color:#f7edda}
:root body .tg-entry-card :is(.tg-entry-invitation,.tg-entry-benefits,.tg-login-message){color:#bfb39e}
:root body .tg-entry-card .tg-entry-benefits>span+span:before{background:#d7b77755}
:root body .tg-entry-card .tg-login-button{background:linear-gradient(110deg,#f4e4be,#d7b777 62%,#c4a05d);color:#2a2113;border-color:#f0d69e6b;box-shadow:0 8px 28px #c4a05d22,inset 0 1px #fff8dd7d}
:root body .tg-entry-card .tg-login-button:not(:disabled):hover{background:linear-gradient(110deg,#f8eccc,#e4c78c 62%,#d0b06f);box-shadow:0 10px 30px #c4a05d2b,inset 0 1px #fff8dd8c}
:root body .tg-entry-card .tg-login-button:focus-visible{outline-color:#e4c78c;box-shadow:0 0 0 5px #d7b7771c}
:root body .tg-entry-card .tg-entry-sound{color:#ccb992;background:#d7b77708;border-color:#d7b77725}
:root body .tg-entry-card .tg-entry-sound[aria-pressed=true]{color:#f0d69e;background:#d7b77715;border-color:#d7b7774d}
:root body .tg-entry-card .tg-mini-button{background:#d7b7770b;border-color:#d7b77730;color:#d8c39a}
:root body .tg-entry-page .tg-login-footer{color:#a99b80}
:root body .tg-entry-page .tg-login-footer>span{color:#b7a78b}
:root body .tg-entry-benefits{border-color:#d7b77723}
:root body .tg-entry-benefits span+span{border-color:#d7b7772e}
:root body .tg-entry-ornament:before{background:radial-gradient(ellipse,#d7b7770c,transparent 67%)}
:root body .tg-entry-ornament i:first-child{border-color:#d7b7771c;box-shadow:0 0 0 18px #d7b77703}
:root body .tg-entry-ornament i:nth-child(2){background:#f3dfb6;box-shadow:0 0 14px #d7b77735}
:root body .tg-entry-ornament i:nth-child(3){background:linear-gradient(90deg,transparent,#d7b77740,transparent)}

/* Restrained common decorative light; actual medals, gifts and player avatars
   keep their authored colours and every original animation stays available. */
:root body .activity-wave{border-color:#e4c78c85}
:root body .button-gleam{background:linear-gradient(110deg,transparent,#f4dfb11f,transparent)}
:root body .spectacle-bloom{background:radial-gradient(circle,#d7b77738,transparent 65%)}
:root body .spectacle-orbit{border-color:#e4c78c55}
:root body .spectacle-mote{color:#f0d69e;text-shadow:0 0 12px #d7b77766}
:root body :is(.wardrobe-scene,.medal-atmosphere){--w-accent:#d7b777;--w-companion:#e4c78c}
:root body .medal-atmosphere{background:radial-gradient(ellipse at 65% 22%,#a17a2920,transparent 60%)}
:root body .wardrobe-fog{background:radial-gradient(ellipse at 28% 25%,#d7b7771d,transparent 43%),radial-gradient(ellipse at 75% 62%,#a17a2919,transparent 48%)}

/* Tonal separation, with colour reserved for identity and meaningful actions. */
:root body #app .daily-entry-icon{color:var(--skin-accent,var(--gold-ink))}
:root body #app .daily-entry :is(.daily-eyebrow,h2>span){color:var(--skin-muted,var(--muted))}
:root body #app .daily-entry-copy p{color:var(--skin-soft,var(--text-soft))}
:root body #app .home-more-services{border-color:var(--skin-line,var(--line))}
:root body #app .home-more-services>summary{color:var(--skin-soft,var(--text-soft))}
:root body #app .home-member-bar{border-color:var(--skin-line,var(--line))}
:root body #app .home-points strong{color:var(--skin-accent,var(--gold-ink))}
:root body #app .content:has(>.home-member-bar) .royal-perk+.royal-perk{border-color:var(--skin-line,var(--line))}
:root body #app .content:has(>.home-member-bar) .royal-privilege-panel{background:linear-gradient(125deg,var(--skin-panel),var(--skin-surface));box-shadow:inset 0 1px var(--skin-line)}
:root body #app .content:has(>.home-member-bar) .royal-privilege-panel .royal-perk{background:transparent!important}
:root body #app :is(.btn,.icon-btn,.daily-entry-button,.royal-card-button){box-shadow:none}
:root body #app :is(.btn,.icon-btn):hover{box-shadow:none}
:root body #app .sound-toggle{box-shadow:none;background:transparent}
:root body :is(.daily-claim-button,.star-ignite-main,.royal-dialog-cta,.crown-share-primary){box-shadow:none}
:root body .tg-entry-card .tg-login-button{background:linear-gradient(110deg,#403522,#30291e);color:#ebd9b5;border-color:#c8ae7840;box-shadow:inset 0 1px #e8d7b417}
:root body .tg-entry-card .tg-login-button:not(:disabled):hover{background:linear-gradient(110deg,#4a3d27,#393022);box-shadow:inset 0 1px #e8d7b422}
:root:not([data-theme='day']) body .fx-comment-sheet .fx-comment-form button{background:var(--button-bg);color:var(--button-ink)}
:root body #app .sound-activation{background:var(--skin-panel,var(--card));color:var(--skin-soft,var(--text-soft));border-color:var(--skin-line,var(--line))}
:root body #app .sound-activation button{background:var(--skin-surface,var(--surface));color:var(--skin-accent,var(--gold-ink));border-color:var(--skin-line,var(--line));box-shadow:none}
:root body #app .social-entries>button{background:linear-gradient(125deg,var(--skin-panel),var(--skin-surface));border-color:var(--skin-line);color:var(--skin-ink)}
:root body #app .social-entries :is(.social-entry-gem,b){color:var(--skin-accent)}
:root body #app .social-entries small{color:var(--skin-soft)}
:root body #app .content:has(>.home-member-bar) .section-kicker{color:var(--skin-muted)}