:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1016;--bg-elev:#151c26;--bg-card:#1a2330;--line:#2a3648;--text:#e8eef7;--muted:#8b9bb3;--gold:#f5c542;--gold-dim:#b8891a;--accent:#3d9cf0;--good:#3ecf8e;--bad:#e85d5d;--shadow:0 10px 30px #00000073;--radius:16px;--safe-b:env(safe-area-inset-bottom,0px);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-weight:450;line-height:1.35}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:radial-gradient(1200px 600px at 50% -10%, #1a2740 0%, var(--bg) 55%);min-height:100%;margin:0}body{min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}img{image-rendering:pixelated;image-rendering:crisp-edges;display:block}#app{max-width:480px;min-height:100dvh;margin:0 auto}.shell{padding:12px 12px calc(16px + var(--safe-b));flex-direction:column;gap:12px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand h1{letter-spacing:.02em;margin:0;font-size:1.15rem}.brand .sub{color:var(--muted);margin:0;font-size:.75rem}.resources{text-align:right}.gold-pill{border:1px solid var(--gold-dim);color:var(--gold);box-shadow:var(--shadow);background:linear-gradient(#2a2414,#1a160c);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-weight:700;display:inline-flex}.rate{color:var(--muted);margin-top:4px;font-size:.78rem}.map-panel{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.map-stage{border-bottom:1px solid var(--line);background-position:50%;background-size:cover;height:210px;position:relative}.map-overlay{pointer-events:none;background:linear-gradient(#080e1626,#080e168c);position:absolute;inset:0}.node{filter:drop-shadow(0 4px 6px #00000080);z-index:1;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.node img{width:36px;height:auto}.node span{border:1px solid var(--line);background:#0a0e14bf;border-radius:999px;padding:1px 6px;font-size:.68rem;font-weight:700}.node small{color:var(--muted);background:#0a0e1499;border-radius:999px;padding:0 5px;font-size:.62rem}.node.home span{border-color:var(--good);color:var(--good)}.node.foe.conquered span{border-color:var(--accent);color:var(--accent)}.node.foe.conquered{opacity:.85}.battle-row{gap:8px;padding:10px 12px 12px;display:grid}.battle-status{align-items:center;gap:10px;display:flex}.battle-status strong{font-size:.9rem;display:block}.battle-status p{color:var(--muted);margin:0;font-size:.75rem}.log{gap:4px;max-height:72px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.log li{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.tap-zone{place-items:center;min-height:160px;padding:8px 0 4px;display:grid;position:relative}.boost-chip{color:var(--good);z-index:2;background:#1e2a18;border:1px solid #3a6b2e;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:650;display:inline-flex;position:absolute;top:0}.boost-chip.hidden{display:none}.tap-btn{touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;width:148px;height:148px;transition:transform 80ms;display:grid;position:relative}.tap-btn:active,.tap-btn.pulse{transform:scale(.94)}.tap-art{object-fit:contain;pointer-events:none;filter:drop-shadow(0 12px 18px #0000008c);width:100%;height:100%;position:absolute;inset:0}.tap-label{z-index:1;letter-spacing:.08em;color:#2a1c05;text-shadow:0 1px #ffffff59;margin-top:-6px;font-size:1.6rem;font-weight:800;position:relative}.tap-sub{z-index:1;color:#4a3208;font-size:.85rem;font-weight:700;position:relative}.floaters{pointer-events:none;position:absolute;inset:0;overflow:hidden}.floater{color:var(--gold);text-shadow:0 2px 6px #000c;font-size:1.05rem;font-weight:800;animation:.9s ease-out forwards rise;position:absolute;bottom:55%;left:50%;transform:translate(-50%)}@keyframes rise{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-48px)}}.upgrades{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px}.section-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.section-head h2{margin:0;font-size:1rem}.upgrade-list{gap:8px;display:grid}.upgrade-card{background:var(--bg-card);border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.uc-icon{border:1px solid var(--line);background:#0f1620;border-radius:10px;place-items:center;width:48px;height:48px;display:grid;position:relative}.uc-icon .kind{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);white-space:nowrap;background:#243044;border-radius:999px;padding:1px 5px;font-size:.58rem;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.uc-title{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.uc-title h3{margin:0;font-size:.92rem}.lvl{color:var(--accent);font-size:.72rem;font-weight:700}.uc-body p{color:var(--muted);margin:2px 0 0;font-size:.72rem}.uc-body .stats{color:var(--good);font-weight:600}.buy-btn{border:1px solid var(--gold-dim);color:var(--gold);background:linear-gradient(#3a2f12,#2a210c);border-radius:10px;justify-content:center;align-items:center;gap:4px;min-width:72px;padding:8px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.buy-btn:disabled{opacity:.4;cursor:not-allowed}.ad-stub{margin-top:2px}.ad-btn{text-align:left;border-radius:var(--radius);width:100%;box-shadow:var(--shadow);background:linear-gradient(#1c2433,#141b27);border:1px dashed #3d5270;align-items:center;gap:12px;padding:12px 14px;display:flex}.ad-btn strong{font-size:.92rem;display:block}.ad-btn span{color:var(--muted);margin-top:2px;font-size:.72rem;display:block}.foot{color:var(--muted);justify-content:center;align-items:center;gap:8px;padding-bottom:4px;font-size:.75rem;display:flex}.linkish{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none}.linkish:hover{color:var(--text)}.linkish.danger:hover{color:var(--bad)}@media (width>=480px){.map-stage{height:240px}}