/* Classic overview only; all game styles keep their own layout. */
body.clean-dashboard-on{--bg:#f7f8f4;--p:#fff;--ink:#292f2b;--muted:#6b746d;--line:#e4e8e1;--g:#55725e;--b:#55725e;--shadow:none;background:var(--bg)}
body.clean-dashboard-on.dark{--bg:#151c18;--p:#202922;--ink:#eef3ee;--muted:#afbbb0;--line:#354238;--g:#9dbea6;--b:#9dbea6}
body.clean-dashboard-on #overview>:not(#defaultDashboard),body.clean-dashboard-on .top>.actions{display:none!important}
#defaultDashboard[hidden],#cleanControls[hidden]{display:none!important}
body.clean-dashboard-on .side{background:var(--p);color:var(--ink);border-right:1px solid var(--line);box-shadow:none}
body.clean-dashboard-on .side nav button{color:var(--muted);background:transparent}
body.clean-dashboard-on .side nav button.on,body.clean-dashboard-on .side nav button:hover{background:var(--bg);color:var(--g);box-shadow:none}
body.clean-dashboard-on .side .free{color:var(--muted);background:var(--bg);border-color:var(--line)}
body.clean-dashboard-on .side .free b{color:var(--ink)}
body.clean-dashboard-on .logo{background:var(--g);box-shadow:none;color:var(--p)}
body.clean-dashboard-on .main{padding:36px clamp(20px,4vw,58px) 50px}
body.clean-dashboard-on .top{margin:0 auto 25px;max-width:1160px;align-items:center}
body.clean-dashboard-on .top h1{font-size:clamp(23px,2.3vw,30px);font-weight:650;letter-spacing:-.6px}
#defaultDashboard{max-width:1160px;margin:auto;display:grid;gap:20px;color:var(--ink);animation:clean-appear .25s ease-out}
.clean-card{background:var(--p);border:1px solid var(--line);border-radius:18px;padding:26px;min-width:0;box-shadow:none}
.clean-card-head{display:flex;justify-content:space-between;align-items:center;gap:14px}
.clean-card-head h2{font-size:16px;font-weight:650;margin:0}.clean-card-head small{color:var(--muted)}
.clean-controls select,.clean-card select,.clean-filters select{background:var(--p);border:1px solid var(--line);border-radius:9px;max-width:100%;padding:9px 12px;font-size:13px}
.clean-balance-value{font-size:clamp(34px,4vw,48px);font-weight:650;letter-spacing:-1.5px;margin:17px 0 2px;overflow-wrap:anywhere;line-height:1.2}
.clean-caption{color:var(--muted);font-size:12px;line-height:1.65;margin:6px 0 0}.clean-totals{display:flex;align-items:center;gap:44px;margin:24px 0}.clean-totals div{display:grid;gap:5px}.clean-totals span{color:var(--muted);font-size:12px}.clean-totals b{font-size:19px;font-weight:600}.clean-totals small{margin-left:auto;color:var(--muted);font-size:12px}
.clean-insight{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--line);font-size:13px}.clean-insight>span{color:var(--g);font-size:23px}.clean-insight p{margin:0}.clean-insight strong{font-weight:600}
.clean-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.clean-link{border:0;padding:4px 0;background:transparent;color:var(--g);font-size:12px;white-space:nowrap;cursor:pointer}.clean-spending{display:flex;align-items:center;justify-content:center;gap:30px;margin:28px 0 20px}.clean-donut{width:140px;height:140px;flex:0 0 140px;display:grid;place-items:center;border-radius:50%}.clean-donut>span{width:108px;height:108px;background:var(--p);border-radius:50%}.clean-legend{display:grid;gap:14px;flex:1;min-width:0}.clean-legend>div{display:flex;gap:12px;justify-content:space-between;font-size:13px}.clean-legend span{overflow-wrap:anywhere}.clean-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.clean-legend b{font-weight:500}
.clean-goal h3{font-size:24px;font-weight:600;margin:18px 0;overflow-wrap:anywhere}.clean-goal-cadence{color:var(--muted);font-size:12px;margin-top:28px}.clean-goal-amount{font-size:16px;line-height:1.6}.clean-goal-amount span{color:var(--muted);font-size:13px}.clean-track{height:8px;background:var(--line);border-radius:10px;overflow:hidden;margin:18px 0 10px}.clean-track span{display:block;height:100%;background:var(--g);border-radius:10px;transition:width .3s ease}
.clean-activity ul{padding:0;margin:12px 0 0;list-style:none}.clean-activity li{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.clean-activity li:last-child{border:0;padding-bottom:0}.clean-row-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;background:var(--bg);color:var(--g);border-radius:11px;font-size:19px}.clean-row-copy{flex:1;min-width:0}.clean-row-copy b{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}.clean-row-copy small,.clean-row-amount small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.clean-activity time{font-size:12px;color:var(--muted)}.clean-row-amount{text-align:right;min-width:100px;max-width:40%;overflow-wrap:anywhere;font-size:13px}.clean-row-amount b{font-weight:600}.clean-row-amount.positive b{color:var(--g)}.clean-mobile-date{display:none}
.clean-game{display:flex;align-items:center;gap:15px;padding:19px 23px;border:1px solid var(--line);border-radius:14px;background:var(--p);color:var(--ink);text-align:left;cursor:pointer}.clean-game-icon{background:var(--bg);width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:var(--g);font-size:22px}.clean-game b{display:block;font-size:14px;font-weight:600}.clean-game small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.clean-game>span:last-child{margin-left:auto;color:var(--muted)}
.clean-filters{color:var(--muted);font-size:12px}.clean-filters summary{cursor:pointer;padding:5px 0}.clean-filter-content{border:1px solid var(--line);border-radius:12px;padding:18px;margin-top:12px;display:grid;gap:14px;background:var(--p)}.clean-filter-content label{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.clean-filter-content input[type=checkbox]{accent-color:var(--g);width:16px;height:16px}.clean-account-checks{display:flex;flex-wrap:wrap;gap:16px}.clean-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#defaultDashboard button:hover{opacity:.8}#defaultDashboard button:focus-visible,#cleanControls select:focus-visible,#defaultDashboard select:focus-visible,#defaultDashboard summary:focus-visible{outline:2px solid var(--g);outline-offset:4px}
@keyframes clean-appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.clean-grid{grid-template-columns:1fr 1fr}.clean-spending{gap:15px}.clean-donut{width:110px;height:110px;flex-basis:110px}.clean-donut>span{width:84px;height:84px}.clean-card{padding:22px}}
@media(max-width:800px){.clean-grid{grid-template-columns:1fr}.clean-spending{justify-content:flex-start;gap:28px}.clean-legend{max-width:300px}body.clean-dashboard-on .top{flex-wrap:wrap;gap:16px}.clean-controls{width:100%}.clean-controls select{width:100%}}
@media(max-width:600px){body.clean-dashboard-on .main{padding:23px 16px 105px}.clean-card{padding:20px;border-radius:15px}#defaultDashboard{gap:16px}.clean-card-head{gap:8px}.clean-card-head h2{font-size:15px}.clean-totals{gap:28px;margin:20px 0;flex-wrap:wrap}.clean-totals small{width:100%;margin:0}.clean-activity time{display:none}.clean-mobile-date{display:inline}.clean-activity li{gap:10px}.clean-row-amount{min-width:75px;font-size:12px}.clean-row-copy small{line-height:1.6}.clean-game{padding:16px}.clean-balance .clean-card-head{font-size:13px}.clean-balance select{padding:8px;font-size:12px}}
@media(prefers-reduced-motion:reduce){#defaultDashboard{animation:none}.clean-track span{transition:none}}

body.clean-dashboard-on .host-sidebar-identity strong{color:var(--ink)}
body.clean-dashboard-on .host-sidebar-identity small,body.clean-dashboard-on .host-sidebar-identity b::before{color:var(--muted)}
body.clean-dashboard-on .host-sidebar-identity span{color:var(--g)}
body.clean-dashboard-on .side{border-top-color:var(--line)}
.clean-link{min-height:36px}.clean-game,.clean-link{touch-action:manipulation}
@media(max-width:600px){.clean-link{min-height:44px}}
/* The same uncluttered financial surface, with a restrained accent per mode. */
body.clean-dashboard-on[data-app-mode="rpg"]{--bg:#f7f5fa;--b:#7854a2;--g:#7854a2;--line:#e7e1ed;--ink:#302839;--muted:#746b7d}
body.clean-dashboard-on[data-app-mode="journey"]{--bg:#f7f8f2;--b:#47734b;--g:#47734b;--line:#e2e7da;--ink:#293a2a;--muted:#6c7867}
body.clean-dashboard-on[data-app-mode="minimalist"]{--bg:#faf8f6;--b:#a45950;--g:#a45950;--line:#eae3df;--ink:#352d2b;--muted:#7a706c}
body.clean-dashboard-on.dark{--bg:#151c18;--p:#202922;--ink:#eef3ee;--muted:#afbbb0;--line:#354238}
body.clean-dashboard-on.dark[data-app-mode="rpg"]{--bg:#1b1722;--p:#27212f;--ink:#f1edf6;--muted:#bdb1c7;--line:#403547;--b:#c3a2e5;--g:#c3a2e5}
body.clean-dashboard-on.dark[data-app-mode="journey"]{--b:#a2c79b;--g:#a2c79b}
body.clean-dashboard-on.dark[data-app-mode="minimalist"]{--bg:#201b19;--p:#2b2421;--ink:#f5efeb;--muted:#c1b2aa;--line:#453932;--b:#e0aaa0;--g:#e0aaa0}
body.clean-dashboard-on #overview.on{display:block}
.clean-mode-hero{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:28px;align-items:center;border:1px solid var(--line);border-radius:18px;background:var(--p);padding:24px;min-width:0}
.clean-mode-visual,.clean-mode-copy{min-width:0}.clean-mode-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.clean-mode-heading .hub-eyebrow{margin:0;font-weight:650;letter-spacing:.09em}.clean-mode-hero h2{font-size:clamp(19px,2vw,24px);line-height:1.3;font-weight:600;letter-spacing:-.3px;margin:12px 0 8px}.clean-mode-hero .clean-next{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 14px}.clean-mode-meta{font-size:12px;color:var(--muted);margin:8px 0 0}
.clean-mode-hero .hub-checkin{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:14px 0 0;margin:16px 0 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.clean-mode-hero .hub-checkin b{font-size:13px;font-weight:600}.clean-mode-hero .hub-checkin p{font-size:12px;color:var(--muted);margin:4px 0}.clean-mode-hero .hub-checkin small{font-size:10px;color:var(--muted)}.clean-mode-hero .hub-checkin .btn{min-height:44px;white-space:normal;flex-shrink:0;background:var(--g);color:var(--p);border-color:var(--g);border-radius:10px;box-shadow:none;font-weight:600;max-width:175px}.clean-mode-hero .game-xp-row{font-size:12px}.clean-mode-hero .game-track{height:7px;box-shadow:none;background:var(--line)}.clean-mode-hero .game-track span{background:var(--g)}
.clean-game-visual.rpg-scene{position:relative;min-height:210px;height:210px;border-radius:14px;overflow:hidden;background-color:var(--bg);border:1px solid var(--line)}
.clean-game-visual.rpg-scene .hub-avatar{position:absolute;left:50%;top:16px;right:auto;bottom:auto;transform:translateX(-50%);width:115px;height:140px}.clean-game-visual>span{position:absolute;bottom:12px;left:10px;right:10px;text-align:center;font-size:11px;font-weight:600;background:var(--p);color:var(--ink);border-radius:8px;padding:6px}
.clean-journey-path.journey-path{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:25px 10px;background:var(--bg);border:1px solid var(--line)}.clean-journey-path .journey-step>span{width:48px;height:48px;border-width:2px;box-shadow:none}.clean-journey-path .journey-step.reached>span{background:color-mix(in srgb,var(--g) 10%,var(--p))}.clean-journey-path .journey-step>b{font-weight:600}
.clean-week{padding:20px 16px;border-radius:14px;border:1px solid var(--line);background:var(--bg)}.clean-week .game-trail-heading{font-size:12px;margin:0 0 16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px}.clean-week .game-trail-heading span{color:var(--muted)}.clean-week .game-week-days{gap:6px}.clean-week .game-day strong{min-height:32px;font-size:13px;box-shadow:none;border-radius:50%}.clean-week .game-day>span{font-size:10px}
.clean-mode-hero .clean-mode-notice{font-size:12px;color:var(--muted);margin:12px 0 0}.clean-mode-notice .clean-link{min-height:30px}
body.dark .clean-mode-hero .hub-checkin .btn{color:#1a2020}
#gamePlay{max-width:1160px;margin-inline:auto}#gamePlay .game-play-hero{padding:0;border:0;box-shadow:none;background:transparent}#gamePlay .clean-mode-hero{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
.clean-game-details{margin-bottom:16px;box-shadow:none!important;border-radius:14px!important}.clean-game-details>summary{cursor:pointer;font-weight:600;padding:4px;min-height:44px;line-height:2.5}.clean-game-details>summary>span{font-weight:400;font-size:12px;color:var(--muted);float:right}.clean-game-detail-body{padding-top:20px;border-top:1px solid var(--line);margin-top:12px}.clean-game-detail-body .journey-path{margin-top:20px}.clean-game-detail-body .hub-rewards{border:0;padding:0;margin:0;box-shadow:none}.clean-game-detail-body .head h3{font-size:14px;margin:0}.clean-game-details:has(summary:focus-visible){outline:2px solid var(--b);outline-offset:3px}
#gamePlay .panel{box-shadow:none}.game-play-toolbar .btn{min-height:44px}.clean-mode-hero button:focus-visible{outline:2px solid var(--b);outline-offset:3px}
#gameHub .hub-mode-card{box-shadow:none;border-radius:16px}#gameHub .hub-mode-card.selected{box-shadow:none}#gameHub .hub-card-copy h3{font-size:20px}#gameHub .hub-card-copy{padding:20px}#gameHub .hub-preview-scene,#gameHub .hub-preview-path,#gameHub .hub-preview-minimal{height:140px}#gameHub .hub-footnote{box-shadow:none}
@media(max-width:900px){.clean-mode-hero,#gamePlay .clean-mode-hero{grid-template-columns:1fr;gap:20px}.clean-game-visual.rpg-scene{min-height:170px;height:170px}.clean-game-visual.rpg-scene .hub-avatar{top:2px;width:96px;height:120px}.clean-mode-hero.minimal-layout{gap:18px}.clean-week{padding:18px}.clean-journey-path.journey-path{padding:18px 12px}.clean-mode-hero .hub-checkin{flex-direction:row}.clean-mode-hero .hub-checkin .btn{width:auto}}
@media(max-width:600px){.clean-mode-hero{padding:20px;border-radius:15px}.clean-mode-hero .clean-mode-heading{align-items:start}.clean-mode-heading .clean-link{white-space:normal;text-align:right;max-width:135px;min-height:32px}.clean-mode-hero .hub-checkin{flex-direction:column;align-items:stretch;gap:10px}.clean-mode-hero .hub-checkin .btn{max-width:none;width:100%}.clean-game-details>summary>span{float:none;display:block;line-height:1.6;margin-left:20px}.clean-mode-hero h2{margin-top:10px}.clean-mode-hero .clean-next{margin-bottom:10px}}

/* All included account balances remain visible independently of summary scope. */
.clean-account-balances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:18px 0 0;padding:0}
.clean-account-balances li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--line);border-radius:12px;min-width:0;background:var(--bg)}
.clean-account-balances li>div{min-width:0;flex:1}.clean-account-balances b{display:block;font-size:13px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.clean-account-balances small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.clean-account-balances strong{font-size:16px;font-weight:650;text-align:right;max-width:55%;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.clean-account-balances strong.negative{color:var(--r)}
.clean-account-balances .clean-account-empty{grid-column:1/-1;color:var(--muted);font-size:13px;background:transparent}
@media(max-width:1000px){.clean-account-balances{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.clean-account-balances{grid-template-columns:1fr;gap:10px}.clean-account-balances li{padding:14px}.clean-account-balances strong{font-size:17px}}