/* Calm default presentation: one clear action first, detail on demand. */
:root{--vf-content-width:1180px;--vf-reading-width:760px}
.wrap{max-width:var(--vf-content-width)}
.vf-view-toggle{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 11px;border:1px solid #46536b;border-radius:999px;background:#111a2a;color:#dbe5f5;font:800 11px/1 system-ui;white-space:nowrap;cursor:pointer}
.vf-view-toggle i{width:7px;height:7px;border-radius:50%;background:#5de0a3;box-shadow:0 0 0 3px #5de0a31c}
body:not(.vf-focus-mode) .vf-view-toggle i{background:#8995a8;box-shadow:none}
.vf-page-path{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0 20px;padding:11px 14px;border:1px solid #2f3d55;border-radius:12px;background:#0c1524;color:#aebbd0}
.vf-page-path strong{color:#f3f6fb;font-size:12px}
.vf-page-path ol{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none;font-size:11px;font-weight:750}
.vf-page-path li+li::before{content:"→";margin-right:8px;color:#66758d}
.vf-list-more{display:block;margin:12px auto 2px;min-height:38px;padding:8px 15px;border:1px solid #43516a;border-radius:9px;background:#111b2d;color:#dbe5f4;font-weight:850;cursor:pointer}
.vf-focus-mode .vf-overflow-item{display:none!important}
.vf-focus-mode .vf-list-expanded>.vf-overflow-item{display:revert!important}
.vf-focus-mode .source-labels,.vf-focus-mode #scoreMetrics,.vf-focus-mode .trader-summary-copy{display:none!important}
.vf-focus-mode.route-upgrade .event-intelligence,
.vf-focus-mode.route-upgrade #upgradeTracker,
.vf-focus-mode.route-upgrade #recommendationLearningPanel,
.vf-focus-mode.route-upgrade #priorityDensityToggle,
.vf-focus-mode.route-upgrade #priorityWarContext,
.vf-focus-mode.route-upgrade .resource-priority-tabs,
.vf-focus-mode.route-upgrade #priorityResourceNote,
.vf-focus-mode.route-upgrade .vf-compare-button{display:none!important}
.vf-focus-mode.route-upgrade .recommendation-feedback{display:flex!important;align-items:center;gap:7px;flex-wrap:wrap;margin-top:9px;padding-top:8px;font-size:11px}
.vf-focus-mode.route-upgrade #vfComparePanel{display:block!important}
.vf-focus-mode.route-upgrade #priorityAllList>.card:not(:first-of-type) .upgrade-decision-signals{display:none}

.vf-focus-mode.route-upgrade #priorityAllList>.card:first-of-type .upgrade-decision-signals>span:not(:first-child){display:none}
.vf-focus-mode.route-upgrade #priorityAllList .priority-line .priority-tag{display:none}
.vf-focus-mode.route-upgrade .priority-panel-head p{display:none}
.vf-focus-mode.route-upgrade .priority-tabs{position:static;overflow-x:auto;scrollbar-width:thin}
.vf-focus-mode .panel,.vf-focus-mode .army-card,.vf-focus-mode .trader-priority-card,.vf-focus-mode .base-design-card{box-shadow:none}
.vf-focus-mode img,.vf-focus-mode .card-unit-icon,.vf-focus-mode .army-unit-icon,.vf-focus-mode .helper-portrait{visibility:visible;opacity:1}
.vf-focus-mode main>section+section,.vf-focus-mode .result-view>*+*{margin-top:18px}
.vf-focus-mode .panel-head{min-height:52px}
.vf-focus-mode .panel-head .badge{opacity:.72}
.vf-focus-mode .guide-note+.guide-note{display:none}
.vf-focus-mode .lead{max-width:var(--vf-reading-width);font-size:clamp(14px,1.5vw,17px);line-height:1.55}
.vf-focus-mode .progression-hero,.vf-focus-mode .hero,.vf-focus-mode .war-hero{min-height:0;padding-top:28px;padding-bottom:28px}
.vf-focus-mode .progression-hero h1,.vf-focus-mode .hero h1,.vf-focus-mode .war-hero h1{font-size:clamp(27px,4vw,42px)}
.vf-focus-mode .card,.vf-focus-mode .trader-priority-card{border-color:#334159}
.vf-focus-mode details:not([open]){background-image:none}
.vf-focus-mode .footer{opacity:.72}
.vf-focus-mode #vfSimulator .vf-workbench,
.vf-focus-mode #vfSimulator .vf-simulator-explanation{display:none}
.vf-focus-mode #vfSimulator.vf-simulator-expanded .vf-workbench,
.vf-focus-mode #vfSimulator.vf-simulator-expanded .vf-simulator-explanation{display:block}
.vf-simulator-toggle{margin:10px 0}
@media(max-width:820px){
  .topbar{gap:10px}.vf-view-toggle{order:3;margin-left:auto}.vf-page-path{align-items:flex-start;flex-direction:column;gap:7px;margin:10px 0 14px}.vf-page-path ol{width:100%;overflow:auto;padding-bottom:2px}.vf-page-path strong{display:none}
  .vf-focus-mode .progression-hero,.vf-focus-mode .hero,.vf-focus-mode .war-hero{padding-top:20px;padding-bottom:20px}
}
@media(max-width:560px){.vf-view-toggle span{display:none}.vf-view-toggle::after{content:"Focus"}.vf-page-path li{white-space:nowrap}}
/* Focused Army and Base pages: keep the plan visible, open supporting detail on demand. */
.vf-focus-disclosure{border:1px solid #34415d;margin:12px 0;border-radius:10px;background:#151e31}
.vf-focus-disclosure>summary{font-size:13px;padding:12px 14px;background:transparent}
.vf-focus-disclosure>section,.vf-focus-disclosure>.breakdown{margin:0;padding:14px}
body:not(.vf-focus-mode) .vf-focus-disclosure{display:contents}
body:not(.vf-focus-mode) .vf-focus-disclosure>summary{display:none}
body:not(.vf-focus-mode) .vf-focus-disclosure>:not(summary){display:block}
body:not(.vf-focus-mode) .vf-focus-disclosure>.breakdown{display:grid}
.vf-focus-mode:is(.route-base,.route-army) .source-kicker,
.vf-focus-mode.route-base .layout-stage-label,
.vf-focus-mode.route-army .card>.progress,
.vf-focus-mode.route-army .card-head>.score-pill{display:none}
.vf-focus-mode.route-base .base-design-section,
.vf-focus-mode.route-base .base-screenshot-panel{box-shadow:none;background:#151e31;border:1px solid #34415d;border-radius:12px;padding:18px;margin:18px 0}
.vf-focus-mode.route-base .base-design-heading{margin-bottom:14px}
.vf-focus-mode.route-base .base-design-heading h3{font-size:20px}
.vf-focus-mode.route-base .base-design-stats{gap:8px}
.vf-focus-mode.route-base .placement-card{box-shadow:none;border-width:1px;background:transparent}
.vf-focus-mode.route-army .card{padding:18px;border-width:1px;background:#151e31}
.vf-focus-mode.route-army .army-detail-grid{gap:14px}
.vf-focus-mode.route-army .army-loadout{box-shadow:none;border-width:1px}
.vf-focus-mode.route-army .army-detail-intro .muted{font-size:12px}
.vf-focus-mode.route-army .army-open-button{box-shadow:none}
.vf-focus-mode:is(.route-base,.route-army) .recommendation-feedback{display:none}
.vf-focus-mode .hero>.lead,
.vf-focus-mode #results>.panel-head>p,
.vf-focus-mode .account-welcome>p,
.vf-focus-mode.route-base .base-design-heading>p,
.vf-focus-mode.route-army .army-detail-intro>.muted{display:none!important}
@media(max-width:600px){.vf-focus-mode.route-base .base-design-section,.vf-focus-mode.route-base .base-screenshot-panel,.vf-focus-mode.route-army .card{padding:12px}}
.vf-header-controls{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-left:auto}.vf-header-villages{display:flex;padding:3px;gap:3px;border:1px solid #34415d;border-radius:10px;background:#101728}.vf-header-villages button{padding:8px 11px;border:0;border-radius:7px;color:#bac5d9;background:transparent;font:700 11px system-ui;cursor:pointer;white-space:nowrap}.vf-header-villages button.active{background:#713da2;color:#fff}.vf-header-villages button:focus-visible{outline:2px solid #ffd866;outline-offset:2px}.vf-header-villages button:disabled{opacity:.6;cursor:wait}.vf-village-status{max-width:250px;color:#bac5d9;font-size:10px}.vf-village-status:empty{display:none}@media(max-width:680px){.vf-header-controls{align-items:stretch;width:100%;margin:8px 0 0}.vf-header-controls>.vf-view-toggle{align-self:flex-end}.vf-header-villages button{flex:1;min-height:36px}}

/* Focus on the next action, with readable controls in either phone orientation. */
.vf-mobile-menu{display:none}
body.vf-focus-mode .recommendation-feedback>small{display:none}
body.vf-focus-mode .upgrade-decision-signals>span:not(:first-child){display:none}
@media(max-width:900px){
 .topbar{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important;padding:12px!important}
 .topbar .brand{flex:1;min-width:0}.topbar .brand .small{display:none}
 .vf-mobile-menu{display:block;min-height:44px;padding:10px 16px;background:#202b43;color:#fff2d8;border:1px solid #8162a8;border-radius:9px;font:inherit}
 .topbar .app-nav{display:none!important;width:100%;order:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .topbar.vf-navigation-open .app-nav{display:grid!important}
 .topbar .app-nav a{min-height:44px;display:flex;align-items:center;justify-content:center;font-size:14px!important}
 .vf-header-controls{width:100%;flex-direction:row!important;flex-wrap:wrap;justify-content:space-between!important;align-items:center!important;gap:10px!important}
 .vf-header-controls button{min-height:44px;font-size:13px!important}
 .vf-header-villages{margin:0!important}.vf-page-path{display:none!important}
 body.vf-focus-mode .priority-panel .card{padding:16px!important;margin-bottom:12px}
 body.vf-focus-mode .priority-panel .card h4{font-size:18px!important;line-height:1.3}
 body.vf-focus-mode .priority-panel .card p,body.vf-focus-mode .priority-panel summary{font-size:14px!important;line-height:1.5}
 body.vf-focus-mode .recommendation-feedback{display:flex!important;align-items:center;flex-wrap:wrap;gap:8px}
 body.vf-focus-mode .recommendation-feedback>span{font-size:13px;flex:1}
 body.vf-focus-mode .recommendation-feedback button{min-height:44px;min-width:48px;font-size:14px}
 .vf-category-picker select,input,textarea{font-size:16px!important}
 .priority-panel,.max-estimate-panel,.account-grid>*{min-width:0}
 .max-scope-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .max-scope-options label{min-height:44px}
 .max-compact-summary{flex-wrap:wrap}.max-compact-summary>*{min-width:0}
 .account-grid{grid-template-columns:1fr!important}
}
@media(max-width:900px) and (orientation:landscape){
 .topbar{position:static!important}.vf-header-controls{width:auto;margin-left:auto}
 .max-calendar-grid{overflow-x:auto}.account-villages{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
/* Oct 13: calmer hierarchy with every tool available on demand. */
.vf-focus-mode .vf-page-path{border:0;background:transparent;padding:4px 0;margin:10px 0 16px}.vf-focus-mode .vf-page-path strong{display:none}.vf-focus-mode .vf-page-path ol{color:#a8b7ce;font-weight:500}
.vf-focus-mode .vf-plan-tools{margin:12px 0 18px}.vf-focus-mode .vf-plan-tools>summary{color:#bca8d6;font-weight:600}.vf-plan-tools>:not(summary){margin:12px;padding:10px}.vf-focus-mode .vf-plan-tools #priorityWarContext,.vf-focus-mode .vf-plan-tools #priorityDensityToggle,.vf-focus-mode .vf-plan-tools .resource-priority-tabs,.vf-focus-mode .vf-plan-tools #priorityResourceNote{display:revert!important}
.vf-focus-mode .vf-secondary-tools #upgradeTracker,.vf-focus-mode .vf-secondary-tools #recommendationLearningPanel,.vf-focus-mode .vf-secondary-tools .event-intelligence,.vf-focus-mode .vf-secondary-tools .vf-compare-button{display:revert!important}
.vf-focus-mode.route-upgrade .priority-why{display:block!important;background:transparent;border:0;border-top:1px solid #344058;margin:14px 0 0;padding:0}.vf-focus-mode.route-upgrade .priority-why>summary{padding:10px 0;color:#b5bcd0;font-weight:500;font-size:12px}
.vf-focus-mode.route-upgrade .priority-why .upgrade-decision-signals{display:grid!important}.vf-focus-mode.route-upgrade .priority-why .upgrade-decision-signals>span{display:block!important}.vf-focus-mode.route-upgrade .priority-why .v11-decision,.vf-focus-mode.route-upgrade .priority-why .crafted-guide-block{display:block!important}
.vf-upgrade-duration{color:#a9b8cf;font-size:12px;margin:8px 0}.vf-upgrade-location{font-size:12px;color:#c8b2eb}.vf-upgrade-action{color:#eef1f8;line-height:1.5;margin:4px 0!important}.vf-focus-mode .upgrade-batch>span,.vf-focus-mode .upgrade-batch strong{display:none}.vf-focus-mode .upgrade-batch{display:block;border:0;padding:0;margin:12px 0 4px;background:none}.vf-focus-mode .upgrade-batch p{font-size:14px}
.vf-focus-mode .priority-list>.card,.vf-focus-mode .priority-panel .card{box-shadow:none;background:#151f31;border-width:1px;padding:18px}.vf-focus-mode .card h4{font-size:17px}.vf-focus-mode .priority-why-body{padding:8px 0}.vf-focus-mode .priority-why-body .upgrade-decision-signals,.vf-focus-mode .priority-why-body .v11-decision{margin:12px 0}
.vf-focus-mode .army-preview-group li{background:transparent;border-color:#3c475b}.vf-focus-mode .army-composition-preview{background:transparent;border:0;border-top:1px solid #374158;border-radius:0;padding:14px 0}.vf-focus-mode .personal-army-panel{background:transparent;box-shadow:none;border-color:#495269}.vf-focus-mode .personal-army-heading span{font-size:12px}.vf-focus-mode .base-design-card{background:#151f31;border-width:1px;box-shadow:none}.vf-focus-mode .base-design-card h4{font-size:17px}.vf-focus-mode .priority-panel-head{margin-bottom:12px}
.vf-plan-tools summary:focus-visible,.priority-why summary:focus-visible,.vf-secondary-tools summary:focus-visible{outline:2px solid #c29ce8;outline-offset:4px}.vf-plan-tools[open],.vf-secondary-tools[open]{animation:vf-calm-reveal .22s ease-out}@keyframes vf-calm-reveal{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.vf-plan-tools[open],.vf-secondary-tools[open]{animation:none}}
@media(max-width:600px){.vf-focus-mode .priority-panel .card{padding:14px}.vf-focus-mode .card-head{gap:10px}.vf-plan-tools>:not(summary){margin:8px;padding:8px}.vf-focus-mode .priority-tabs{gap:4px}.vf-focus-mode .vf-page-path ol{font-size:11px}.vf-focus-mode .score-pill{font-size:12px;padding:6px 9px}.vf-focus-mode .personal-army-panel{padding:12px}}
body:not(.vf-focus-mode) .vf-plan-tools .resource-priority-tabs{display:flex}.vf-focus-mode #jsonRefreshReminder{margin:0;padding:12px;border-width:0;box-shadow:none}.vf-focus-mode .vf-secondary-tools:has(#jsonRefreshReminder)>summary{color:#e7cb80}.news-update-brief{padding:18px;margin:16px 0;border:1px solid #68518b;border-radius:12px;background:#172034}.news-update-brief p{line-height:1.6}
.vf-focus-mode .vf-plan-tools #priorityOptimizerSummary .v11-lane-starts{display:flex!important}.vf-focus-mode .vf-plan-tools #priorityOptimizerSummary .v11-optimizer-head>p{display:block!important}.auto-upgrade-help{margin-top:6px}.auto-upgrade-help summary{font-size:12px;color:#afbbd0}.auto-upgrade-help p{max-width:680px;line-height:1.6}
.vf-compare-heading{gap:12px;align-items:flex-start}.vf-compare-heading>div{min-width:0;flex:1}.vf-compare-clear{flex-shrink:0;min-width:64px;white-space:nowrap}.vf-focus-mode .vf-plan-tools .resource-priority-tabs{display:flex!important;flex-wrap:wrap;gap:8px}
.calendar-auto-upgrade{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:10px 0 16px;padding:10px 0;border:0;border-top:1px solid #35435b;border-bottom:1px solid #35435b;background:transparent;box-shadow:none;border-radius:0}.calendar-auto-upgrade>label{display:flex;align-items:center;gap:9px;font-weight:600}.calendar-auto-upgrade input{accent-color:#9854cf;width:18px;height:18px}.calendar-auto-upgrade .auto-upgrade-help{margin:0}.calendar-auto-upgrade .auto-upgrade-help p{max-width:680px;margin:8px 0;line-height:1.6}.calendar-auto-upgrade .auto-upgrade-help[open]{flex-basis:100%}@media(max-width:600px){.calendar-auto-upgrade{gap:8px}.calendar-auto-upgrade .auto-upgrade-help{flex-basis:100%}}
body #upgradeAutoControl.calendar-auto-upgrade{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:10px 0!important;margin:0 0 12px!important}
/* Keep headings and actions prominent; supporting detail remains expandable. */
.vf-focus-mode .home-intro-preview .intro-preview-row p,
.vf-focus-mode .home-section-heading>p,
.vf-focus-mode .vf-page-path,
.vf-focus-mode .hero-points{display:none}
.vf-focus-mode .home-intro-preview .intro-preview-row{padding-block:10px}
.vf-focus-mode .village-progress>.vf-focus-disclosure{margin-top:8px;background:transparent;border:0;padding:0}
.vf-focus-mode .village-progress>.vf-focus-disclosure>summary{font-size:12px;color:#b8c2d5;padding:4px 0}
/* Main tasks first; the full view keeps the denser presentation available. */
.vf-focus-mode .progression-hero{padding-block:16px;margin-bottom:16px;min-height:0}
.vf-focus-mode .progression-hero h1{font-size:clamp(24px,4vw,32px);margin:0}
.vf-focus-mode .progression-hero .lead,.vf-focus-mode .progression-hero .ribbon,
.vf-focus-mode .account-welcome .source-kicker,.vf-focus-mode .home-welcome-intro{display:none}
.vf-focus-mode .account-welcome{padding:20px;margin-bottom:16px}
.vf-focus-mode .account-welcome h1{font-size:clamp(24px,4vw,32px);margin:0}
.vf-focus-mode #priorityWorkspace{margin-top:16px}
.vf-focus-mode #priorityWorkspace .priority-tabs{display:none!important}
.vf-focus-mode #priorityWorkspace .vf-category-picker{display:flex!important;gap:12px;align-items:center;margin:0 0 16px}
.vf-focus-mode #priorityWorkspace .vf-category-picker select{width:auto;max-width:100%;min-height:44px;padding:9px 12px;background:#151f31;color:#f2ecff;border:1px solid #685183;border-radius:9px}
.vf-focus-mode #priorityWorkspace .priority-panel-head{margin-bottom:8px}
.vf-focus-mode .base-design-heading>.source-kicker,.vf-focus-mode .layout-stage-label{display:none}
.vf-focus-mode .base-design-card,.vf-focus-mode .army-card{box-shadow:none}
.vf-focus-mode #personalArmyPanel{margin-top:24px}
.vf-focus-mode .account-profile-stats{margin-top:24px}
@media(max-width:600px){.vf-focus-mode .account-welcome{padding:16px}.vf-focus-mode #priorityWorkspace .vf-category-picker{align-items:stretch;flex-direction:column;gap:6px}.vf-focus-mode #priorityWorkspace .vf-category-picker select{width:100%}}