/* Reading hierarchy for light surfaces. Dark game panels retain their own palette. */
:root {--muted:#58624f;}
body {font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;text-rendering:optimizeLegibility;}
main :is(.news-copy,.news-list,.tool-card,.resource-card) p {color:#4d5847;line-height:1.75;}
#modal:not(.player-dialog) #modal-body:not(.catalog-game):not(.community-shop-game) p {color:#3e4938;font-size:15px;line-height:1.8;}
#modal:not(.player-dialog) #modal-body:not(.catalog-game):not(.community-shop-game) :is(.source-note,.source-note p,.index) {color:#59654e;font-size:12px;line-height:1.7;}
#modal:not(.player-dialog) #modal-body:not(.catalog-game):not(.community-shop-game) :is(input,select,textarea) {color:#263426;font-size:14px;}
input::placeholder,textarea::placeholder {color:#677260;opacity:1;}
#modal-body .hero-ability-browser h2 {font-size:26px;margin:16px 0 8px;color:#202e22;}
#modal-body .hero-ability-browser .ability-snapshot {font-size:12px;color:#58654e;margin:0 0 18px;}
.ability-nav {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0;}
.ability-nav button {padding:12px 14px;text-align:left;border:1px solid #bbc8ae;border-radius:7px;background:#ecefe4;color:#2e402d;}
.ability-nav b,.ability-nav span {display:block;}
.ability-nav b {font-size:11px;font-weight:600;margin-bottom:4px;}
.ability-nav span {font-size:16px;font-weight:750;}
.ability-nav [aria-pressed="true"] {background:#2d432f;border-color:#2d432f;color:#fff;box-shadow:inset 0 -3px #b8d47f;}
.hero-ability-browser .ability-card {padding:22px;border-radius:8px;border-color:#c5cdb9;background:#faf9f2;}
.ability-title {display:flex;gap:12px;align-items:center;}
.ability-slot {display:grid;place-content:center;min-width:48px;height:48px;border-radius:7px;background:#dde7cc;color:#344c25;font-size:13px;font-weight:750;}
.hero-ability-browser .ability-title h3 {font-size:23px;margin:0 0 3px;color:#233423;}
.ability-english {font-size:13px;color:#5b684e;}
#modal-body .hero-ability-browser .ability-description {font-size:16px;line-height:1.85;max-width:75ch;margin:18px 0;white-space:normal;}
.hero-ability-browser h4 {font-size:15px;color:#263b26;margin:22px 0 10px;}
.hero-ability-browser h4 small {font-size:12px;font-weight:400;color:#5a6851;margin-left:10px;}
.hero-ability-browser .ability-stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.hero-ability-browser .ability-stats > span {padding:12px;background:#e8eedf;border-radius:5px;min-height:76px;}
.ability-stat-label {display:block;color:#526247;font-size:12px;margin-bottom:6px;}
.hero-ability-browser .ability-stats b {display:block;font-size:20px;color:#20351e;font-weight:750;font-variant-numeric:tabular-nums;}
.hero-ability-browser .ability-stats small {font-size:12px;color:#455d37;margin-top:5px;}
.hero-ability-browser .ability-upgrades {margin-top:0;}
.hero-ability-browser .ability-upgrades > div {padding:13px 0;gap:20px;}
.hero-ability-browser .ability-upgrades b {width:72px;color:#3d5b28;font-size:15px;}
.hero-ability-browser .ability-upgrades b small {display:block;font-size:11px;font-weight:500;margin-top:3px;}
#modal-body .hero-ability-browser .ability-upgrades p {font-size:15px;color:#2c3b27;margin:0;white-space:pre-line;}
#modal-body .daily-brief > h2 {font-size:28px;line-height:1.4;letter-spacing:0;margin:20px 0 10px;}
#modal-body .daily-brief .brief-lead {font-size:15px;color:#425438;margin:8px 0 12px;}
#modal-body .daily-brief .brief-schedule {font-size:12px!important;color:#556348!important;margin:8px 0 18px;}
.daily-brief .brief-masthead {font-size:12px;color:#526247;padding-bottom:12px;}
.daily-brief .brief-now {margin:16px 0 22px;padding:13px 16px;}
.daily-brief .brief-now > span {font-size:12px;color:#526237;}
.daily-brief .brief-now strong {font-size:16px;color:#263b24;}
.daily-brief .brief-columns {gap:20px;}
.daily-brief .brief-column > header {padding-bottom:10px;gap:8px;}
.daily-brief .brief-column > header h3 {font-size:19px;color:#243b25;}
.daily-brief .brief-column > header small {font-size:12px;color:#56664a;}
.daily-brief .brief-column article {padding:15px 0;}
.daily-brief .brief-column article h4 {font-size:18px;line-height:1.5;color:#233424;margin:8px 0;}
#modal-body .daily-brief .brief-column article p {font-size:15px;line-height:1.75;color:#35462e;}
.daily-brief .brief-column article > small {font-size:12px;line-height:1.6;color:#5a6851;}
.daily-brief .brief-empty {min-height:0;padding:14px;border-radius:5px;}
.daily-brief .brief-empty > span {display:none;}
#modal-body .daily-brief .brief-empty p {font-size:14px;color:#435338;margin:0 0 7px;}
.daily-brief .brief-empty small {font-size:12px;color:#5c6853;line-height:1.7;}
#modal-body .daily-brief .brief-recent p {font-size:15px!important;color:#3e4f34;}
.daily-brief .brief-recent h4 {font-size:17px;color:#233b24;}
.daily-brief .brief-recent small {font-size:12px;color:#58654d;}
@media(max-width:750px){.hero-ability-browser .ability-stats{grid-template-columns:repeat(2,minmax(0,1fr));}.ability-nav{grid-template-columns:repeat(2,minmax(0,1fr));}.hero-ability-browser .ability-card{padding:15px;}#modal-body .daily-brief>h2{font-size:23px;}}
/* Preserve the game's author-defined build groups instead of a flattened item wall. */
.build-plan-close {background:#35452e;color:#f2eedb;border-color:#71825c;}
/* Dense build sheet: reserve height for the actual shopping groups. */
@media(max-width:700px){}
/* Community build browser: one readable plan per row, like the game list. */
.community-shop-game #community-build-list {display:flex;flex-direction:column;gap:0;}
.community-shop-game .build-list-heading,.community-shop-game #community-build-list .community-build-row {display:grid;grid-template-columns:minmax(0,1fr) 145px 150px 110px 16px;gap:18px;align-items:center;}
.community-shop-game .build-list-heading {padding:10px 16px;background:#b5b595;color:#3d4630;font-size:12px;font-weight:650;border-radius:5px 5px 0 0;}
.community-shop-game #community-build-list .community-build-row {min-height:64px;margin:0;padding:11px 16px;border-radius:0;border:0;border-bottom:1px solid #aaa98a;background:#e4dfc3;color:#2c3828;}
.community-shop-game #community-build-list .community-build-row:nth-child(odd) {background:#ded9bb;}
.community-shop-game #community-build-list .community-build-row:hover,.community-shop-game #community-build-list .community-build-row:focus-visible {background:#ced7ac;box-shadow:inset 3px 0 #536c37;}
.community-shop-game #community-build-list .community-build-row span {margin:0;font-size:13px;line-height:1.5;color:#45513a;}
.community-shop-game #community-build-list .build-list-title strong {display:block;font-size:17px;font-weight:750;color:#263424;line-height:1.45;overflow-wrap:anywhere;}
.community-shop-game #community-build-list .build-list-title small {display:block;font-size:12px;color:#566248;margin:4px 0 0;}
.community-shop-game #community-build-list .build-list-favorites b {display:block;font-size:15px;color:#3d5527;font-weight:750;}
.community-shop-game #community-build-list .build-list-favorites small {display:block;font-size:12px;color:#566248;margin:3px 0 0;}
.community-shop-game #community-build-list .build-list-mobile-label {display:none;}
.community-shop-game #community-build-list .build-list-arrow {font-size:24px;color:#52683d;}
.community-shop-game .community-build-controls {gap:10px;margin:10px 0;}
.community-shop-game .community-build-controls label {font-size:12px;color:#445139;}
.community-shop-game .source-note,.community-shop-game #community-status {font-size:12px;color:#515f44;line-height:1.65;margin:9px 0;}
.community-shop-game #community-id-form {margin:12px 0 8px;}
.community-shop-game .community-build-layout {padding-top:10px;}
@media(max-width:850px){.community-shop-game .build-list-heading,.community-shop-game #community-build-list .community-build-row{grid-template-columns:minmax(0,1fr) 115px 115px 95px 12px;gap:10px;}.community-shop-game #community-build-list .build-list-title strong{font-size:16px;}}
@media(max-width:620px){.community-shop-game .build-list-heading{display:none;}.community-shop-game #community-build-list .community-build-row{grid-template-columns:minmax(0,1fr) auto 12px;gap:4px 10px;padding:11px;}.community-shop-game #community-build-list .build-list-title{grid-column:1;grid-row:1 / 3;}.community-shop-game #community-build-list .build-list-author{display:none;}.community-shop-game #community-build-list .build-list-favorites{grid-column:2;grid-row:1;}.community-shop-game #community-build-list .build-list-date{grid-column:2;grid-row:2;font-size:12px;}.community-shop-game #community-build-list .build-list-arrow{grid-column:3;grid-row:1 / 3;}}