.game-mode-setting{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:default;text-align:left}
.game-mode-setting:hover{transform:none}
.game-mode-setting p{margin:5px 0;color:var(--ink)}
.game-mode-setting small{display:block;color:var(--muted);line-height:1.45}
.game-mode-setting .toggle{flex:0 0 auto;min-width:46px;min-height:28px}
.game-mode-panel{display:grid;gap:14px;margin:16px 0;min-width:0}
#gameModePanel[hidden]{display:none!important}
.game-mode-panel .head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}
.game-mode-panel .head h2{margin:0}
.game-level{background:color-mix(in srgb,var(--b) 15%,var(--p));color:var(--ink);border-radius:999px;padding:6px 11px;font-weight:750;white-space:nowrap}
.game-xp-row,.game-trail-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}
.game-xp-row span,.game-trail-heading span,.game-mode-panel small{color:var(--muted)}
.game-track{height:10px;border-radius:999px;background:var(--line);overflow:hidden}
.game-track[hidden]{display:none}
.game-track>span{display:block;height:100%;border-radius:inherit;background:var(--b);transition:width .2s ease}
.game-goal .game-track>span{background:var(--g)}
.game-trail,.game-goal{display:grid;gap:9px;padding:14px;border-radius:13px;background:var(--bg);min-width:0}
.game-trail h3,.game-goal h3{margin:0}
.game-goal p{margin:0;overflow-wrap:anywhere}
.game-garden{display:flex;justify-content:space-around;align-items:center;min-height:54px;border-radius:10px;background:color-mix(in srgb,var(--g) 10%,var(--p))}
.game-garden[hidden]{display:none}
.game-garden span{opacity:.3;font-size:22px}
.game-garden span.reached{opacity:1}
.game-week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.game-day{text-align:center;min-width:0}
.game-day>span{display:block;color:var(--muted);margin-bottom:5px}
.game-day strong{display:grid;place-items:center;min-height:40px;border-radius:10px;background:var(--p);color:var(--muted)}
.game-day strong.recorded{background:color-mix(in srgb,var(--b) 15%,var(--p));color:var(--b)}
.game-day strong.today{box-shadow:inset 0 0 0 2px var(--b)}
@media(max-width:400px){.game-mode-panel{padding:14px}.game-week-days{gap:4px}.game-day strong{min-height:36px}.game-mode-setting{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.game-track>span{transition:none}}
.game-checkin{margin:14px 0;display:flex;align-items:center;justify-content:space-between;gap:14px}
.game-checkin p{margin:4px 0 0;color:var(--muted)}
.game-checkin .btn{white-space:normal}
.game-checkin [hidden]{display:none!important}
.game-rewards{padding:14px;border-radius:13px;background:var(--bg)}
.game-rewards h3{margin:0 0 4px}
.game-mode-panel .game-hero p{color:#fff}
@media(max-width:540px){.game-checkin{align-items:stretch;flex-direction:column}.game-checkin .btn{width:100%}}
.game-appearance-view>.panel{max-width:920px;margin:0 auto}
.game-appearance-view>.more-back{margin-bottom:16px}
.game-appearance-view .game-mode-setting{padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.game-appearance-view .game-mode-setting h2{margin:0;font-size:22px}
.game-appearance-content{display:grid;gap:17px}
.game-appearance-content .game-hero{min-height:220px}
.game-appearance-summary{font-weight:750;color:var(--ink)}
.game-scene-growth{margin:0;color:var(--muted)}
.game-appearance-view .game-rewards p{margin:5px 0;color:var(--muted)}
.game-appearance-view .game-theme-grid{grid-template-columns:repeat(auto-fit,minmax(142px,1fr))}
.game-theme-locked{display:grid;align-content:start;gap:5px;min-width:0;min-height:135px;padding:13px;border:1px dashed var(--line);border-radius:12px;background:var(--p);color:var(--muted)}
.game-theme-locked b{color:var(--ink)}
.game-theme-locked small{line-height:1.35}
.game-theme-lock{display:grid;place-items:center;min-height:63px;background:var(--bg);border-radius:8px;font-size:26px}
