/* Device appearance is independent of account progress and cosmetic chip skins. */
.theme-switch { grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 18px; }
.theme-switch button { background:var(--board);color:var(--muted); }
.theme-switch button.active { color:var(--accent);border-color:var(--accent);background:var(--accent-soft); }

:root[data-appearance="light"] {
  color-scheme:light;
  --page:#f5f2e9;--surface:#fffdf7;--board:#e2e9e5;--cell:#f3f6f1;--line:#c6d2cb;
  --text:#24382f;--muted:#546b60;--accent:#8c5919;--accent-soft:#f2e2bf;
  --goal:#357b65;--goal-soft:#d3e9d8;--ice:#cfe7ee;--shadow:0 12px 32px #344c3f16;
}
html[data-appearance="light"] body { background:radial-gradient(ellipse at 50% 23%,#fffdf6 0,#f0f1e7 72%); }
html[data-appearance="light"] :is(.icon-btn,.topbar .notification-bell,.wallet-bar button,.level-picker,.ghost-btn,.game-actions .tool-btn,.storm-toolbar button) {
  color:var(--text);background:linear-gradient(#fffdf8,#e6ece4);border-color:#bdcec2;box-shadow:0 3px 8px #3d594417;
}
html[data-appearance="light"] .ghost-btn:hover { background:#e0e9de!important; }
html[data-appearance="light"] :is(.bottom-nav button,.online-count,.round-kicker,.legal-footer a,.account-privacy a) { color:var(--muted); }
html[data-appearance="light"] .bottom-nav button.active { color:var(--accent);background:#eadabb55; }
html[data-appearance="light"] .brand img { filter:drop-shadow(0 2px 3px #304a3420); }
html[data-appearance="light"] .round-play {
  color:var(--accent);border-color:#a6bda5;background:radial-gradient(circle at 38% 25%,#fffef5,#d7e4d4 76%);
  box-shadow:inset 0 2px 5px #fff,0 12px 24px #3b614426,0 0 0 7px #5a97640a;
}
html[data-appearance="light"] .round-play::before { border-color:#8ca98688; }
html[data-appearance="light"] .round-play strong { text-shadow:0 2px 2px #fff9; }
html[data-appearance="light"] :is(.home-stars,.tool-caption,.tool-btn svg) { color:var(--text);stroke:currentColor; }
html[data-appearance="light"] .home-stars.earned { color:var(--accent); }
html[data-appearance="light"] :is(.daily-card,.quest-entry,.reward-entry,.practice-exit,.import-toggle,.player-card.you,.ranking-row.you:not(.prestige),.medal-task-panel,.hint-pack,.inbox-reward,.shop-account-note) {
  background:#e2eddf;border-color:#a4bca2;color:#305f43;
}
html[data-appearance="light"] :is(.online-number,.home-shortcut.daily-completed #daily-label,#daily-timer) { color:#306f48; }
html[data-appearance="light"] :is(.available-badge,.home-shortcut .available-badge) { color:#315235;background:#dfebcc;border-color:#9bb27e; }
html[data-appearance="light"] .modal { background:var(--surface);border-color:#b5c7bb;box-shadow:0 24px 70px #283f4240; }
html[data-appearance="light"] .modal::backdrop { background:#334b4b66; }
html[data-appearance="light"] :is(.modal-head,.inbox-dialog .modal-head) { background:#e7eee3; }
html[data-appearance="light"] :is(input,select,textarea,.cup-bid-form input,.cup-orders select,.arcade-difficulty,#duel-type) {
  background:#fffdf9;color:var(--text);border-color:#a5bdb0;caret-color:#805220;
}
html[data-appearance="light"] input::placeholder { color:#6a7c72; }
html[data-appearance="light"] :is(.form-message,.inbox-status.error,.danger-link,.featured-status.featured-error) { color:#9e462d; }
html[data-appearance="light"] :is(.collection-tabs,.workshop-tabs) { background:#e5ece1;border-color:#b5c9b5; }
html[data-appearance="light"] :is(.collection-tabs button,.workshop-tabs button) { color:var(--muted); }
html[data-appearance="light"] :is(.collection-tabs button.active,.workshop-tabs button.active) { background:#d0dfc9;color:#684713; }
html[data-appearance="light"] :is(.level-tile,.album-level,.medal-node,.weekly-stamp,.reward-day,.cup-lane,.cup-order,.cup-order-choice,.storm-route-node) {
  background:#eef2e9;color:var(--text);border-color:#b3c6b4;
}
html[data-appearance="light"] :is(.level-tile.done,.album-level.done,.medal-node.earned,.weekly-stamp.done,.weekly-stamp.perfect,.reward-day.claimed,.storm-route-node.done) {
  background:#d8e9d1;color:#315939;border-color:#7fa585;
}
html[data-appearance="light"] :is(.level-tile.current,.medal-node.next,.storm-route-node.current,.cup-order-choice.selected,.album-level.perfect) {
  color:#78521e;border-color:#a78541;background:#f4e8c9;
}
html[data-appearance="light"] :is(.collection-card,.collection-card.completed,.collection-card.earned,.medal-chain-card,.shop-item,.player-card,.ranking-row:not(.prestige),.quest-card,.featured-card,.inbox-item,.room-invite-form,.weekly-card,.room-weekly-album) {
  background:#f5f6ed;color:var(--text);border-color:#b9cbbd;box-shadow:none;
}
html[data-appearance="light"] :is(.mode-card,.mode-card.prototype,.mode-card.cup-mode) {
  color:var(--text);background:linear-gradient(130deg,#edf2e5,#e1eadd);border-color:#a4bca4;
}
html[data-appearance="light"] .mode-card.cup-mode { background:radial-gradient(ellipse at 90% 0,#dfbc6a27,transparent 75%),linear-gradient(130deg,#f8efd3,#e9eddf);border-color:#b9a264; }
html[data-appearance="light"] :is(.mode-card.cup-mode strong,.mode-card.cup-mode strong:before,.mode-card:after,.mode-section>h3) { color:#75521e; }
html[data-appearance="light"] :is(.workshop-section,.workshop-rings,.workshop-hints,.cosmetic-preview,.purchase-summary) {
  background:linear-gradient(135deg,#eef2e4,#dce8df);border-color:#a8bfae;
}
html[data-appearance="light"] :is(.skin-switch button.swatch,.quest-state,.quest-reward,.medal-chain-card header>span,.skin-lock,#hint-count,.cup-plan-progress,.cup-hp-track,.medal-progress-track,.storm-pressure-track) {
  background:#e1e9dc;color:var(--text);border-color:#a3bba9;
}
html[data-appearance="light"] :is(.quest-card.complete,.quest-card.claimed,.inbox-item.unread) { background:#e5eddc;border-color:#93ae87; }
html[data-appearance="light"] :is(.quest-card.complete .quest-state,.quest-card.claimed .quest-state) { background:#d8e6cd;color:#355a34;border-color:#8ba778; }
html[data-appearance="light"] :is(.album-icon,.celebration-symbol) { background:#dcead7!important;color:#3e704a!important; }
html[data-appearance="light"] :is(.album-reward,.quest-reset,.quest-progress-count,.quest-card.claimed .quest-progress-count,.medal-task-label,.medal-progress-label strong) { color:#3d7048; }
html[data-appearance="light"] :is(.medal-chain-card .medal-task,.swatch-name,.tool-caption,.workshop-heading h3,.purchase-summary p,.purchase-cost,#duel-type,.cup-meter-name) { color:var(--text); }
html[data-appearance="light"] :is(.quest-card .quest-description,.import-toggle small,#account-import-note,.expedition-gate,.medal-progress-label span,.shop-section-title,.hint-pack p,.preview-btn,#workshop-description,.reward-day .reward-res,.inbox-item p,.inbox-reward small,.cup-rules summary,.storm-pressure>span,.tournament-medal-source) { color:var(--muted); }
html[data-appearance="light"] :is(.purchase-summary strong,.purchase-cost strong,.resource-reward-icons .reward-res,.celebration-resources .reward-res,.inbox-reward strong,.inbox-reward>span,.inbox-type.grant,.shop-account-note button,.featured-clock,.cup-cutoff,.cup-entry.you,.cup-plan-digits,.cup-energy-number,.cup-order-preview,.storm-choice>b,.storm-personal-best) { color:var(--accent); }
html[data-appearance="light"] :is(.inbox-type,.inbox-type.invite,.rare-badge) { color:#3f687b; }
html[data-appearance="light"] .expedition-cta:disabled { background:#e3e8df;color:#5f7267;border-color:#bac9bd; }
html[data-appearance="light"] .download-apk { background:#e1eddf;color:#315740;border-color:#9dbcaa; }
html[data-appearance="light"] .download-apk:hover { background:#d7e6d5; }
html[data-appearance="light"] .download-apk small { color:#4c705b; }
html[data-appearance="light"] .android-release-notes { background:#edf2e7;border-color:#b6cbb7; }
html[data-appearance="light"] .android-release-notes h3 { color:#785424; }
html[data-appearance="light"] .android-release-notes p { color:#506d58; }
html[data-appearance="light"] .board { background:linear-gradient(145deg,#dae5de,#c5d5cb);border-color:#a3bdb0;box-shadow:inset 0 1px 5px #fff9,0 12px 24px #3b5a401c; }
html[data-appearance="light"] .cell { background:linear-gradient(135deg,#f8faf1,#e7eee5);box-shadow:inset 0 1px 2px #fff,inset 0 -2px 3px #72917e18; }
html[data-appearance="light"] .cell.on-goal { background:radial-gradient(#dbefcf,#bddcc2); }
html[data-appearance="light"] .cell.goal::before { border-color:#4c8b6c;box-shadow:0 1px 3px #42674b33,inset 0 1px 2px #7fba8e33; }
html[data-appearance="light"] .cell.ice { background:linear-gradient(145deg,#edfaff88 0 7%,transparent 8% 47%,#a9d4e44d 48% 49%,transparent 50%),linear-gradient(135deg,#d5edf0,#b4d6e5);box-shadow:inset 0 1px 4px #fff9; }
html[data-appearance="light"] .board-overlay { background:#f4f6ede8; }
html[data-appearance="light"] .chip.hint { outline-color:#875b1f; }
html[data-appearance="light"] .chip.hint::after { color:#825119;text-shadow:0 1px 2px #fff,0 0 4px #fff; }
html[data-appearance="light"] .chip.arrived { outline-color:#3b7f57; }
html[data-appearance="light"] .toast { background:#fff6dc;color:#583a17;border-color:#d69829; }
html[data-appearance="light"] .celebration { background:#fffaf0;border-color:#b9be9f; }
html[data-appearance="light"] .celebration-reward { background:#e0efda;color:#386540; }
html[data-appearance="light"] :is(.storm-choice,.storm-choice.hard) { background:#e1ecdc;border-color:#9db89c; }
html[data-appearance="light"] .storm-choice.hard { background:#f2e5d5;border-color:#bd9b77; }
html[data-appearance="light"] :is(.cup-pair,.cup-bracket-column h3) { background:#e6ede2;color:var(--text);border-color:#a3bca9; }
html[data-appearance="light"] :is(.cup-pair.own,.cup-bracket-column.current h3) { background:#f1e6c9;color:#78501c;border-color:#b39b5f; }
html[data-appearance="light"] :is(.cup-slot.winner,.cup-table-player.winner strong,.cup-lane-fighter.you) { color:#80561c; }
html[data-appearance="light"] .cup-bracket-viewport { border-color:#b0c4b4;scrollbar-color:#8ba588 #e6ede2; }
html[data-appearance="light"] .cup-battle-v021 { background:linear-gradient(150deg,#f5f4e7,#e3eae0);border-color:#b6b38c; }
html[data-appearance="light"] :is(.cup-battle-v021>h2,.cup-combat-lane) { color:var(--muted); }
html[data-appearance="light"] .cup-combat-arena { background:#d6e1d4;border-color:#a2b7a1; }
html[data-appearance="light"] .cup-arena-floor { background:#dae3d1; }
html[data-appearance="light"] .cup-arena-floor>i { background:linear-gradient(135deg,#e6e8d7,#c4d1bd);border-color:#b5c5af;box-shadow:inset 1px 1px 3px #fffff080,inset -1px -2px 3px #81977430; }
html[data-appearance="light"] .cup-order-receipt { background:#dce9ce;color:#375831!important;border-color:#9db98c; }
html[data-appearance="light"] .arcade-root { --arcade-gold:#855b23;--arcade-cyan:#347359;--arcade-coral:#ab513f;color:var(--text);background:radial-gradient(ellipse at 50% 45%,#fffdf1,#e8eee2 72%); }
html[data-appearance="light"] :is(.arcade-icon,.arcade-hud,.arcade-sheet,.arcade-sheet-button.arcade-secondary,.arcade-hint-button) { background:linear-gradient(140deg,#f7f7ed,#dce8dc);color:var(--text);border-color:#a7bfa9; }
html[data-appearance="light"] :is(.arcade-eyebrow,.arcade-caption,.arcade-race-label,.arcade-detail,.arcade-sheet-text,.arcade-sheet-note,.arcade-control-note,.arcade-hint-button small,.arcade-prototype-note) { color:var(--muted); }
html[data-appearance="light"] :is(.arcade-time,.arcade-status,.arcade-sheet-title,.arcade-intro-lead,.arcade-result-score) { color:#765321; }
html[data-appearance="light"] :is(.arcade-progress,.arcade-race-dot) { background:#cedcc9;border-color:#a5bda0; }
html[data-appearance="light"] .arcade-board { background:linear-gradient(145deg,#e0eadb,#c9d9c9);border-color:#91b09d;box-shadow:inset 0 1px #fff9,0 12px 30px #3656401a; }
html[data-appearance="light"] .arcade-cell:before { background:#edf3e7;border-color:#9eb59c;box-shadow:inset 0 2px 4px #748d6820; }
html[data-appearance="light"] .arcade-ring:before { border-color:#996e32;box-shadow:none; }
html[data-appearance="light"] .arcade-ring-filled:before { border-color:#408263; }
html[data-appearance="light"] .arcade-overlay { background:#5b75685c; }
html[data-appearance="light"] .mode-pill { background:#dcebdc;color:#35634a; }
html[data-appearance="light"] .quest-entry>span:first-child { color:var(--accent); }
html[data-appearance="light"] .quest-card progress::-webkit-progress-bar { background:#d4dfce; }
html[data-appearance="light"] .quest-card progress::-webkit-progress-value { background:#779b5e; }
html[data-appearance="light"] .workshop-heading p { color:var(--muted); }
html[data-appearance="light"] :is(.workshop-symbol,.workshop-rings .workshop-symbol,.epic-badge) { background:#e5dfc6;color:#765522;border-color:#b7ab7c; }
html[data-appearance="light"] .first-clear-prize { color:#6d4b1d;background:linear-gradient(135deg,#f8ebc6,#dce9d1);border-color:#b39a58; }
/* Text within the existing painted podium frames keeps its artwork contrast. */
html[data-appearance="light"] .ranking-row.prestige { color:#f3eee0;--muted:#9fb4bd;--accent:#edc878; }
html[data-appearance="light"] :is(.cup-battle-v021 .cup-order-types .cup-order-choice) { background:#e6eddf;border-color:#a3b79d; }
html[data-appearance="light"] .cup-battle-v021 .cup-order-types .cup-order-choice.selected { color:#78521e;background:#f4e8c9;border-color:#a78541; }
html[data-appearance="light"] :is(.cup-actor-label,.cup-table-hp) { color:#365944;text-shadow:0 1px 2px #fff9; }