/* Shared finish for browsing and account screens. Gameplay surfaces are excluded. */
:is(.account-dashboard,.profile-dashboard,.home-dashboard,.rewards-dashboard,.settings-dashboard,.missions-dashboard,.leaderboards-dashboard){
 --surface-line:#86badf24;--surface-muted:#acbfd2;
 background:radial-gradient(ellipse at 12% 0,#13374477,transparent 42rem),radial-gradient(ellipse at 100% 30%,#30274d33,transparent 40rem),#080f1b;
}
:is(.account-dashboard,.profile-dashboard,.settings-dashboard,.missions-dashboard,.leaderboards-dashboard) .topbar{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
:is(.account-dashboard,.profile-dashboard,.home-dashboard,.rewards-dashboard,.settings-dashboard,.missions-dashboard,.leaderboards-dashboard) :is(.page-header,.home-hero,.rewards-hero,.missions-hero,.leaderboard-hero){border:0!important;background:transparent!important;box-shadow:none!important;text-align:left}
:is(.account-dashboard,.profile-dashboard,.settings-dashboard,.missions-dashboard,.leaderboards-dashboard) .page-header h1{letter-spacing:-1.4px}
:is(.account-dashboard,.profile-dashboard,.home-dashboard,.rewards-dashboard,.settings-dashboard,.missions-dashboard,.leaderboards-dashboard) :is(button,a.button):focus-visible{outline:2px solid #8be7ee;outline-offset:4px}
:is(.account-dashboard,.profile-dashboard,.home-dashboard,.rewards-dashboard,.settings-dashboard,.missions-dashboard,.leaderboards-dashboard) .public-footer{border-top:1px solid var(--surface-line);background:none!important;box-shadow:none!important}
/* Account: a single reading column, with one primary action per mode. */
body.account-dashboard .container{max-width:620px!important}
body.account-dashboard .page-header{padding:22px 4px 12px!important;display:block!important;margin-bottom:0!important}
.account-wordmark{display:block;font-size:11px;font-weight:850;letter-spacing:2px;margin-bottom:12px;color:#eff8ff}
.account-wordmark>span{color:#7de4ef}
body.account-dashboard .page-header h1{font-size:clamp(32px,6vw,46px)!important;line-height:1.1!important;margin:0 0 10px!important}
body.account-dashboard .page-header p{font-size:14px!important;line-height:1.6;color:var(--surface-muted);max-width:36ch;margin:0}
body.account-dashboard .cloud-account-card{padding:24px 4px!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
body.account-dashboard .cloud-account-card:before{display:none!important}
body.account-dashboard .cloud-account-head{margin-bottom:8px;align-items:center}
body.account-dashboard .cloud-account-head .section-kicker{display:none}
body.account-dashboard .cloud-account-head h2{font-size:24px!important;letter-spacing:-.6px;margin:0}
body.account-dashboard .cloud-badge{font-size:10px;padding:5px 9px;border:0;background:#819ab016;color:#a7bace}
body.account-dashboard .cloud-badge.connected{color:#9ee3cc;background:#68d4ad15}
.account-dashboard .auth-intro{font-size:14px;line-height:1.5;margin:8px 0 18px;color:var(--surface-muted)}
.account-dashboard .auth-mode-switch{display:flex;gap:24px;border-bottom:1px solid var(--surface-line);margin:0 0 22px}
.account-dashboard .auth-mode-switch button{position:relative;min-height:44px;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:10px 0!important;color:#a7bace;font-size:14px;font-weight:750}
.account-dashboard .auth-mode-switch button[aria-pressed=true]{color:#b6f4ee}
.account-dashboard .auth-mode-switch button[aria-pressed=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#7de4df}
body.account-dashboard .cloud-auth-fields{display:grid!important;grid-template-columns:1fr!important;gap:17px!important;margin-bottom:20px}
body.account-dashboard .cloud-auth-fields label>span:first-child{font-size:12px;font-weight:650;color:#c2d3e0;margin-bottom:8px}
body.account-dashboard .cloud-auth-fields input,body.account-dashboard #cloudResetEmail,body.account-dashboard #cloudNewPassword{border:1px solid #63839860!important;background:#0d1b2a!important;box-shadow:none!important;border-radius:12px!important;min-height:50px!important;font-size:16px!important;color:#f1f8fc;padding:12px 14px;outline-offset:3px}
body.account-dashboard .cloud-auth-fields input:focus{outline:2px solid #85dbe2!important;border-color:transparent!important}
body.account-dashboard .password-entry{position:relative;display:block;margin:0!important}
body.account-dashboard .password-entry input{width:100%;padding-right:70px!important}
body.account-dashboard #showPassword{position:absolute;right:4px;top:4px;min-height:42px;min-width:56px;background:transparent!important;border:0!important;box-shadow:none!important;color:#ace5e9;font-size:12px;padding:6px}
body.account-dashboard .cloud-auth-actions{display:block!important;margin:0!important}
body.account-dashboard .cloud-auth-actions button{width:100%;min-height:50px!important;border:0!important;border-radius:12px!important;background:linear-gradient(105deg,#89e8db,#80c7f1)!important;color:#0a2632!important;font-size:15px!important;font-weight:800;box-shadow:none!important}
body.account-dashboard .cloud-auth-actions button:disabled{opacity:.65;cursor:wait}
body.account-dashboard [hidden]{display:none!important}
.account-dashboard .auth-enter-submit{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}
body.account-dashboard .cloud-auth-feedback{margin:10px 0 4px;padding:0!important;background:none!important;border:0!important;color:#b4e4ec;line-height:1.55;font-size:13px}
body.account-dashboard .cloud-auth-feedback.error{color:#ffb5b1}
body.account-dashboard .cloud-forgot{display:block;min-height:44px;margin:4px 0 0;padding:10px 0;color:#b6d7ed;text-align:left;background:transparent;border:0;box-shadow:none;font-size:13px}
.account-dashboard .auth-terms{font-size:12px;line-height:1.6;color:#aebfd2;margin:10px 0}
.account-dashboard .auth-terms a,.account-dashboard .cloud-safety-card a{color:#b6ecf2;text-decoration:underline;text-underline-offset:3px}
.account-dashboard .auth-guest{display:inline-flex;align-items:center;min-height:44px;color:#a5d7d0;font-size:13px;text-decoration:none}
body.account-dashboard .cloud-signup-notice{border:0!important;border-left:2px solid #83dac0!important;border-radius:0!important;background:#70c5aa0a!important;box-shadow:none!important;padding:14px 16px!important;margin-top:16px}
.account-dashboard .cloud-signup-notice-icon{display:none}
.account-dashboard .cloud-signup-notice-copy strong{font-size:17px}
.account-dashboard .cloud-signup-notice-copy span{font-size:13px;line-height:1.6}
body.account-dashboard .cloud-reset-panel{border:0!important;border-top:1px solid var(--surface-line)!important;border-radius:0!important;background:transparent!important;padding:20px 0!important;margin-top:18px}
body.account-dashboard .cloud-reset-panel h3{font-size:20px}
body.account-dashboard .cloud-signed-status{border:0!important;border-radius:0!important;background:none!important;padding:14px 0 20px!important;box-shadow:none!important;border-bottom:1px solid var(--surface-line)!important}
body.account-dashboard #cloudEmailDisplay{font-size:17px!important;overflow-wrap:anywhere}
body.account-dashboard #cloudSaveStatus{font-size:12px;margin-top:5px;color:var(--surface-muted)}
body.account-dashboard .cloud-live-status{display:block;width:fit-content;font-size:11px!important;white-space:normal;padding:5px 0!important;background:none!important;border:0!important}
body.account-dashboard .cloud-auto-row{border:0!important;border-radius:0!important;background:none!important;padding:18px 0!important;margin:0!important}
body.account-dashboard .cloud-auto-row span{font-size:12px;line-height:1.5;max-width:30ch}
body.account-dashboard .cloud-auto-toggle{border-radius:999px!important;box-shadow:none!important;min-height:44px;min-width:64px}
body.account-dashboard .cloud-save-actions{gap:10px;margin-top:8px}
body.account-dashboard .cloud-save-actions button{min-height:46px!important;font-size:12px!important;border-radius:12px!important;box-shadow:none!important}
body.account-dashboard #cloudSaveButton{background:#89ded7!important;color:#0b2930!important;border:0!important}
body.account-dashboard #cloudRestoreButton{background:transparent!important;border:1px solid #739aae55!important;color:#c1e2ee!important}
body.account-dashboard .cloud-signout{background:transparent!important;border:0!important;box-shadow:none!important;padding:10px 0!important;min-height:44px;color:#bacfe0;margin-top:8px}
body.account-dashboard .cloud-delete-zone{border:0!important;border-top:1px solid var(--surface-line)!important;border-radius:0!important;background:none!important;padding:20px 0 0!important;margin-top:16px}
body.account-dashboard .cloud-delete-zone strong{font-size:15px;color:#eac4c7}
body.account-dashboard .cloud-delete-zone span{font-size:12px;line-height:1.6;max-width:55ch}
body.account-dashboard #cloudDeleteButton{background:none!important;border:1px solid #e0979950!important;box-shadow:none!important;color:#ffb8bb!important;font-size:12px;min-height:44px;border-radius:10px}
body.account-dashboard .cloud-message{border:0!important;border-left:2px solid #81bcca55!important;border-radius:0!important;background:#79aacc08!important;padding:12px 15px!important;margin-top:18px;font-size:13px;line-height:1.6;box-shadow:none!important}
body.account-dashboard:has(#cloudSignedOut:not([hidden])) :is(.cloud-message,.account-sync-details){display:none}
.account-sync-details{margin-top:18px;font-size:12px;color:var(--surface-muted)}
.account-sync-details summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
.account-sync-details summary:after{content:'+';margin-left:auto;font-size:18px}
.account-sync-details[open] summary:after{content:'−'}
body.account-dashboard .cloud-device-meta{flex-wrap:wrap;gap:8px;margin-top:0;padding:12px 0;border-top:1px solid var(--surface-line);font-size:11px}
body.account-dashboard .account-advanced,body.account-dashboard .cloud-safety-card{border:0!important;border-top:1px solid var(--surface-line)!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:20px 4px!important;margin:0!important}
body.account-dashboard .account-advanced>summary{background:transparent!important;padding:0!important;min-height:44px}
body.account-dashboard .cloud-safety-card h2{font-size:18px!important;letter-spacing:-.3px;margin-bottom:10px}
body.account-dashboard .cloud-safety-card p{font-size:12px!important;line-height:1.7}
body.account-dashboard .container>a.button{display:inline-flex;width:auto!important;min-height:44px!important;padding:10px 5px!important;margin-right:18px;font-size:13px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#acdbea!important}
/* Profile reads as one page, with an open identity area and tidy navigation rows. */
body.profile-dashboard .profile-hero{border:0!important;background:radial-gradient(ellipse at 10% 50%,#65d8e318,transparent 65%)!important;box-shadow:none!important;padding:20px 4px 16px!important;border-radius:0!important}
body.profile-dashboard .profile-avatar{border-radius:50%!important;border:1px solid #83d5e03d!important;background:#1a33434d!important;box-shadow:none!important}
body.profile-dashboard .profile-key-stats{border:0!important;border-top:1px solid var(--surface-line)!important;border-bottom:1px solid var(--surface-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:12px 0!important}
body.profile-dashboard .profile-key-stats>div{border:0!important;background:transparent!important;padding:6px 3px!important}
/* Shop: artwork carries the collection, instead of frames inside frames. */
body.studio-dashboard .item-card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:6px;align-content:start;padding:0 0 15px!important;border:0!important;border-bottom:1px solid #83b4d026!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.studio-dashboard .item-card:before{display:none!important}
body.studio-dashboard .item-card>*{grid-column:1/-1;min-width:0}
body.studio-dashboard .item-card .item-art{border:0!important;border-radius:45% 45% 18px 18px!important;background:radial-gradient(ellipse at 50% 65%,#507e9130,transparent 73%)!important}
body.studio-dashboard .item-card h3{margin:12px 2px 4px;min-height:0!important;font-size:14px}
body.studio-dashboard .item-card .item-category{margin:0 2px 6px}
body.studio-dashboard .item-card .item-ownership{font-size:11px;min-height:28px!important;margin:0 2px 9px;line-height:1.4}
body.studio-dashboard .item-card button{grid-column:2;border-radius:999px!important;min-height:44px!important;margin:0!important;padding:8px 5px!important;font-size:11px!important;box-shadow:none!important}
body.studio-dashboard .item-card button.preview-item{grid-column:1;background:transparent!important;border:0!important;color:#a8dee6;text-decoration:underline;text-underline-offset:4px}
body.studio-dashboard .item-card.is-equipped .item-art{background:radial-gradient(ellipse at 50% 65%,#69c5a932,transparent 74%)!important}
body.studio-dashboard #featured-looks .look-card{border:0!important;border-radius:0!important;box-shadow:none!important;background:radial-gradient(ellipse at 20% 55%,color-mix(in srgb,var(--look-accent) 14%,transparent),transparent 75%)!important;border-bottom:1px solid #9dc5dc24!important}
body.studio-dashboard #featured-looks .look-art:before{display:none}
body.studio-dashboard #featured-looks button{width:auto!important;min-height:44px;border-radius:999px!important;border:0!important;background:#95c2cf10!important}
body.studio-dashboard .showcase.panel{border:0!important;box-shadow:none!important;border-radius:0!important;background:radial-gradient(ellipse at 25% 40%,#6ed1d716,transparent 70%)!important}
body.studio-dashboard :is(.shop.panel,.leaderboard.panel){border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important}
body.studio-dashboard .leaderboard .leader-avatar{border-radius:50%!important}
body.studio-dashboard #auth-modal{padding:32px 26px;border:1px solid #9ac5d32a;border-radius:24px;background:#0c1928;box-shadow:0 30px 100px #0009;width:min(440px,calc(100vw - 28px))}
body.studio-dashboard #auth-modal h2{font-size:28px;letter-spacing:-1px;margin:8px 0}
body.studio-dashboard #auth-modal .muted{font-size:13px;line-height:1.6;color:#b0c4d4}
body.studio-dashboard #auth-modal input{font-size:16px;min-height:50px;border-radius:12px;border:1px solid #63839860;background:#102131}
body.studio-dashboard #auth-modal #auth-form .primary{min-height:50px;border:0;background:linear-gradient(105deg,#89e8db,#80c7f1);color:#0a2632;box-shadow:none;border-radius:12px}
body.studio-dashboard #magic-link{border:0;background:none;box-shadow:none;min-height:44px;font-size:12px;text-decoration:underline;text-underline-offset:4px}
body.studio-dashboard .auth-help-links{display:flex;justify-content:space-between;gap:14px;font-size:12px}
body.studio-dashboard .auth-help-links a{display:inline-flex;align-items:center;min-height:44px;color:#b5d9e8}
/* Supporting screens use separators. Featured balances and game tiles keep emphasis. */
body.settings-dashboard .settings-section,body.missions-dashboard .missions-detail-card{border:0!important;border-top:1px solid var(--surface-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.settings-dashboard .settings-section:before{display:none!important}
body.settings-dashboard .settings-toggle-row{border:0!important;border-bottom:1px solid var(--surface-line)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
body.settings-dashboard .app-status-card{border:0!important;background:transparent!important;box-shadow:none!important}
body.home-dashboard :is(.home-panel,.home-account-card,.home-install-banner){border:0!important;border-top:1px solid var(--surface-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.home-dashboard .home-action-row{border:0!important;border-bottom:1px solid var(--surface-line)!important;border-radius:0!important;box-shadow:none!important}
body.rewards-dashboard :is(.rewards-now-later article,.reward-protection-card,.rewards-basic-item){border:0!important;border-bottom:1px solid var(--surface-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.leaderboards-dashboard .leaderboard-card{border:0!important;background:transparent!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important}
body.leaderboards-dashboard .leader-avatar{border-radius:50%!important}
@media(max-width:699px){
 body.account-dashboard .page-header{padding-top:16px!important}
 body.account-dashboard .cloud-account-card{padding-top:18px!important}
 body.account-dashboard .cloud-auth-fields{gap:13px!important;margin-bottom:16px}
 body.account-dashboard .cloud-save-actions{grid-template-columns:1fr 1fr!important}
 body.profile-dashboard .profile-hero{margin-top:6px!important}
 body.studio-dashboard .shop-grid{gap:22px 12px}
 body.studio-dashboard .item-card .item-art{height:160px!important}
 body.studio-dashboard #featured-looks .look-card{flex-basis:92%;padding:12px 2px!important;gap:12px;grid-template-columns:110px minmax(0,1fr)}
 body.studio-dashboard #featured-looks .look-art{height:190px}
}
@media(prefers-reduced-motion:reduce){.auth-mode-switch *{transition:none!important}}

/* Informational sections stay open; navigation retains its original card surfaces. */
body.profile-dashboard :is(.profile-settings-link,.profile-edit-card>summary){min-height:44px;min-width:44px}
body.profile-dashboard :is(.avatar-studio-link,.profile-shortcuts a,.profile-settings-link,.profile-progress-row,.profile-more-stats>summary,.profile-edit-card>summary):focus-visible{outline:2px solid #8be7ee;outline-offset:3px}
body.profile-dashboard :is(.avatar-studio-link,.profile-shortcuts a,.profile-settings-link,.profile-progress-row,.profile-more-stats>summary,.profile-edit-card>summary):active{filter:brightness(1.2)}