/* Build 11 — appearance tokens and light surfaces. The default dark palette stays in index.html. */
html { color-scheme: dark; }
html[data-appearance="light"] {
  color-scheme: light;
  --bg: #f2ebdc;
  --bg2: #e9dfcf;
  --surface: #fff9ee;
  --surface2: #f2e6d0;
  --gold: #91621d;
  --gold-soft: #7d5419;
  --teal: #287d74;
  --text: #263247;
  --muted: #59677a;
  --danger: #a53e4f;
}

html[data-appearance="light"] body {
  background:
    radial-gradient(ellipse at 50% -12%, rgba(255, 253, 246, .98), transparent 47%),
    linear-gradient(180deg, #f6f0e4, #eee5d5 76%, #e9dfce);
  color: var(--text);
}

/* Shared controls, cards and form surfaces */
html[data-appearance="light"] .card,
html[data-appearance="light"] .quest,
html[data-appearance="light"] .pill,
html[data-appearance="light"] .skillrow.tappable,
html[data-appearance="light"] .ach,
html[data-appearance="light"] .rewardrow {
  color: var(--text);
  background: linear-gradient(150deg, #fffaf1, #f1e7d6);
  border-color: rgba(128, 91, 39, .19);
  box-shadow: 0 8px 22px rgba(73, 56, 31, .08);
}
html[data-appearance="light"] .quest { border-color: rgba(86, 94, 106, .13); }
html[data-appearance="light"] .quest.pending { border-color: rgba(145, 98, 29, .48); }
html[data-appearance="light"] .qname,
html[data-appearance="light"] .nm,
html[data-appearance="light"] .rewardrow .rn,
html[data-appearance="light"] .ach .an { color: #263247; }
html[data-appearance="light"] .qmeta,
html[data-appearance="light"] .muted,
html[data-appearance="light"] .pill .l,
html[data-appearance="light"] .ach .ad,
html[data-appearance="light"] .empty,
html[data-appearance="light"] .sectiontitle,
html[data-appearance="light"] .sectiontitle-row span:first-child { color: #59677a; }
html[data-appearance="light"] .qxp,
html[data-appearance="light"] .pill .v,
html[data-appearance="light"] .levelhead,
html[data-appearance="light"] .linkbtn { color: #7d5419; }
html[data-appearance="light"] .tag {
  color: #526176;
  background: #eee5d7;
}
html[data-appearance="light"] .btn,
html[data-appearance="light"] .fab {
  color: #263247;
  box-shadow: 0 5px 15px rgba(109, 77, 31, .18);
}
html[data-appearance="light"] .btn-ghost,
html[data-appearance="light"] .chipbtn,
html[data-appearance="light"] .langrow button,
html[data-appearance="light"] .grid2 button,
html[data-appearance="light"] .typerow button,
html[data-appearance="light"] .row3 button {
  color: #354157;
  background: #fff9ef;
  border-color: rgba(130, 91, 34, .25);
}
html[data-appearance="light"] .chipbtn.sel,
html[data-appearance="light"] .langrow button.sel,
html[data-appearance="light"] .grid2 button.sel,
html[data-appearance="light"] .typerow button.sel,
html[data-appearance="light"] .row3 button.sel {
  color: #493619;
  background: #efe0c0;
  border-color: #9a6a25;
}
html[data-appearance="light"] .field input,
html[data-appearance="light"] .field textarea,
html[data-appearance="light"] .field select,
html[data-appearance="light"] input,
html[data-appearance="light"] textarea,
html[data-appearance="light"] select {
  color: #263247;
  background-color: #fffaf2;
  border-color: rgba(119, 87, 45, .34);
}
html[data-appearance="light"] input::placeholder,
html[data-appearance="light"] textarea::placeholder { color: #697486; opacity: 1; }
html[data-appearance="light"] option { color: #263247; background: #fffaf2; }
html[data-appearance="light"] .field label { color: #59677a; }
html[data-appearance="light"] button:disabled,
html[data-appearance="light"] [aria-disabled="true"] { color: #667184; }
html[data-appearance="light"] :is(button, input, textarea, select, a):focus-visible {
  outline: 2px solid #80591e;
  outline-offset: 3px;
}

html[data-appearance="light"] .navbar {
  background: rgba(250, 246, 237, .96);
  border-top-color: rgba(126, 91, 41, .19);
  box-shadow: 0 -8px 24px rgba(74, 56, 29, .08);
}
html[data-appearance="light"] .navitem { color: #606d80; }
html[data-appearance="light"] .navitem.active { color: #765018; }

/* Appearance selector in Player Hub settings */
html[data-appearance="light"] .me-settings {
  border-top-color: rgba(126, 91, 41, .24);
}
.appearance-settings { margin: 15px 0 19px; }
.appearance-settings .sectiontitle { margin-top: 0; }
.appearance-note { color: var(--muted); font-size: 11px; line-height: 1.6; }
.appearance-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin-top: 10px; }
.appearance-option {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 44px;
  padding: 8px 9px;
  border: 1px solid rgba(226, 180, 90, .34);
  border-radius: 12px;
  background: var(--surface);
  color: var(--text);
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}
.appearance-option[aria-pressed="true"] {
  border-color: var(--gold);
  background: var(--surface2);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--gold) 17%, transparent);
}
.appearance-option > span:first-child { flex: none; }
.appearance-feedback { min-height: 17px; margin-top: 6px; color: var(--danger); font-size: 10px; }
html[data-appearance="light"] .appearance-option { border-color: rgba(126, 91, 41, .25); }
html[data-appearance="light"] .appearance-option[aria-pressed="true"] { color: #493619; border-color: #9a6a25; }
@media (max-width: 380px) {
  .appearance-options { gap: 6px; }
  .appearance-option { gap: 4px; padding-inline: 5px; font-size: 10px; }
}

/* Home: warm parchment cards with the original hierarchy and unfiltered artwork. */
html[data-appearance="light"] #screen-home .home-hero,
html[data-appearance="light"] #screen-home .home-today,
html[data-appearance="light"] #screen-home .home-panel,
html[data-appearance="light"] #screen-home .home-loop,
html[data-appearance="light"] #screen-home .home-recent {
  color: #29364a;
  border-color: rgba(132, 94, 41, .24);
  background: linear-gradient(145deg, #fffaf1, #efe4d1 88%);
  box-shadow: 0 14px 34px rgba(67, 52, 31, .09), inset 0 1px rgba(255, 255, 255, .72);
}
html[data-appearance="light"] #screen-home .home-hero { background: radial-gradient(circle at 8% 20%, rgba(220, 183, 120, .19), transparent 38%), linear-gradient(125deg, #fffaf1, #eee1cb); }
html[data-appearance="light"] #screen-home .home-eyebrow,
html[data-appearance="light"] #screen-home .home-section-head h2,
html[data-appearance="light"] #screen-home .home-section-head h3,
html[data-appearance="light"] #screen-home .home-recent h3,
html[data-appearance="light"] #screen-home .home-world-count,
html[data-appearance="light"] #screen-home .home-gate-number { color: #79531c; }
html[data-appearance="light"] #screen-home #home-greet,
html[data-appearance="light"] #screen-home .home-quest h4 { color: #27364b; text-shadow: none; }
html[data-appearance="light"] #screen-home .home-sub,
html[data-appearance="light"] #screen-home .home-level-label,
html[data-appearance="light"] #screen-home .home-statpills .l,
html[data-appearance="light"] #screen-home .home-section-head .home-eyebrow,
html[data-appearance="light"] #screen-home .home-quest-top,
html[data-appearance="light"] #screen-home .home-panel p,
html[data-appearance="light"] #screen-home .home-panel small,
html[data-appearance="light"] #screen-home .home-loop p,
html[data-appearance="light"] #screen-home .home-recent-item small { color: #59677a; }
html[data-appearance="light"] #screen-home .home-level,
html[data-appearance="light"] #screen-home .home-statpills .pill,
html[data-appearance="light"] #screen-home .home-quest,
html[data-appearance="light"] #screen-home .home-quest-meta span,
html[data-appearance="light"] #screen-home .home-pending,
html[data-appearance="light"] #screen-home .home-recent-item,
html[data-appearance="light"] #screen-home .home-skill-item {
  color: #344056;
  background: rgba(255, 251, 243, .82);
  border-color: rgba(127, 93, 47, .2);
}
html[data-appearance="light"] #screen-home .home-quest-type,
html[data-appearance="light"] #screen-home .home-quest-meta .home-ready,
html[data-appearance="light"] #screen-home .home-quest-reward,
html[data-appearance="light"] #screen-home .home-world-count small,
html[data-appearance="light"] #screen-home .home-skill-item small { color: #74501b; }
html[data-appearance="light"] #screen-home .home-link,
html[data-appearance="light"] #screen-home .home-cta,
html[data-appearance="light"] #screen-home .home-quest-action {
  color: #654514;
  background: rgba(216, 176, 103, .17);
  border-color: rgba(135, 94, 33, .42);
}
html[data-appearance="light"] #screen-home .home-add { color: #27364b; }
html[data-appearance="light"] #screen-home .home-today-empty { color: #536176; background: #f7f0e4; }
html[data-appearance="light"] #screen-home .home-quest.boss { background: linear-gradient(145deg, #f6ead7, #e9dcc9); }
html[data-appearance="light"] #screen-home .home-loop-steps { color: #536176; }
html[data-appearance="light"] #screen-home .home-loop-steps i { color: #79531c; }

/* Player Hub */
html[data-appearance="light"] #screen-me .me-intro,
html[data-appearance="light"] #screen-me .me-panel-note,
html[data-appearance="light"] #screen-me .me-section-heading small,
html[data-appearance="light"] #screen-me .me-stat small,
html[data-appearance="light"] #screen-me .me-domains small { color: #59677a; }
html[data-appearance="light"] #screen-me .me-eyebrow,
html[data-appearance="light"] #screen-me .me-section-heading h3,
html[data-appearance="light"] #screen-me .me-stat strong,
html[data-appearance="light"] #screen-me .me-ach-summary { color: #79531c; }
html[data-appearance="light"] #screen-me .me-hero,
html[data-appearance="light"] #screen-me .me-journey,
html[data-appearance="light"] #screen-me .me-panel {
  color: #29364a;
  border-color: rgba(132, 94, 41, .23);
  background: radial-gradient(circle at 92% 0%, rgba(220, 185, 127, .14), transparent 42%), linear-gradient(145deg, #fffaf1, #efe4d1);
  box-shadow: 0 14px 32px rgba(67, 52, 31, .08), inset 0 1px rgba(255, 255, 255, .72);
}
html[data-appearance="light"] #screen-me .me-hero::before { opacity: .13; }
html[data-appearance="light"] #screen-me #me-name { color: #27364b; text-shadow: none; }
html[data-appearance="light"] #screen-me .me-identity-label,
html[data-appearance="light"] #screen-me .me-xp-top span,
html[data-appearance="light"] #screen-me .me-xp-panel p { color: #566579; }
html[data-appearance="light"] #screen-me .me-xp-top strong,
html[data-appearance="light"] #screen-me .me-world-figure strong,
html[data-appearance="light"] #screen-me .me-gate-head b { color: #79531c; }
html[data-appearance="light"] #screen-me .me-gate-head,
html[data-appearance="light"] #screen-me .me-world-figure small { color: #59677a; }
html[data-appearance="light"] #screen-me #me-level,
html[data-appearance="light"] #screen-me .me-xp-panel,
html[data-appearance="light"] #screen-me .me-stat,
html[data-appearance="light"] #screen-me .me-ach-summary,
html[data-appearance="light"] #screen-me .me-domain,
html[data-appearance="light"] #screen-me .me-milestone {
  color: #354157;
  background: rgba(255, 251, 243, .82);
  border-color: rgba(127, 93, 47, .2);
}
html[data-appearance="light"] #screen-me .me-ach {
  color: #354157;
  border-color: rgba(127, 93, 47, .24);
  background: linear-gradient(145deg, #fffaf1, #f1e7d8);
}
html[data-appearance="light"] #screen-me .me-ach.locked {
  color: #526176;
  border-color: rgba(91, 102, 119, .24);
  background: #f0e9dc;
}
html[data-appearance="light"] #screen-me .me-ach.locked small { color: #59677a; }
html[data-appearance="light"] #screen-me .me-ach.locked .me-ach-mark {
  color: #657286;
  opacity: .85;
  border-color: rgba(91, 102, 119, .35);
  background: #e3dacb;
}
html[data-appearance="light"] #screen-me .me-cta {
  color: #684719;
  background: #f6ead4;
  border-color: rgba(135, 94, 33, .34);
}
html[data-appearance="light"] #screen-me .me-change-avatar,
html[data-appearance="light"] #screen-me .me-change-name {
  color: #624719;
  background: #fbf4e8;
  border-color: rgba(135, 94, 33, .4);
}
html[data-appearance="light"] #screen-me .me-danger { border-top-color: rgba(165, 62, 79, .22); }
html[data-appearance="light"] #screen-me .me-danger button { color: #92384a; }

/* My World: theme surrounding controls only; the approved illustration is deliberately untouched. */
html[data-appearance="light"] #screen-world .world-caption,
html[data-appearance="light"] #screen-world .world-pan-hint { color: #59677a; }
html[data-appearance="light"] #screen-world h2 { color: #79531c; }

/* Skills: parchment cards and legible light-mode skill paths/tree. */
html[data-appearance="light"] #screen-skills .skills-eyebrow,
html[data-appearance="light"] #screen-skills .skills-lead,
html[data-appearance="light"] #screen-skills .skill-next,
html[data-appearance="light"] #screen-skills .path-next { color: #59677a; }
html[data-appearance="light"] #screen-skills .skill-hero {
  color: #29364a;
  background: radial-gradient(circle at 50% -20%, rgba(220, 181, 105, .22), transparent 48%), linear-gradient(135deg, #fffaf1, #eee1cb 78%);
  border-color: rgba(132, 94, 41, .36);
  box-shadow: 0 17px 38px rgba(67, 52, 31, .1), inset 0 1px #fff;
}
html[data-appearance="light"] #screen-skills .skill-hero h3 { color: #765019; }
html[data-appearance="light"] #screen-skills .skill-hero p { color: #4e5c70; }
html[data-appearance="light"] #screen-skills .skill-hero-stats span {
  color: #5c421d;
  background: #f5e9d4;
  border-color: rgba(132, 94, 41, .26);
}
html[data-appearance="light"] #screen-skills .skill-path {
  color: #2e3a4e;
  background: radial-gradient(circle at 50% 5%, color-mix(in srgb, var(--path-color) 17%, transparent), transparent 50%), linear-gradient(155deg, #fffaf1, #eee3d3 86%);
  border-color: color-mix(in srgb, var(--path-color) 48%, #c6b99f);
  box-shadow: 0 12px 26px rgba(67, 52, 31, .1), inset 0 1px #fff;
}
html[data-appearance="light"] #screen-skills .path-ring { background: conic-gradient(var(--path-color) var(--progress), rgba(100, 95, 84, .15) 0); }
html[data-appearance="light"] #screen-skills .path-icon,
html[data-appearance="light"] #screen-skills .skill-hero-mark,
html[data-appearance="light"] #screen-skills .skill-node-symbol {
  color: #634819;
  background: radial-gradient(circle at 35% 26%, #fff8e9, #ead9bb 82%);
  border-color: rgba(127, 91, 36, .35);
}
html[data-appearance="light"] #screen-skills .path-meta { color: #624719; }
html[data-appearance="light"] #screen-skills .skill-back {
  color: #684719;
  border-color: rgba(135, 94, 33, .38);
}
html[data-appearance="light"] #screen-skills .skill-tree {
  background:
    radial-gradient(ellipse 34% 20% at 50% 10%, rgba(203, 164, 96, .14), transparent),
    radial-gradient(ellipse 41% 30% at 18% 52%, rgba(180, 157, 115, .1), transparent),
    linear-gradient(180deg, #f8f0e3, #ece1cf);
  box-shadow: inset 0 0 75px rgba(114, 91, 52, .09);
}
html[data-appearance="light"] #screen-skills .skill-tree::before { opacity: .26; }
html[data-appearance="light"] #screen-skills .skill-core,
html[data-appearance="light"] #screen-skills .skill-node {
  color: #2b374b;
  background: radial-gradient(circle at 37% 19%, #fff9ed, #eadfcf 74%, #e4d6c1);
  border-color: color-mix(in srgb, var(--path-color) 53%, #a89b83);
  box-shadow: 0 0 0 5px rgba(235, 225, 209, .84), 0 10px 24px rgba(75, 58, 35, .15), inset 0 1px #fff;
}
html[data-appearance="light"] #screen-skills .skill-core strong,
html[data-appearance="light"] #screen-skills .skill-node strong { color: #344056; }
html[data-appearance="light"] #screen-skills .skill-core small,
html[data-appearance="light"] #screen-skills .skill-node small { color: #58667a; }
html[data-appearance="light"] #screen-skills .skill-core-meter { background: #d8cbb7; }
html[data-appearance="light"] #screen-skills .skill-tree-hint { color: #59677a; }
html[data-appearance="light"] #screen-skills .skill-truth {
  color: #4e5c70;
  background: #fff8ec;
  border-color: rgba(132, 94, 41, .23);
}
html[data-appearance="light"] #screen-skills .skill-detail-modal {
  color: #2d394d;
  background: linear-gradient(145deg, #fffaf1, #eee2d0);
}
html[data-appearance="light"] #screen-skills .skill-detail-modal h3,
html[data-appearance="light"] #screen-skills .skill-detail-section,
html[data-appearance="light"] #screen-skills .skill-detail-stats span { color: #79531c; }
html[data-appearance="light"] #screen-skills .skill-detail-top p,
html[data-appearance="light"] #screen-skills .skill-detail-copy { color: #4e5c70; }
html[data-appearance="light"] #screen-skills .skill-detail-copy,
html[data-appearance="light"] #screen-skills .skill-detail-stats span,
html[data-appearance="light"] #screen-skills .skill-detail-quest { background: #f8f0e3; }
html[data-appearance="light"] #screen-skills .skill-detail-quest { color: #344056; }

/* AI Sage */
html[data-appearance="light"] .sage-home-card,
html[data-appearance="light"] .sage-chamber {
  color: #29364a;
  border-color: rgba(132, 94, 41, .27);
  background: radial-gradient(ellipse at 6% 100%, rgba(205, 168, 101, .11), transparent 40%), linear-gradient(145deg, #fffaf1, #eee3d2);
  box-shadow: 0 25px 70px rgba(67, 52, 31, .2), inset 0 1px #fff;
}
html[data-appearance="light"] .sage-home-mark,
html[data-appearance="light"] .sage-action-button .sage-action-icon {
  color: #79531c;
  background: #f2e5cf;
  border-color: rgba(132, 94, 41, .3);
}
html[data-appearance="light"] .sage-home-copy strong,
html[data-appearance="light"] .sage-header h2,
html[data-appearance="light"] .sage-intro h3,
html[data-appearance="light"] .sage-flow-head h3,
html[data-appearance="light"] .sage-review-intro h4,
html[data-appearance="light"] .sage-list-item strong { color: #79531c; }
html[data-appearance="light"] .sage-home-copy p,
html[data-appearance="light"] .sage-header p,
html[data-appearance="light"] .sage-intro p,
html[data-appearance="light"] .sage-review-intro p,
html[data-appearance="light"] .sage-list-item p,
html[data-appearance="light"] .sage-quest-description,
html[data-appearance="light"] .sage-footer { color: #59677a; }
html[data-appearance="light"] .sage-principle,
html[data-appearance="light"] .sage-kicker,
html[data-appearance="light"] .sage-form label,
html[data-appearance="light"] .sage-review label { color: #72501d; }
html[data-appearance="light"] .sage-close,
html[data-appearance="light"] .sage-secondary,
html[data-appearance="light"] .sage-back,
html[data-appearance="light"] .sage-action-button {
  color: #364257;
  background: #fbf6eb;
  border-color: rgba(132, 94, 41, .27);
}
html[data-appearance="light"] .sage-action-button strong,
html[data-appearance="light"] .sage-notice,
html[data-appearance="light"] .sage-list-item>span,
html[data-appearance="light"] .sage-plan-line strong { color: #654719; }
html[data-appearance="light"] .sage-action-button small,
html[data-appearance="light"] .sage-form-note,
html[data-appearance="light"] .sage-plan-line span { color: #59677a; }
html[data-appearance="light"] .sage-form textarea,
html[data-appearance="light"] .sage-review input,
html[data-appearance="light"] .sage-review select,
html[data-appearance="light"] .sage-chat-input {
  color: #263247;
  background: #fffaf2;
  border-color: rgba(119, 87, 45, .34);
}
html[data-appearance="light"] .sage-review,
html[data-appearance="light"] .sage-plan,
html[data-appearance="light"] .sage-chat-log,
html[data-appearance="light"] .sage-list-item,
html[data-appearance="light"] .sage-chat-message {
  color: #344056;
  background: rgba(255, 251, 243, .86);
  border-color: rgba(127, 93, 47, .2);
}
html[data-appearance="light"] .sage-chat-message.user { color: #4a3a22; background: #f3e4ca; }
html[data-appearance="light"] .sage-notice { background: #f5ead8; }
html[data-appearance="light"] .sage-prototype { color: #59677a; background: #f7efe2; }
html[data-appearance="light"] .sage-backdrop { background: rgba(45, 41, 34, .38); }
html[data-appearance="light"] .sage-clear { color: #5c687a; }

/* Rewards Center */
html[data-appearance="light"] #screen-rewards { color: #29364a; }
html[data-appearance="light"] #screen-rewards .rc-hero,
html[data-appearance="light"] #screen-rewards .rc-wallet,
html[data-appearance="light"] #screen-rewards .rc-tabs,
html[data-appearance="light"] #screen-rewards .rc-panel {
  color: #29364a;
  border-color: rgba(132, 94, 41, .24);
  background: radial-gradient(circle at 86% 0%, rgba(218, 180, 111, .12), transparent 46%), linear-gradient(145deg, #fffaf1, #efe4d2 82%);
  box-shadow: 0 13px 30px rgba(67, 52, 31, .09), inset 0 1px #fff;
}
html[data-appearance="light"] #screen-rewards .rc-kicker,
html[data-appearance="light"] #screen-rewards #rc-title,
html[data-appearance="light"] #screen-rewards .rc-section-head h3,
html[data-appearance="light"] #screen-rewards .rc-subtitle,
html[data-appearance="light"] #screen-rewards .rc-wallet-item strong,
html[data-appearance="light"] #screen-rewards .rc-balance strong { color: #79531c; }
html[data-appearance="light"] #screen-rewards #rc-description,
html[data-appearance="light"] #screen-rewards .rc-wallet-item small,
html[data-appearance="light"] #screen-rewards .rc-wallet-note,
html[data-appearance="light"] #screen-rewards .rc-section-head p,
html[data-appearance="light"] #screen-rewards .rc-panel-note,
html[data-appearance="light"] #screen-rewards .rc-item p,
html[data-appearance="light"] #screen-rewards .rc-history-row small,
html[data-appearance="light"] #screen-rewards .rc-preview-copy { color: #59677a; }
html[data-appearance="light"] #screen-rewards #rc-principle,
html[data-appearance="light"] #screen-rewards .rc-item .rc-cost,
html[data-appearance="light"] #screen-rewards .rc-history-row span { color: #72501d; }
html[data-appearance="light"] #screen-rewards .rc-balance,
html[data-appearance="light"] #screen-rewards .rc-wallet-item,
html[data-appearance="light"] #screen-rewards .rc-item,
html[data-appearance="light"] #screen-rewards .rc-history-row,
html[data-appearance="light"] #screen-rewards .rc-preview,
html[data-appearance="light"] #screen-rewards .rc-empty {
  color: #344056;
  background: rgba(255, 251, 243, .84);
  border-color: rgba(127, 93, 47, .2);
}
html[data-appearance="light"] #screen-rewards .rc-tab { color: #59677a; }
html[data-appearance="light"] #screen-rewards .rc-tab[aria-selected="true"] { color: #493619; }
html[data-appearance="light"] #screen-rewards .rc-item h4,
html[data-appearance="light"] #screen-rewards .rc-demo-label { color: #344056; }
html[data-appearance="light"] #screen-rewards .rc-item-icon { color: #79531c; background: #f1e5d1; }
html[data-appearance="light"] #screen-rewards .rc-item-action { color: #634719; background: #f2e4ca; border-color: rgba(135, 94, 33, .36); }
html[data-appearance="light"] #screen-rewards .rc-back { color: #684719; background: #fbf6eb; }
html[data-appearance="light"] #screen-rewards .rc-toast { color: #3b321f; background: #f3e5ca; }
html[data-appearance="light"] #screen-rewards .rc-confirm p { color: #59677a; }
html[data-appearance="light"] #screen-rewards .rc-confirm h3 { color: #79531c; }

/* Family & Profiles */
html[data-appearance="light"] .family-entry,
html[data-appearance="light"] .family-hub-head,
html[data-appearance="light"] .family-panel {
  color: #29364a;
  border-color: rgba(132, 94, 41, .25);
  background: radial-gradient(circle at 8% 0%, rgba(218, 180, 111, .13), transparent 40%), linear-gradient(145deg, #fffaf1, #efe4d2);
  box-shadow: 0 12px 28px rgba(67, 52, 31, .09), inset 0 1px #fff;
}
html[data-appearance="light"] .family-entry-copy strong,
html[data-appearance="light"] .family-hub-head h3,
html[data-appearance="light"] .family-panel h4,
html[data-appearance="light"] .family-profile-copy strong,
html[data-appearance="light"] .family-review-card h5,
html[data-appearance="light"] .family-quest-card h5,
html[data-appearance="light"] .family-reward-card h5 { color: #79531c; }
html[data-appearance="light"] .family-entry-copy small,
html[data-appearance="light"] .family-hub-head p,
html[data-appearance="light"] .family-panel > p,
html[data-appearance="light"] .family-profile-copy small,
html[data-appearance="light"] .family-review-meta,
html[data-appearance="light"] .family-review-context,
html[data-appearance="light"] .family-quest-card p,
html[data-appearance="light"] .family-reward-card p,
html[data-appearance="light"] .family-transition,
html[data-appearance="light"] .family-empty { color: #59677a; }
html[data-appearance="light"] .family-hub-head .family-kicker { color: #72501d; }
html[data-appearance="light"] .family-hub-head .family-back,
html[data-appearance="light"] .family-hub-head .family-badge,
html[data-appearance="light"] .family-profile-row,
html[data-appearance="light"] .family-review-card,
html[data-appearance="light"] .family-quest-card,
html[data-appearance="light"] .family-reward-card,
html[data-appearance="light"] .family-prep-branch {
  color: #344056;
  background: rgba(255, 251, 243, .84);
  border-color: rgba(127, 93, 47, .2);
}
html[data-appearance="light"] .family-form input,
html[data-appearance="light"] .family-form textarea,
html[data-appearance="light"] .family-form select,
html[data-appearance="light"] .family-pin-input {
  color: #263247;
  background: #fffaf2;
  border-color: rgba(119, 87, 45, .34);
}
html[data-appearance="light"] .family-button.ghost,
html[data-appearance="light"] .family-button.subtle,
html[data-appearance="light"] .family-profile-actions button,
html[data-appearance="light"] .family-home-status button {
  color: #654719;
  background: #f7eddb;
  border-color: rgba(135, 94, 33, .33);
}
html[data-appearance="light"] .family-home-status,
html[data-appearance="light"] .family-pin-dialog {
  color: #344056;
  background: linear-gradient(145deg, #fffaf1, #eee3d2);
  border-color: rgba(132, 94, 41, .27);
}
html[data-appearance="light"] .family-home-status p,
html[data-appearance="light"] .family-pin-dialog p,
html[data-appearance="light"] .family-check-list label { color: #59677a; }
html[data-appearance="light"] .family-demo-note { color: #59677a; background: #f8f0e4; }
html[data-appearance="light"] .family-profile-avatar { background: #f1e4cf; }
html[data-appearance="light"] .family-participant { color: #526176; background: #f6efe3; }
html[data-appearance="light"] .family-review-proof,
html[data-appearance="light"] .family-privacy-note { color: #46596b; background: #f2eadb; }
html[data-appearance="light"] .family-pin-backdrop { background: rgba(45, 41, 34, .4); }

/* Shared modals, quest/proof flows, avatar editor and celebrations */
html[data-appearance="light"] .modalbg { background: rgba(45, 41, 34, .43); }
html[data-appearance="light"] .modal,
html[data-appearance="light"] .avatar-modal,
html[data-appearance="light"] .gate-modal {
  color: #29364a;
  background: radial-gradient(circle at 50% 0%, rgba(224, 191, 137, .23), transparent 42%), linear-gradient(145deg, #fffaf1, #eee3d2);
  border-color: rgba(132, 94, 41, .27);
  box-shadow: 0 -14px 42px rgba(67, 52, 31, .2);
}
html[data-appearance="light"] .modal h3,
html[data-appearance="light"] .avatar-modal h3 { color: #79531c; }
html[data-appearance="light"] .celebration {
  color: #29364a;
  background: radial-gradient(circle at 50% 0%, #fffaf0, #f0e3ce 100%);
  border-color: rgba(132, 94, 41, .37);
  box-shadow: 0 18px 60px rgba(67, 52, 31, .26), 0 0 36px rgba(145, 98, 29, .1);
}
html[data-appearance="light"] .celebration-reward { color: #74501b; background: #f7eddd; }
html[data-appearance="light"] .celebration-reward strong,
html[data-appearance="light"] .celebration-area { color: #344056; }
html[data-appearance="light"] .celebration-sub { color: #59677a; }
html[data-appearance="light"] .principle,
html[data-appearance="light"] .celebration h3,
html[data-appearance="light"] .celebration-level,
html[data-appearance="light"] .celebration-achievement { color: #79531c; }
html[data-appearance="light"] .rewardpreview { color: #72501d; background: #f4ead8; }
html[data-appearance="light"] .rewardpreview span { background: #eadbc1; }
html[data-appearance="light"] .checkbox-row { color: #59677a; }
html[data-appearance="light"] .avatars button,
html[data-appearance="light"] .avatar-choice-grid button { background: linear-gradient(135deg, #e8d4b2, #f6efe2); }
html[data-appearance="light"] .me-change-avatar:hover,
html[data-appearance="light"] .me-change-avatar:focus-visible,
html[data-appearance="light"] .me-change-name:hover,
html[data-appearance="light"] .me-change-name:focus-visible { background: #f0e3cd; }

/* Adventure menus and dialogs only. Map artwork and 3D environment/HUD lighting stay cinematic. */
html[data-appearance="light"] #screen-adventure { color: #29364a; }
html[data-appearance="light"] #screen-adventure .adv-hero,
html[data-appearance="light"] #screen-adventure .adv-scene,
html[data-appearance="light"] #screen-adventure .adv-tools-dialog {
  color: #29364a;
  border-color: rgba(132, 94, 41, .27);
  background: radial-gradient(ellipse at 92% 0%, rgba(218, 180, 111, .15), transparent 41%), linear-gradient(145deg, #fffaf1, #eee3d2);
  box-shadow: 0 20px 50px rgba(67, 52, 31, .16), inset 0 1px #fff;
}
html[data-appearance="light"] #screen-adventure .adv-return,
html[data-appearance="light"] #screen-adventure .adv-tools-tab,
html[data-appearance="light"] #screen-adventure .adv-tools-return,
html[data-appearance="light"] #screen-adventure .adv-loadout-button,
html[data-appearance="light"] #screen-adventure .adv-prep-actions button,
html[data-appearance="light"] #screen-adventure .adv-scene-actions .btn-ghost {
  color: #654719;
  background: #f8efdf;
  border-color: rgba(132, 94, 41, .34);
}
html[data-appearance="light"] #screen-adventure .adv-eyebrow,
html[data-appearance="light"] #screen-adventure #adv-title,
html[data-appearance="light"] #screen-adventure .adv-player strong,
html[data-appearance="light"] #screen-adventure .adv-ap strong,
html[data-appearance="light"] #screen-adventure .adv-chapter-heading h2,
html[data-appearance="light"] #screen-adventure .adv-chapter-heading h3,
html[data-appearance="light"] #screen-adventure .adv-detail h2,
html[data-appearance="light"] #screen-adventure .adv-detail h3,
html[data-appearance="light"] #screen-adventure .adv-scene h2,
html[data-appearance="light"] #screen-adventure .adv-scene h3,
html[data-appearance="light"] #screen-adventure .adv-tools-dialog h3 { color: #79531c; text-shadow: none; }
html[data-appearance="light"] #screen-adventure #adv-intro,
html[data-appearance="light"] #screen-adventure .adv-player small,
html[data-appearance="light"] #screen-adventure .adv-ap small,
html[data-appearance="light"] #screen-adventure .adv-ap span,
html[data-appearance="light"] #screen-adventure .adv-story,
html[data-appearance="light"] #screen-adventure .adv-chapter-heading small,
html[data-appearance="light"] #screen-adventure .adv-detail p,
html[data-appearance="light"] #screen-adventure .adv-detail dl dt,
html[data-appearance="light"] #screen-adventure .adv-tools-note,
html[data-appearance="light"] #screen-adventure .adv-tools-stat small,
html[data-appearance="light"] #screen-adventure .adv-choice-card small,
html[data-appearance="light"] #screen-adventure .adv-skill-copy p,
html[data-appearance="light"] #screen-adventure .adv-skill-copy small,
html[data-appearance="light"] #screen-adventure .adv-prep-branch ul,
html[data-appearance="light"] #screen-adventure .adv-prep-loadout p,
html[data-appearance="light"] #screen-adventure .adv-rewards-note { color: #59677a; }
html[data-appearance="light"] #screen-adventure .adv-identity,
html[data-appearance="light"] #screen-adventure .adv-ap,
html[data-appearance="light"] #screen-adventure .adv-detail-objective,
html[data-appearance="light"] #screen-adventure .adv-detail-type,
html[data-appearance="light"] #screen-adventure .adv-detail-ap,
html[data-appearance="light"] #screen-adventure .adv-detail-reason,
html[data-appearance="light"] #screen-adventure .adv-detail-status,
html[data-appearance="light"] #screen-adventure .adv-tools-stat,
html[data-appearance="light"] #screen-adventure .adv-choice-card,
html[data-appearance="light"] #screen-adventure .adv-skill-card,
html[data-appearance="light"] #screen-adventure .adv-prep-branch,
html[data-appearance="light"] #screen-adventure .adv-prep-loadout {
  color: #344056;
  background: rgba(255, 251, 243, .88);
  border-color: rgba(127, 93, 47, .22);
}
html[data-appearance="light"] #screen-adventure .adv-detail dl dd,
html[data-appearance="light"] #screen-adventure .adv-tools-stat strong,
html[data-appearance="light"] #screen-adventure .adv-choice-card strong,
html[data-appearance="light"] #screen-adventure .adv-skill-branch h4,
html[data-appearance="light"] #screen-adventure .adv-prep-branch h4,
html[data-appearance="light"] #screen-adventure .adv-prep-loadout strong,
html[data-appearance="light"] #screen-adventure .adv-skill-copy strong { color: #684719; }
html[data-appearance="light"] #screen-adventure .adv-detail-close { color: #654719; background: #f8efdf; }
html[data-appearance="light"] #screen-adventure .adv-banner { color: #46596b; background: #f6ecd9; }
html[data-appearance="light"] #screen-adventure .adv-error { color: #92384a; background: #f7e7e2; }

@media (prefers-reduced-motion: reduce) {
  html[data-appearance="light"] *,
  html[data-appearance="light"] *::before,
  html[data-appearance="light"] *::after { scroll-behavior: auto; }
}