:root{color-scheme:dark;--bg:#081525;--surface:#101f31;--surface-raised:#15283e;--text:#f2f7fe;--muted:#a9b7c9;--action:#69bbff;--danger:#fb6f6a;--border:#2a3d53;--layout-gap:1.5rem;--article-left-gutter-width:12.5rem;--article-right-gutter-width:17rem;--site-header-height:4.4rem;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--bg);color:var(--text);font-size:1rem;line-height:1.7}a{color:var(--action);text-underline-offset:.22em}a:hover{color:#b6ddff}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}img{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #c5e6ff;outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(2.25rem,4vw,3.7rem);font-weight:800}h2{font-size:clamp(1.6rem,2.4vw,2.3rem);font-weight:750}h3{font-size:1.3rem;font-weight:730}p+ p{margin-top:1rem}ul,ol{padding-left:1.4rem}li+li{margin-top:.65rem}strong{font-weight:720}.page-container{width:100%;max-width:90rem;margin-inline:auto;padding-inline:1rem}.eyebrow{display:block;color:var(--action);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;line-height:1.6;font-weight:650;letter-spacing:.13em;text-transform:uppercase}.small{font-size:.8rem;color:var(--muted)}.skip-link{position:fixed;left:1rem;top:-6rem;z-index:100;padding:.65rem 1rem;background:var(--text);color:var(--bg)}.skip-link:focus{top:1rem}.button{display:inline-flex;justify-content:center;align-items:center;gap:.9rem;min-height:44px;padding:.65rem 1rem;border:1px solid var(--border);border-radius:.35rem;text-decoration:none;font-size:.86rem;font-weight:720;line-height:1.4;transition:background .16s,border-color .16s}.button.primary{background:var(--action);color:#071726;border-color:var(--action)}.button.primary:hover{background:#97cfff;border-color:#97cfff}.button.secondary{background:var(--surface);color:var(--text)}.button.secondary:hover{background:var(--surface-raised);border-color:#526d8c}.button-row{display:flex;flex-wrap:wrap;gap:.75rem}.text-link{font-size:.85rem;font-weight:700;text-decoration:none;display:inline-block;padding-block:.25rem}.site-header{position:sticky;top:0;z-index:30;background:#081525f5;border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}.nav-shell{max-width:90rem;min-height:var(--site-header-height);padding:.65rem 1rem;margin:auto;display:flex;align-items:center;gap:1.5rem}.brand{display:inline-flex;align-items:center;gap:.65rem;line-height:1.2;text-decoration:none;color:var(--text);flex-shrink:0}.brand:hover{color:var(--text)}.brand strong{display:block;font-size:1.05rem;letter-spacing:-.03em}.brand-muted{color:var(--action);font-weight:500}.brand small{display:block;font-size:.5rem;letter-spacing:.14em;color:var(--muted);margin-top:.3rem}.brand img{width:38px;height:38px}#main-navigation{display:flex;align-items:center;gap:1.5rem;margin-left:auto}#main-navigation>a,.guide-menu>summary{font-size:.78rem;color:var(--muted);text-decoration:none;white-space:nowrap}#main-navigation [aria-current=page]{color:var(--text)}.guide-menu{position:relative}.guide-menu>summary{list-style:none;min-height:44px;display:flex;align-items:center;gap:.5rem}.guide-menu>summary::-webkit-details-marker{display:none}.guide-dropdown{position:absolute;top:calc(100% + .65rem);right:-6rem;width:min(45rem,90vw);padding:1.5rem;background:var(--surface);border:1px solid #42607d;border-radius:.45rem;box-shadow:0 20px 50px #0005;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.guide-dropdown a{display:block;color:var(--text);font-size:.8rem;padding:.55rem 0;text-decoration:none}.guide-dropdown a:hover{color:var(--action)}.guide-dropdown .eyebrow{font-size:.6rem;margin-bottom:.5rem}.header-play{font-size:.75rem;min-height:40px;padding:.6rem .85rem}.menu-toggle{display:none;background:var(--surface);border:1px solid var(--border);border-radius:.35rem;min-height:44px;padding:.5rem .75rem;font-size:.8rem}.hero{display:grid;align-items:center;gap:2rem;padding-top:3.5rem;padding-bottom:3.5rem}.hero h1{max-width:10ch;font-size:clamp(3.15rem,5.7vw,5rem);line-height:1.02;margin-top:1.25rem;letter-spacing:-.06em}.hero-promise{font-weight:650;font-size:1.1rem;max-width:32rem;line-height:1.5;margin-top:1.5rem}.hero-description{color:var(--muted);font-size:.93rem;line-height:1.85;max-width:35rem;margin-top:1rem}.hero .button-row{margin-top:1.75rem}.hero-facts{display:flex;gap:2rem;margin-top:2rem;border-top:1px solid var(--border);padding-top:1.25rem}.hero-facts span{font-size:.68rem;color:var(--muted)}.hero-facts strong{display:block;font-size:1.35rem;letter-spacing:-.03em;color:var(--text);line-height:1.5}.hero-map{border:1px solid #416285;border-radius:.45rem;overflow:hidden;background:#0c2340}.hero-map img{width:100%;aspect-ratio:16/9;object-fit:cover}.hero-map figcaption{padding:.8rem 1rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center}.hero-map figcaption span{font:600 .58rem/1.6 ui-monospace,monospace;letter-spacing:.1em;color:var(--muted)}.hero-map figcaption a{font-size:.58rem;color:var(--muted)}.home-section{padding-block:3rem}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:1.5rem}.section-heading h2{margin-top:.5rem;max-width:30ch}.section-heading>p{font-size:.78rem;color:var(--muted);line-height:1.8}.move-panel{display:grid;border:1px solid #3c6086;border-radius:.45rem;overflow:hidden;background:var(--surface)}.move-selector{padding:1.5rem;background:#122a42}.move-selector label{font-size:.75rem;color:#d9e7f7;font-weight:700;display:block;margin-bottom:.7rem}.move-selector p{font-size:.8rem;line-height:1.8;color:var(--muted);margin:1.1rem 0}.move-selector .text-link{font-size:.72rem}.move-answers{padding:1.5rem}.move-answers h3{font-size:clamp(1.4rem,2vw,1.9rem);margin-top:.6rem;max-width:31ch}.move-answers ol{font-size:.9rem;line-height:1.85;padding-left:1.3rem;margin-block:1.5rem}.move-answers .source-note{border-top:1px solid var(--border);padding-top:1rem;margin-bottom:.6rem}.source-note{font-size:.74rem;line-height:1.9;color:var(--muted)}select,input{display:block;width:100%;background:#071929;border:1px solid #4e6b89;color:var(--text);border-radius:.35rem;min-height:48px;padding:.65rem .8rem}select{font-size:.82rem}select option{background:var(--surface)}.decision-grid{display:grid;gap:1.5rem}.decision-card{padding:1.5rem;border:1px solid var(--border);border-radius:.45rem;background:var(--surface)}.decision-card h3{margin-top:.5rem;font-size:1.55rem}.decision-card p{font-size:.85rem;line-height:1.9;color:#c1cedd;margin-top:1.25rem}.decision-card .text-link{margin-top:.8rem}.reserve-compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.reserve-compare>div{padding:1rem;background:#081827;border-left:3px solid var(--action)}.reserve-compare>div:last-child{border-left-color:var(--danger)}.reserve-compare span,.reserve-compare small{font-size:.65rem;color:var(--muted);display:block}.reserve-compare strong{font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.04em;display:block;line-height:1.6}.bottleneck-list{margin:1.4rem 0 0}.bottleneck-list>div{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0;border-top:1px solid var(--border);font-size:.78rem}.bottleneck-list dt{color:var(--muted)}.bottleneck-list dd{margin:0;text-align:right;font-weight:650}.game-loop{list-style:none;margin:0;padding:0;display:grid;gap:1px;border:1px solid var(--border);border-radius:.45rem;overflow:hidden;background:var(--border)}.game-loop li{background:var(--surface);padding:1.25rem;margin:0}.game-loop li>span{font:.65rem ui-monospace,monospace;color:var(--action)}.game-loop h3{font-size:1.15rem;margin-block:.75rem}.game-loop p{font-size:.77rem;color:var(--muted);line-height:1.9}.source-strip{display:flex;justify-content:space-between;gap:2rem;align-items:center;padding:1.25rem 0;border-bottom:1px solid var(--border)}.source-strip p{font-size:.78rem;color:var(--muted);max-width:53rem}.source-strip strong{color:var(--text)}.source-strip a{flex-shrink:0;font-size:.75rem}.guide-grid{display:grid;gap:1rem}.guide-card{padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:.45rem;color:var(--text);text-decoration:none;display:flex;flex-direction:column;align-items:start;transition:border-color .16s,background .16s}.guide-card:hover{border-color:var(--action);background:#132840;color:var(--text)}.guide-number{font:.65rem ui-monospace,monospace;color:var(--muted)}.guide-card h3{font-size:1.2rem;margin-top:1rem}.guide-card p{font-size:.78rem;line-height:1.9;color:var(--muted);margin-top:.75rem;margin-bottom:1.1rem}.guide-card .text-link{margin-top:auto;color:var(--action);font-size:.7rem}.home-faq{margin-top:3rem;padding:2rem 0;border-top:1px solid var(--border)}.home-faq h2{font-size:1.6rem;margin-bottom:1.5rem}.home-faq details{border-bottom:1px solid var(--border)}.home-faq summary{padding:1rem .1rem;font-weight:650;font-size:.88rem}.home-faq details p{font-size:.85rem;color:var(--muted);padding:.2rem 0 1.5rem;max-width:75ch}.home-faq>p{font-size:.8rem;margin-top:1.5rem}.article-page{padding-top:2rem;padding-bottom:5rem}.article-shell{display:grid;grid-template-columns:minmax(0,1fr)}.article-center{min-width:0}.breadcrumbs{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;font-size:.68rem;color:var(--muted);margin-bottom:2.5rem;line-height:1.7}.breadcrumbs a{text-decoration:none}.article-intro{padding-bottom:2rem;border-bottom:1px solid var(--border)}.article-intro h1{margin-top:.85rem;max-width:20ch}.description{color:#c1cedd;line-height:1.85;margin-top:1.25rem;font-size:1rem;max-width:65ch}.review-date{font:.58rem/1.8 ui-monospace,monospace;letter-spacing:.08em;color:var(--muted);margin-top:1.4rem}.article-lead{font-size:1.15rem;line-height:1.8;border-left:3px solid var(--action);padding:1rem 1.25rem;background:var(--surface);margin-top:2rem;max-width:76ch}.article-section{padding-top:2.5rem;scroll-margin-top:6rem}.article-section h2{font-size:1.55rem;line-height:1.3;margin-bottom:1.25rem}.article-section p,.article-section ul,.article-section ol{font-size:.94rem;line-height:1.95;color:#c5d1e0;max-width:76ch}.article-section strong{color:var(--text)}.article-section li+li{margin-top:1.1rem}.article-section ul,.article-section ol{margin-block:1rem}.table-wrap{max-width:100%;overflow-x:auto;margin:1.25rem 0;border:1px solid var(--border);border-radius:.4rem}table{border-collapse:collapse;width:100%;text-align:left;font-size:.79rem;line-height:1.8;min-width:33rem}th,td{padding:1rem;border-bottom:1px solid var(--border);vertical-align:top}thead th{font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:#d2e5f9;background:#17304a}tbody th{font-weight:700;color:var(--text);width:23%}tbody td{color:#c5d1e0}tbody tr:nth-child(even){background:#ffffff03}tbody tr:last-child>*{border-bottom:0}.boundary-note{border-left:3px solid var(--danger);padding:1rem 1.25rem;background:#271e2a;margin-top:1.25rem!important}.filter-label,.input-grid label{display:block;font-size:.78rem;font-weight:700;margin:1.25rem 0 .5rem}.filter-label+input{max-width:28rem}#building-count{font-size:.74rem;color:var(--muted);margin-top:.5rem}#building-empty{padding:1rem;border:1px dashed var(--border)}[data-troop-calculator]{margin-top:1.5rem;background:var(--surface);border:1px solid #41658a;border-radius:.45rem;padding:1.5rem}.input-grid{display:grid;gap:1rem;margin-bottom:1rem}.input-grid label{margin-top:0}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0 1rem}.result-grid>div{padding:1rem;background:#091827;border:1px solid var(--border);border-radius:.35rem}.result-grid span{display:block;font-size:.7rem;color:var(--muted)}.result-grid strong{display:block;font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.7;overflow-wrap:anywhere}.error{color:#ffb8b5!important;margin-top:1rem}.source-box{margin-top:3rem;padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:.45rem}.source-box h2{font-size:1rem;letter-spacing:-.01em}.source-box p,.source-box li{font-size:.73rem;color:var(--muted);line-height:1.9}.source-box p{margin-top:.75rem}.source-box li+li{margin-top:.3rem}.source-box .text-link{font-size:.72rem}.next-steps{margin-top:3rem;border-top:1px solid var(--border);padding-top:2rem}.next-steps h2{font-size:1.45rem;margin-top:.5rem;margin-bottom:1.25rem}.next-steps>a{display:block;padding:1.1rem 0;border-bottom:1px solid var(--border);text-decoration:none}.next-steps>a strong{display:block;font-size:.9rem}.next-steps>a span{display:block;font-size:.76rem;color:var(--muted);margin-top:.25rem}.next-steps>a strong span{display:inline;color:var(--action)}.site-footer{background:#06111e;border-top:1px solid var(--border);padding:3rem 0 1.25rem}.footer-grid{display:grid;gap:2rem}.footer-grid>div:first-child>p{font-size:.8rem;line-height:1.9;color:var(--muted);margin-top:1rem;max-width:37ch}.footer-grid>div:first-child>p.small{font-size:.65rem;max-width:44ch}.footer-grid h2{font-size:.75rem;color:#d8e4f2;letter-spacing:0;margin-bottom:.75rem}.footer-grid nav{display:flex;flex-direction:column;align-items:start;gap:.45rem}.footer-grid nav a{font-size:.7rem;color:var(--muted);text-decoration:none;min-height:28px}.footer-grid nav a:hover{color:var(--action)}.footer-bottom{margin-top:2.5rem;display:flex;justify-content:space-between;gap:1.5rem;align-items:center;font-size:.6rem;color:var(--muted)}.footer-bottom nav{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.footer-bottom a,.footer-bottom button{color:var(--muted);font:inherit;text-decoration:none}.footer-bottom button{border:0;background:none;min-height:30px;padding:0}.privacy-panel{position:fixed;z-index:50;bottom:1rem;left:1rem;right:1rem;max-width:60rem;margin:auto;padding:1.1rem 1.25rem;background:#19334b;border:1px solid #6c94b7;border-radius:.45rem;box-shadow:0 14px 50px #0007;display:flex;align-items:center;gap:1.5rem}.privacy-panel h2{font-size:.9rem;letter-spacing:0}.privacy-panel p{font-size:.73rem;line-height:1.8;color:#d0dcec;margin-top:.35rem}.privacy-actions{display:flex;gap:.5rem;flex-shrink:0}.privacy-actions .button{font-size:.7rem;padding:.6rem .8rem}
@media(min-width:640px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-loop{grid-template-columns:repeat(2,minmax(0,1fr))}.input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid>div:first-child{grid-column:1/-1}.move-selector{padding:2rem}.move-answers{padding:2rem}.decision-card{padding:2rem}}
@media(min-width:768px){.page-container,.nav-shell{padding-inline:1.5rem}.home-section{padding-block:3.5rem}.hero{padding-top:4.5rem;padding-bottom:4rem}.decision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.move-panel{grid-template-columns:minmax(14rem,.72fr) minmax(0,1.7fr)}.move-selector{border-right:1px solid #3c6086}.article-page{padding-top:2.5rem}.article-section h2{font-size:1.7rem}}
@media(min-width:1024px){.hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:3.5rem}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-loop{grid-template-columns:repeat(5,minmax(0,1fr))}.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr}.footer-grid>div:first-child{grid-column:auto}}
@media(min-width:1280px){.article-shell{grid-template-columns:var(--article-left-gutter-width) minmax(0,1fr) var(--article-right-gutter-width);column-gap:var(--layout-gap);align-items:start}.article-center{grid-column:2}}
@media(max-width:1000px){.header-play{display:none}#main-navigation{gap:1rem}.nav-shell{gap:1rem}}
@media(max-width:767px){.menu-toggle{display:block;margin-left:auto}#main-navigation{display:none;position:absolute;left:0;right:0;top:100%;margin:0;padding:1rem;background:var(--bg);border-bottom:1px solid var(--border);align-items:stretch;gap:.3rem}#main-navigation.is-open{display:flex;flex-direction:column}#main-navigation>a,.guide-menu>summary{padding:.7rem .5rem;font-size:.85rem;min-height:44px}.guide-dropdown{position:static;width:auto;grid-template-columns:1fr;padding:1rem;box-shadow:none;gap:1rem}.guide-dropdown a{min-height:40px}.guide-menu>summary{justify-content:space-between}.hero{padding-top:2.25rem;padding-bottom:1rem}.hero h1{max-width:14ch}.hero-promise{font-size:1rem}.hero-facts{gap:1.5rem}.section-heading{display:block}.section-heading>p{margin-top:.75rem}.section-heading>p br{display:none}.home-section{padding-block:2.25rem}.move-answers ol{font-size:.85rem}.source-strip{display:block}.source-strip a{margin-top:.6rem}.footer-bottom{display:block}.footer-bottom nav{margin-top:1rem;gap:.9rem}.privacy-panel{flex-direction:column;align-items:stretch;gap:.8rem;bottom:.5rem;left:.5rem;right:.5rem;padding:.9rem 1rem}.privacy-actions{justify-content:end}.privacy-actions .button{flex:1}.article-intro h1{font-size:2.35rem}.breadcrumbs{margin-bottom:1.75rem}.article-lead{font-size:1rem}.article-section{padding-top:2rem}.article-section p,.article-section ul,.article-section ol{font-size:.9rem}.table-wrap{margin-inline:0}.reserve-compare{gap:.6rem}.reserve-compare>div{padding:.75rem}.reserve-compare small{font-size:.58rem}.decision-card{padding:1.25rem}}
@media(max-width:359px){.brand strong{font-size:.92rem}.brand small{font-size:.44rem}.hero h1{font-size:2.9rem}.button-row .button{width:100%}.bottleneck-list>div{display:block}.bottleneck-list dd{text-align:left;margin-top:.25rem}.result-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}