/* Account-only visual layer. Real item art and labelled icons; no altered data or calculations. */
@media screen {
body.site-ui.site-refresh.account-app{--account-glow:#8de5cf;--account-gold:#f2d18a;--account-panel:#142b39}
body.site-ui.site-refresh.account-app #account-results .account-game-icon{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;color:var(--account-glow);vertical-align:middle}
body.site-ui.site-refresh.account-app #account-results .account-game-heading{display:flex;align-items:center;gap:9px;line-height:1.4;color:#edf4f8;font-size:14px;font-weight:650;letter-spacing:0;margin:0 0 10px}
body.site-ui.site-refresh.account-app #account-results .account-game-heading>.account-icon{box-sizing:content-box;padding:7px;background:#1d3d48;border:1px solid #466976;border-radius:8px;width:18px;height:18px}
body.site-ui.site-refresh.account-app #account-results :is(.account-home-primary,.account-home-supplies,.account-home-event,.account-vip-summary,.account-home-change,.account-rally-summary,.account-journey,.account-work-section,.commerce-card,.event-watch-card,.community-card,.share-personal,.progress-chart-panel,.duel-card){border:1px solid #45606f;border-top:2px solid #649b9b;border-radius:10px;background:linear-gradient(120deg,#1c394766,#142b3900 65%),#142b39;box-shadow:0 3px 12px #0002;padding:12px;min-width:0}
body.site-ui.site-refresh.account-app #account-results.account-home-grid{gap:12px}
body.site-ui.site-refresh.account-app #account-results .account-home-primary{background:linear-gradient(90deg,#102631f5 10%,#102631dd 65%,#10263166),url('account-command-v200.webp') right center/cover;min-height:0}
body.site-ui.site-refresh.account-app #account-results .account-home-primary p{max-width:55ch;margin:6px 0 10px;color:#cbdbe3;font-size:13px;line-height:1.5}
body.site-ui.site-refresh.account-app #account-results .account-home-primary .account-home-eyebrow{color:#a6e8d7;font-size:10px;letter-spacing:.12em;margin:0 0 7px}
body.site-ui.site-refresh.account-app #account-results .account-home-profile{gap:0;padding:0;background:linear-gradient(110deg,#213f50,#142b39);border:1px solid #537887;border-radius:10px;overflow:hidden}
body.site-ui.site-refresh.account-app #account-results .account-home-profile>div{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:9px;row-gap:4px;padding:13px 16px;min-width:0;border-inline-end:1px solid #3d5969}
body.site-ui.site-refresh.account-app #account-results .account-home-profile>div:last-child{border:0}
body.site-ui.site-refresh.account-app #account-results .account-home-profile .account-game-icon{grid-row:1/3;align-self:center;width:25px;height:25px;filter:drop-shadow(0 0 5px #8de5cf33)}
body.site-ui.site-refresh.account-app #account-results .account-home-profile>div:last-child .account-game-icon{color:var(--account-gold)}
body.site-ui.site-refresh.account-app #account-results .account-home-profile span{font-size:11px;color:#b8cbd6;line-height:1.35}
body.site-ui.site-refresh.account-app #account-results .account-home-profile strong{font-size:19px;line-height:1.2;color:#edf6fa;letter-spacing:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body.site-ui.site-refresh.account-app #account-results .account-home-supplies{padding:12px}
body.site-ui.site-refresh.account-app #account-results .account-home-totals{margin:0;border:0;background:transparent;gap:8px;padding:0}
body.site-ui.site-refresh.account-app #account-results .account-home-totals>div{display:grid;grid-template-columns:25px minmax(0,1fr);column-gap:8px;row-gap:5px;padding:9px;background:#102633;border:1px solid #3d5969;border-radius:7px}
body.site-ui.site-refresh.account-app #account-results .account-home-totals .account-game-icon{grid-row:1/3;align-self:center}
body.site-ui.site-refresh.account-app #account-results .account-home-totals span{font-size:11px;line-height:1.35;color:#b8cbd6}
body.site-ui.site-refresh.account-app #account-results .account-home-totals strong{font-size:15px;color:#edf6fa;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body.site-ui.site-refresh.account-app #account-results .account-home-shortcuts button.secondary{display:flex;align-items:center;gap:8px;border:1px solid #45606f;border-radius:7px;padding:9px 11px;min-height:44px;background:#17323f;color:#d5e5ed;font-size:12px}
body.site-ui.site-refresh.account-app #account-results .account-home-shortcuts button:hover{border-color:#8de5cf;background:#234853}
body.site-ui.site-refresh.account-app #account-results :is(.account-home-grid>section>p,.account-work-note,.share-note){font-size:12px;line-height:1.5}
body.site-ui.site-refresh.account-app #account-results :is(.account-vip-stats>div,.progress-highlights>div,.duel-stat,.shared-plan-resource,.class-history-levels article){border:1px solid #45606f;border-top:2px solid #72b0ad;border-radius:8px;padding:10px 12px;background:#142b39}
body.site-ui.site-refresh.account-app #account-results :is(.account-vip-stats,.progress-highlights,.duel-stats){gap:8px}
body.site-ui.site-refresh.account-app #account-results :is(.account-vip-stats>div,.progress-highlights>div,.duel-stat)>:is(span,small){color:#b8cbd6;font-size:11px;line-height:1.4}
body.site-ui.site-refresh.account-app #account-results :is(.account-vip-stats>div,.progress-highlights>div,.duel-stat)>strong{display:block;color:#edf6fa;font-size:18px;line-height:1.35;font-variant-numeric:tabular-nums;letter-spacing:0;margin:4px 0;overflow-wrap:anywhere}
body.site-ui.site-refresh.account-app #account-results .account-vip-stats>div:first-child{border-top-color:#d6b46f}
body.site-ui.site-refresh.account-app #account-results progress{accent-color:#8de5cf;height:7px;border-radius:8px;overflow:hidden}
body.site-ui.site-refresh.account-app #account-results progress::-webkit-progress-bar{background:#0b1d29;border-radius:8px}
body.site-ui.site-refresh.account-app #account-results progress::-webkit-progress-value{background:linear-gradient(90deg,#66bda8,#b3f1dd);border-radius:8px}
body.site-ui.site-refresh.account-app #account-results :is(.supply-overview>section,.account-work-section){min-width:0}
body.site-ui.site-refresh.account-app #account-results .supply-resource-name{display:flex;align-items:center;gap:8px}
body.site-ui.site-refresh.account-app #account-results .supply-resource-name .account-icon{padding:5px;background:#203d48;border-radius:6px;box-sizing:content-box;width:17px;height:17px}
body.site-ui.site-refresh.account-app #account-results .supply-ledger-row th{font-size:12px}
body.site-ui.site-refresh.account-app #account-results .resource-total-name{display:grid;grid-template-columns:27px minmax(0,1fr);align-items:center;column-gap:7px}
body.site-ui.site-refresh.account-app #account-results .resource-total-name>:is(.account-icon,.account-mini-art){grid-column:1;grid-row:1/3;max-width:27px;max-height:30px}
body.site-ui.site-refresh.account-app #account-results .resource-total-name>span:not(.account-mini-art),body.site-ui.site-refresh.account-app #account-results .resource-total-name>small{grid-column:2}
body.site-ui.site-refresh.account-app #account-results .resource-total-name .account-mini-art img{width:25px;height:25px;object-fit:contain}
body.site-ui.site-refresh.account-app #account-results .supply-plan-action{display:inline-flex;align-items:center;justify-content:center;gap:7px}
body.site-ui.site-refresh.account-app #account-results .supply-plan-action .account-game-icon{color:currentColor}
body.site-ui.site-refresh.account-app #account-results :is(.resource-total-card,.account-row){box-shadow:0 2px 8px #0002}
body.site-ui.site-refresh.account-app #account-results .account-row-heading>.account-game-icon{box-sizing:content-box;padding:8px;border:1px solid #4b6b79;border-radius:7px;background:#203c49;width:23px;height:23px}
body.site-ui.site-refresh.account-app #account-results .account-row-facts{font-variant-numeric:tabular-nums}
body.site-ui.site-refresh.account-app #account-results :is(.account-vip-levels,.progress-day-records,.resource-options,.commerce-contents,.share-additional,.share-personal){border:1px solid #45606f;border-radius:8px;background:#102633;margin-top:10px;overflow:hidden}
body.site-ui.site-refresh.account-app #account-results :is(.account-vip-levels,.progress-day-records,.resource-options,.commerce-contents,.share-additional,.share-personal)>summary{min-height:44px;box-sizing:border-box;padding:11px 12px;cursor:pointer;color:#d4e7eb;font-size:12px;font-weight:600;background:#173340}
body.site-ui.site-refresh.account-app #account-results :is(.account-vip-levels,.progress-day-records,.resource-options,.commerce-contents,.share-additional,.share-personal)>summary:hover{background:#244651}
body.site-ui.site-refresh.account-app #account-results :is(button,a,summary):focus-visible{outline:2px solid #8de5cf;outline-offset:2px}
body.site-ui.site-refresh.account-app #account-results .account-vip-levels>p{padding:0 12px}
@media(min-width:1000px){
 body.site-ui.site-refresh.account-app #account-results .account-work{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body.site-ui.site-refresh.account-app #account-results .account-work>:is(h2,p){grid-column:1/-1;margin:0}
}
@media(max-width:760px){
 body.site-ui.site-refresh.account-app #account-results.account-home-grid{gap:9px}
 body.site-ui.site-refresh.account-app #account-results .account-home-profile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 body.site-ui.site-refresh.account-app #account-results .account-home-profile>div{padding:10px;grid-template-columns:22px minmax(0,1fr);column-gap:7px;border-bottom:1px solid #3d5969}
 body.site-ui.site-refresh.account-app #account-results .account-home-profile>div:nth-child(2n){border-inline-end:0}
 body.site-ui.site-refresh.account-app #account-results .account-home-profile>div:nth-last-child(-n+2){border-bottom:0}
 body.site-ui.site-refresh.account-app #account-results .account-home-profile .account-game-icon{width:21px;height:21px}
 body.site-ui.site-refresh.account-app #account-results .account-home-profile strong{font-size:17px}
 body.site-ui.site-refresh.account-app #account-results .account-game-heading{font-size:13px;gap:8px}
 body.site-ui.site-refresh.account-app #account-results .account-game-heading>.account-icon{width:16px;height:16px;padding:5px}
 body.site-ui.site-refresh.account-app #account-results .account-home-totals{grid-template-columns:1fr}
 body.site-ui.site-refresh.account-app #account-results .account-home-totals>div{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px}
 body.site-ui.site-refresh.account-app #account-results .account-home-totals .account-game-icon{grid-row:auto}
 body.site-ui.site-refresh.account-app #account-results .account-home-totals strong{font-size:13px;text-align:end;max-width:100px}
 body.site-ui.site-refresh.account-app #account-results :is(.account-vip-stats,.duel-stats){grid-template-columns:repeat(2,minmax(0,1fr))}
 body.site-ui.site-refresh.account-app #account-results .account-vip-stats>div:last-child:nth-child(odd){grid-column:1/-1}
 body.site-ui.site-refresh.account-app #account-results .account-vip-stats>div:last-child:nth-child(odd) strong{display:inline-block;margin-right:8px}
 body.site-ui.site-refresh.account-app #account-results .supply-resource-name{gap:5px}
 body.site-ui.site-refresh.account-app #account-results .supply-resource-name .account-icon{width:15px;height:15px;padding:3px}
 body.site-ui.site-refresh.account-app #account-results .account-work-section{padding:10px;margin-bottom:9px}
 body.site-ui.site-refresh.account-app #account-results .supply-ledger-row th{font-size:11px}
}
@media(prefers-reduced-motion:reduce){body.site-ui.site-refresh.account-app #account-results *{scroll-behavior:auto}}
}
@media screen {
/* Override the older account-only layout rules that used !important. */
body.site-ui.site-refresh.account-app #account-results.account-home-grid>.account-home-profile{padding:0!important}
body.site-ui.site-refresh.account-app #account-results.account-home-grid>section:not(.account-home-profile){padding:12px!important}
body.site-ui.site-refresh.account-app #account-results.account-home-grid>.account-home-primary{background-image:linear-gradient(90deg,#102631f5 10%,#102631dd 65%,#10263177),url('account-command-v200.webp')!important;background-size:cover!important;background-position:right center!important;border-top-color:#74baae!important}
body.site-ui.site-refresh.account-app #account-results.account-home-grid .account-home-totals>div{background:#102633;border-radius:7px;border:1px solid #3d5969}
body.site-ui.site-refresh.account-app #account-results.account-home-grid .account-home-totals strong{grid-column:2;justify-self:start}
body.site-ui.site-refresh.account-app #account-results.account-home-grid .account-home-profile strong{color:#edf6fa}
body.site-ui.site-refresh.account-app #account-results .account-game-heading{font-size:14px!important}
body.site-ui.site-refresh.account-app #account-results .goal-types button{display:inline-flex;align-items:center;gap:7px}
body.site-ui.site-refresh.account-app #account-results .goal-types .account-icon{color:currentColor;width:17px;height:17px}
body.site-ui.site-refresh.account-app #account-results .share-check>span{display:flex;align-items:center;gap:7px}
body.site-ui.site-refresh.account-app #account-results .share-check .account-icon{width:17px;height:17px}
body.site-ui.site-refresh.account-app #account-results .share-check{border:1px solid #45606f;background:#142b39;border-radius:7px;padding:9px;min-height:44px;box-sizing:border-box;font-size:12px}
body.site-ui.site-refresh.account-app #account-results .share-check:has(input:checked){border-color:#82cdbb;background:#1e3e40}
body.site-ui.site-refresh.account-app #account-results .share-options-grid{gap:7px}
body.site-ui.site-refresh.account-app #account-results .account-work-section .account-game-heading>.account-icon{background:#283b4e;color:#b2d8fb}
@media(max-width:760px){
 body.site-ui.site-refresh.account-app #account-results.account-home-grid .account-home-totals strong{grid-column:3;justify-self:end}
 body.site-ui.site-refresh.account-app #account-results .account-game-heading{font-size:13px!important}
 body.site-ui.site-refresh.account-app #account-results .goal-types button{gap:5px;font-size:12px}
}
}
@media screen {
body.site-ui.site-refresh.account-app #account-results.account-home-grid :is(.account-home-change,.account-vip-summary,.account-rally-summary)>strong{font-size:18px!important;line-height:1.4;font-variant-numeric:tabular-nums;color:#e6f4f6}
body.site-ui.site-refresh.account-app #account-results .account-work-section>p{font-size:12px;line-height:1.5;margin:7px 0}
}
@media screen {
body.site-ui.site-refresh.account-app #account-results .share-check input[type=checkbox]{width:18px!important;height:18px!important;min-height:18px!important;min-width:18px!important;flex:0 0 18px;margin:0 8px 0 0;padding:0}
body.site-ui.site-refresh.account-app #account-results .share-check{padding:7px 9px;gap:0;align-items:center}
body.site-ui.site-refresh.account-app #account-results :is(.account-vip-levels,.progress-day-records,.resource-options,.commerce-contents,.share-additional,.share-personal)>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none}
body.site-ui.site-refresh.account-app #account-results :is(.account-vip-levels,.progress-day-records,.resource-options,.commerce-contents,.share-additional,.share-personal)>summary::-webkit-details-marker{display:none}
body.site-ui.site-refresh.account-app #account-results :is(.account-vip-levels,.progress-day-records,.resource-options,.commerce-contents,.share-additional,.share-personal)>summary::before{content:none!important}
body.site-ui.site-refresh.account-app #account-results :is(.account-vip-levels,.progress-day-records,.resource-options,.commerce-contents,.share-additional,.share-personal)>summary::after{content:'+'!important;display:block;position:static;transform:none!important;border:0!important;width:auto;height:auto;flex:none;font-size:18px;line-height:1;color:#8de5cf;background:none;margin-left:auto}
body.site-ui.site-refresh.account-app #account-results :is(.account-vip-levels,.progress-day-records,.resource-options,.commerce-contents,.share-additional,.share-personal)[open]>summary::after{content:'−'!important}
}

@media screen {body.site-ui.site-refresh.account-app #account-results .share-personal{padding:0}body.site-ui.site-refresh.account-app #account-results .share-personal>label{margin:10px}}
