:root{color-scheme:dark;--ink:#f2f0e8;--muted:#a6a99c;--line:#ffffff17;--olive:#82945a;--gold:#d8b565;--panel:#151913e8;--danger:#c86358}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font:15px Inter,ui-sans-serif,system-ui,sans-serif;background:#080b08;background-image:linear-gradient(#11170eaa,#080b08ee),repeating-linear-gradient(125deg,transparent 0 36px,#6976550b 36px 72px)}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 20% 15%,#71844a33,transparent 32rem),radial-gradient(circle at 90% 85%,#8b713522,transparent 35rem)}button{font:inherit}nav,header,main,footer{width:min(1380px,calc(100% - 2rem));margin:auto}nav{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.nav-links{display:flex;gap:1.3rem}.nav-links a{color:#aaa99f;text-decoration:none;font-weight:800}.nav-links a:hover,.nav-links .active{color:#fff}header{padding:3.5rem 0 2.5rem;display:flex;align-items:end;justify-content:space-between}h1{font-size:clamp(3.3rem,8vw,7rem);line-height:.78;letter-spacing:-.07em;margin:.7rem 0 1.2rem;text-transform:uppercase}h1 em{color:var(--gold);font-style:normal}header p{color:var(--muted);font-size:1.1rem}.eyebrow{text-transform:uppercase;color:#bdca92;font-size:.7rem;font-weight:900;letter-spacing:.17em}.rank{min-width:220px;border-left:3px solid var(--gold);padding:1rem 1.4rem;background:#171b14}.rank small,.rank span{display:block;color:var(--muted)}.rank strong{display:block;margin:.25rem 0;font-size:1.65rem;color:var(--gold)}main{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(390px,1.25fr) minmax(300px,.9fr);gap:1rem;align-items:start}.panel{border:1px solid var(--line);background:var(--panel);box-shadow:0 18px 60px #0005}.command-panel{position:sticky;top:1rem;padding:1.5rem}.resource{text-align:center}.resource small,.resource span{display:block;color:var(--muted)}.resource strong{display:block;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1;margin:.4rem 0;color:#fff}.resource b{color:var(--gold)}#command{position:relative;width:min(300px,80%);aspect-ratio:1;margin:2rem auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border:2px solid #a3b37a;background:radial-gradient(circle at 38% 32%,#7f925b,#344129 60%,#1b2418);color:#fff;box-shadow:0 0 0 10px #70804b18,0 24px 60px #0008;cursor:pointer;transition:transform .08s,filter .1s}#command:hover{filter:brightness(1.1)}#command:active{transform:scale(.96)}#command>b{letter-spacing:.14em;margin-top:1rem}#command small{color:#dae5bd}.tank{position:relative;display:block;width:105px;height:62px;border-radius:18px 24px 18px 18px;background:#252c21;box-shadow:inset 0 -8px #11160f}.tank:before,.tank:after{content:"";position:absolute;left:-8px;right:-8px;height:14px;border-radius:12px;background:repeating-linear-gradient(90deg,#0d110c 0 9px,#3b4434 9px 14px)}.tank:before{top:0}.tank:after{bottom:0}.tank i{position:absolute;width:50px;height:34px;left:28px;top:14px;border-radius:50%;background:#59674a}.tank i:after{content:"";position:absolute;width:75px;height:8px;left:28px;top:5px;background:#59674a;border-radius:4px}.campaign-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.campaign-stats div{text-align:center;padding:.8rem .4rem;background:#0d110c}.campaign-stats small,.campaign-stats b{display:block}.campaign-stats small{font-size:.66rem;color:var(--muted);text-transform:uppercase}.campaign-stats b{margin-top:.25rem}.production{padding:1.4rem}.section-title{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-title h2{margin:.2rem 0 0;font-size:1.25rem}.section-title>span{color:var(--muted);font-size:.78rem}.producer,.upgrade{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1rem;margin-top:.6rem;border:1px solid var(--line);background:#1c2219;color:var(--ink);text-align:left;cursor:pointer}.producer:hover,.upgrade:hover{border-color:#95a672}.producer:disabled,.upgrade:disabled{opacity:.45;cursor:not-allowed}.unit-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:6px;background:#303a29;color:var(--gold);font-weight:900}.producer h3,.upgrade h3{margin:0 0 .25rem;font-size:.95rem}.producer p,.upgrade p{margin:0;color:var(--muted);font-size:.75rem}.price{text-align:right}.price b,.price span{display:block}.price b{color:var(--gold)}.price span{color:var(--muted);font-size:.72rem}aside{display:grid;gap:1rem}aside .panel{padding:1.2rem}.upgrade{grid-template-columns:1fr auto;padding:.8rem}.achievement{display:flex;gap:.7rem;padding:.65rem 0;border-bottom:1px solid #ffffff0e;opacity:.35}.achievement.done{opacity:1}.achievement i{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#343d2c;color:var(--gold);font-style:normal}.achievement b,.achievement small{display:block}.achievement small{color:var(--muted)}.prestige p{color:var(--muted);line-height:1.5}.prestige button,.quiet,dialog button{width:100%;padding:.8rem;border:1px solid #9e874f;background:#66582f;color:#fff;font-weight:800;cursor:pointer}.prestige button:disabled{opacity:.4;cursor:not-allowed}.quiet{width:auto;background:transparent;border-color:var(--line)}footer{display:flex;justify-content:space-between;padding:2rem 0;color:var(--muted)}.link-button{border:0;background:none;color:var(--muted);cursor:pointer}.link-button:hover{color:#fff}.link-button.danger:hover{color:#ff9288}#toast{position:fixed;left:50%;bottom:2rem;transform:translate(-50%,1rem);padding:.8rem 1rem;background:#e7e0c7;color:#111;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{max-width:430px;padding:2rem;border:1px solid #84945f;background:#151913;color:#fff}dialog::backdrop{background:#050705dd}dialog strong{display:block;font-size:2rem;color:var(--gold);margin:1rem 0}@media(max-width:1050px){main{grid-template-columns:1fr 1fr}.command-panel{position:static}.production{grid-row:2;grid-column:1/-1}aside{grid-column:2;grid-row:1}}@media(max-width:700px){nav{height:auto;padding:1rem 0;align-items:start}.nav-links{flex-direction:column;gap:.5rem}header{display:block;padding-top:2rem}.rank{margin-top:2rem}main{grid-template-columns:1fr}.command-panel,.production,aside{grid-column:auto;grid-row:auto}.section-title{display:block}.campaign-stats{grid-template-columns:1fr}footer{display:block}footer div{margin-top:1rem}}