/* Fantasy Command Center v3: readable, mobile-first system and AI Coach */
:root{--radius:16px}
body{font-size:15px;-webkit-text-size-adjust:100%}
main{max-width:1400px}
.page-title{line-height:1.14;letter-spacing:-.85px}
.page-desc{font-size:14px;line-height:1.7;color:var(--muted)}
.page-kicker{font-size:11px;letter-spacing:1.55px}
.card{border-radius:16px;box-shadow:0 3px 22px #0000000a}
.card h2,.section-title{font-size:17px;letter-spacing:-.25px}
.card-heading p{font-size:13px;line-height:1.6}
.small-text,.muted.small-text{font-size:14px;line-height:1.65}
.micro{font-size:12px;line-height:1.55}
.stat-label,.stat-foot{letter-spacing:.2px}
.stat-foot{font-size:11px;line-height:1.5}
.field-label{font-size:13px;font-weight:760;margin:18px 0 8px}
.input,.textarea,.select{font-size:15px;padding:13px 14px;border-radius:11px;line-height:1.5}
.select{max-width:100%}
.btn{min-height:43px;font-size:13px;line-height:1.4}
.option-chip{font-size:13px;min-height:43px;line-height:1.3}
.settings-button{border-radius:13px;background:var(--panel2);width:43px;height:43px;transition:background .12s,border-color .12s}
.settings-button:hover,.settings-button:focus-visible{transform:none;background:var(--panel3);border-color:var(--mint)}
.settings-button svg{width:24px;height:24px;stroke-width:1.9}
.topbar{border-bottom:1px solid var(--stroke);box-shadow:0 3px 25px #00000012}
.nav-section-label.side-group{margin:17px 0 8px;padding:0 14px 5px;font-size:10px;letter-spacing:1.4px}
.side-link{font-size:13px;padding:10px 13px;margin-bottom:1px;gap:12px}
.side-link .nav-icon{font-size:21px;width:25px;line-height:1}
.sidebar{overflow:auto}
.sidebar .brand{padding-bottom:14px}
.league-chip{font-size:12px;max-width:300px}
.roster-player strong,.watch-row strong{font-size:13px}
.roster-player{padding:12px 0}
.tab-button{font-size:13px}
.data-table{font-size:13px}
.trade-player{font-size:13px;min-height:40px}
.kv{font-size:13px;line-height:1.45}
.analysis-line p{font-size:13px}
.quick-actions button{font-size:13px;min-height:46px}
.check-row{font-size:13px}
/* iPhone bottom bar: clear destinations, larger touch targets */
.mobile-nav{box-shadow:0 -7px 30px #00000026}
.mobile-tab{min-width:0;flex:1;min-height:52px;font-size:11px;line-height:1.2;padding:5px 2px;gap:4px}
.mobile-tab .nav-icon{font-size:22px;width:auto;font-weight:500}
.mobile-tab:focus-visible{outline:2px solid var(--mint);outline-offset:-2px;border-radius:10px}
/* Settings: replace the unreadable wall of cards with a settings hub */
.settings-profile-card{display:flex;align-items:center;gap:15px;background:linear-gradient(115deg,var(--panel),var(--panel2));border:1px solid var(--stroke);border-radius:19px;padding:20px;min-width:0;margin-bottom:24px}
.settings-profile-card .avatar-l{height:58px;width:58px;font-size:24px;flex:0 0 58px;border-radius:19px}
.setting-profile-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.setting-profile-copy strong{font-size:19px;letter-spacing:-.3px;overflow-wrap:anywhere}
.setting-profile-copy small{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.profile-edit-button{border:1px solid var(--stroke);background:var(--panel3);color:var(--text);border-radius:12px;min-height:42px;padding:10px 13px;font-weight:760;font-size:13px;flex-shrink:0}
.profile-edit-button span{padding-left:5px;color:var(--mint)}
.settings-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.settings-group{border:1px solid var(--stroke);border-radius:17px;overflow:hidden;background:var(--panel)}
.settings-group-heading{font-size:11px;letter-spacing:1.25px;color:var(--muted);font-weight:850;padding:16px 17px 10px;background:var(--panel2)}
.setting-link{display:flex;align-items:center;gap:14px;text-align:left;width:100%;border:0;border-top:1px solid var(--stroke-soft);background:transparent;color:var(--text);min-height:76px;padding:14px 17px;transition:background .14s}
.setting-link:hover,.setting-link:focus-visible{background:var(--panel2);outline-offset:-3px}
.settings-glyph{border-radius:11px;background:var(--panel2);color:var(--mint);min-width:40px;height:40px;display:grid;place-items:center;font-size:20px}
.setting-copy{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}
.setting-copy strong{font-size:15px;font-weight:750}
.setting-copy small{font-size:12px;line-height:1.5;color:var(--muted);font-weight:460}
.setting-chevron{color:var(--muted);font-size:24px;padding-left:8px}
.settings-hint{margin:19px 0 25px;background:var(--panel2);border-radius:12px;padding:14px 16px;color:var(--muted);font-size:12px;line-height:1.65;border:1px solid var(--stroke-soft)}
.settings-back{background:transparent;color:var(--mint);border:0;display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:740;margin:2px 0 20px;padding:9px 2px}
.settings-back:first-letter{font-size:25px}
.settings-detail{max-width:900px;padding:25px}
.settings-detail>h2{font-size:18px;margin:0 0 5px}
.settings-explain{color:var(--muted);font-size:14px;line-height:1.65;margin:6px 0 18px}
.settings-cta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}
.settings-divider{height:1px;background:var(--stroke);margin:27px 0}
.setting-help{font-size:12px;color:var(--muted);line-height:1.7;margin:16px 0 0}
.new-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.new-choice{display:flex;align-items:flex-start;flex-direction:column;gap:5px;position:relative;min-height:132px;padding:16px 13px;text-align:left;border-radius:13px;border:1px solid var(--stroke);background:var(--panel2);color:var(--text)}
.new-choice.selected{border-color:var(--mint);background:var(--mint-dark)}
.new-choice .choice-visual{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--panel3);color:var(--mint);font-size:20px;margin-bottom:7px}
.new-choice strong{font-size:14px}
.new-choice small{font-size:12px;color:var(--muted);line-height:1.45}
.choice-check{position:absolute;top:12px;right:12px;color:var(--mint);font-size:15px;font-weight:800}
.setting-toggle-row{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--stroke-soft);padding:18px 0}
.setting-toggle-row:last-of-type{border:0}
.setting-toggle-row strong{font-size:15px}
.setting-toggle-row p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.55}
.setting-toggle-row .toggle{flex-shrink:0}
.sync-league{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--stroke-soft)}
.sync-league strong{font-size:14px}
.sync-league small{font-size:12px;color:var(--muted);text-align:right}
/* More: vertical, easy to scan, with descriptions */
.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tool-tile{display:flex;align-items:center;gap:13px;border-radius:15px;border:1px solid var(--stroke);background:var(--panel);color:var(--text);text-align:left;padding:19px 16px;min-height:100px}
.tool-tile:hover{background:var(--panel2);border-color:var(--mint)}
.tool-tile .tool-icon{width:49px;height:49px;border-radius:14px;background:var(--panel2);display:grid;place-items:center;color:var(--mint);font-size:27px;flex-shrink:0}
.tool-tile>span:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}
.tool-tile strong{font-size:15px}
.tool-tile small{font-size:12px;color:var(--muted);line-height:1.5}
.tool-arrow{font-size:23px;color:var(--muted)}
/* AI Coach: a functional share/copy workflow with transparent capabilities */
.ai-reality{display:flex;gap:15px;align-items:flex-start;border:1px solid #3e7f6a;background:var(--mint-dark);padding:18px;border-radius:16px;margin-bottom:20px}
.ai-reality-icon{font-size:24px;color:var(--mint);line-height:1.2}
.ai-reality strong{font-size:15px}
.ai-reality p{margin:5px 0 0;font-size:13px;line-height:1.65;color:var(--text)}
.ai-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:15px;align-items:start}
.ai-form,.ai-launch{padding:23px}
.section-eyebrow{font-size:11px;letter-spacing:1.25px;font-weight:840;color:var(--mint);margin-bottom:8px}
.ai-form h2,.ai-launch h2{margin:0 0 14px;font-size:18px}
.ai-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ai-task{background:var(--panel2);color:var(--text);text-align:left;border:1px solid var(--stroke);border-radius:12px;padding:14px 12px;display:flex;flex-direction:column;gap:6px;min-height:81px}
.ai-task.selected{border-color:var(--mint);background:var(--mint-dark)}
.ai-task strong{font-size:13px}
.ai-task small{font-size:11px;line-height:1.5;color:var(--muted)}
.ai-scope-row{display:flex;flex-wrap:wrap;gap:8px}
.ai-ready{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:10px;line-height:1.5}
.ai-buttons{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 6px}
.ai-primary{background:var(--mint);color:#0a291f}
.assistant-link{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--text);border:1px solid var(--stroke);background:var(--panel2);border-radius:13px;margin:10px 0;padding:15px 14px;min-height:76px}
.assistant-link:hover,.assistant-link:focus-visible{border-color:var(--mint)}
.assistant-symbol{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:var(--panel3);font-size:24px;color:var(--mint)}
.assistant-link>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:5px}
.assistant-link strong{font-size:14px}
.assistant-link small{font-size:12px;color:var(--muted)}
.assistant-link>span:last-child{font-size:20px;color:var(--muted)}
.ai-steps{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding:10px 0}
.ai-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}
.ai-note{max-height:340px;overflow:auto}
.ai-note-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}
.ai-note-head small{font-size:12px;color:var(--muted)}
.ai-note p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.65;color:var(--muted)}
.ai-info{margin-top:16px;max-width:100%;padding:18px 22px}
.ai-info h2{font-size:15px}
.ai-info p{font-size:12px;color:var(--muted);line-height:1.7}
/* Light theme clarity */
html[data-theme=light] .settings-profile-card,html[data-theme=light] .settings-group,html[data-theme=light] .tool-tile{background:#fff}
html[data-theme=light] .settings-glyph,html[data-theme=light] .tool-icon,html[data-theme=light] .new-choice,html[data-theme=light] .assistant-link{background:#eef5f8}
html[data-theme=light] .new-choice.selected,html[data-theme=light] .ai-task.selected{background:#e2f5ec}
html[data-theme=light] .ai-reality{background:#e5f5ee;border-color:#b9dfcc}
html[data-theme=light] .ai-reality p{color:#315447}
html[data-theme=light] .ai-primary{background:#08775b;color:#fff}
html[data-theme=light] .settings-group-heading{background:#f2f7fa}
html[data-theme=light] .profile-edit-button{background:#eef5f8;color:#254b5b}
@media(max-width:1000px){.settings-list-grid,.ai-layout{grid-template-columns:1fr}}
@media(max-width:900px){.mobile-nav{padding:10px 5px calc(11px + env(safe-area-inset-bottom))}.mobile-tab .nav-icon{font-size:23px}}
@media(max-width:680px){
 main{padding:23px 15px calc(120px + env(safe-area-inset-bottom))}
 .topbar{padding:0 14px}.league-chip{max-width:195px;font-size:12px;min-height:42px}
 .breadcrumb{font-size:10px}.settings-button{width:43px;height:43px;flex-shrink:0}
 .page-title{font-size:30px}.page-desc{font-size:14px}
 .card{padding:17px}.card h2{font-size:16px}
 .settings-profile-card{padding:16px;gap:12px}.settings-profile-card .avatar-l{width:50px;height:50px;flex-basis:50px}
 .setting-profile-copy strong{font-size:16px}.setting-profile-copy small{font-size:12px}
 .settings-list-grid,.tools-grid,.ai-layout,.ai-notes{grid-template-columns:1fr;gap:15px}
 .settings-group{border-radius:15px}.setting-link{min-height:77px;padding:13px 14px}
 .settings-glyph{width:39px;height:39px;min-width:39px}
 .setting-copy strong{font-size:14px}.setting-copy small{font-size:12px}
 .settings-detail{padding:18px}.new-choice-grid{grid-template-columns:1fr;gap:9px}
 .new-choice{min-height:72px;display:grid;grid-template-columns:32px 1fr 22px;grid-template-rows:auto auto;column-gap:13px;align-items:center;padding:13px 15px}
 .new-choice .choice-visual{grid-row:1/3;grid-column:1;margin:0;width:32px;height:32px;font-size:18px}
 .new-choice strong{grid-row:1;grid-column:2}.new-choice small{grid-row:2;grid-column:2}
 .new-choice .choice-check{position:static;grid-column:3;grid-row:1/3;justify-self:center}
 .setting-toggle-row strong{font-size:14px}
 .ai-task-grid{grid-template-columns:1fr 1fr}.ai-form,.ai-launch{padding:19px}
 .ai-task{padding:12px;min-height:78px}
 .tool-tile{min-height:81px;padding:14px}
 .ai-reality{padding:15px}.ai-buttons .btn{flex:1;min-width:120px}
 .sync-league{flex-direction:column;gap:4px}.sync-league small{text-align:left}
 .settings-hint{margin-bottom:20px}
}
@media(max-width:350px){.league-chip{max-width:145px}.breadcrumb{display:none}.new-choice-grid{grid-template-columns:1fr}.ai-task-grid{grid-template-columns:1fr}}