:root{--cf-bg: #0c0f14;--cf-surface: #141922;--cf-surface-card: #1b212d;--cf-surface-border: #2c3545;--cf-accent: #d4af37;--cf-accent-hover: #f1cf58;--cf-accent-dim: rgba(212, 175, 55, .2);--cf-red: #e05252;--cf-green: #48bb78;--cf-text-main: #e2e8f0;--cf-text-muted: #94a3b8;--cf-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow-x:hidden;background-color:var(--cf-bg);color:var(--cf-text-main);font-family:var(--cf-font);font-size:14px;line-height:1.4;user-select:none}#app{width:100%;min-height:100%;display:flex;flex-direction:column}.cf-hud-root{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:1440px;margin:0 auto}.cf-ribbon{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#18202d,#10151f);border-bottom:2px solid #2a3446;padding:8px 16px;gap:12px;flex-wrap:wrap;z-index:10}.cf-res-group{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.cf-res-item{display:flex;align-items:center;gap:8px;background:#0f141cb3;border:1px solid #283243;padding:6px 12px;border-radius:6px}.cf-res-icon{width:26px;height:26px;object-fit:contain}.cf-res-meta{display:flex;flex-direction:column}.cf-res-val{font-weight:700;font-size:13px;color:#fff}.cf-res-rate{font-size:11px;color:#48bb78}.cf-actions-quick{display:flex;gap:8px}.cf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;background:#252e3e;border:1px solid #3d4a60;border-radius:6px;color:#e2e8f0;font-weight:600;font-size:13px;cursor:pointer;transition:all .15s ease}.cf-btn:hover:not(:disabled){background:#313d52;border-color:#556685}.cf-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(80%)}.cf-btn-accent{background:linear-gradient(180deg,#285e3f,#1a422b);border-color:#3b875a;color:#c9f5d9}.cf-btn-accent:hover:not(:disabled){background:linear-gradient(180deg,#32754e,#215437);border-color:#55bb7f}.cf-btn-gold{background:linear-gradient(180deg,#8a6f20,#5d4a12);border-color:#d4af37;color:#fff4d0}.cf-btn-gold:hover:not(:disabled){background:linear-gradient(180deg,#a48427,#705917);border-color:#f7e7b4}.cf-btn-conquered{background:#1c3524;border-color:#2e6642;color:#8ce4a7;cursor:default}.cf-btn-block{width:100%}.cf-btn-sm{min-height:44px;padding:6px 12px;font-size:12px}.cf-main-stage{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:520px;gap:12px;padding:12px 16px}.cf-map-wrapper{background:#090c12;border:1px solid #222b3b;border-radius:8px;overflow:hidden;position:relative;min-height:360px;box-shadow:inset 0 0 24px #0009}#cf-map-canvas{width:100%;height:100%;display:block}.cf-control-panel{display:flex;flex-direction:column;background:var(--cf-surface);border:1px solid var(--cf-surface-border);border-radius:8px;overflow:hidden}.cf-tabs{display:flex;background:#0f141d;border-bottom:1px solid var(--cf-surface-border)}.cf-tab-btn{flex:1;min-height:44px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--cf-text-muted);font-weight:600;font-size:13px;cursor:pointer;transition:all .15s}.cf-tab-btn:hover{color:var(--cf-text-main);background:#ffffff05}.cf-tab-btn.active{color:var(--cf-accent);border-bottom-color:var(--cf-accent);background:#d4af370d}.cf-tab-content{flex:1;overflow-y:auto;padding:12px;max-height:calc(100vh - 220px)}.cf-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.cf-card{background:var(--cf-surface-card);border:1px solid var(--cf-surface-border);border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:10px}.cf-card-conquered{border-color:#2b5438;background:linear-gradient(180deg,#19241f,#141b18)}.cf-card-header{display:flex;gap:10px;align-items:center}.cf-card-icon{width:44px;height:44px;object-fit:contain;background:#111620;border:1px solid #283244;border-radius:6px;padding:2px}.cf-card-title-group{flex:1;min-width:0}.cf-card-title{font-weight:700;font-size:13px;color:#fff;display:flex;justify-content:space-between;align-items:center}.cf-card-lvl{font-size:11px;color:var(--cf-accent);background:#d4af3726;padding:2px 6px;border-radius:4px}.cf-card-desc{font-size:11px;color:var(--cf-text-muted);margin-top:2px}.cf-card-cost{display:flex;gap:8px;flex-wrap:wrap}.cf-cost-tag{font-size:11px;background:#10151f;padding:2px 6px;border-radius:4px;border:1px solid #263143}.cf-cost-tag.lacking{color:var(--cf-red);border-color:#e0525266}.cf-cost-max{font-size:12px;color:var(--cf-accent);font-weight:600}.cf-worker-row{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid #242c3b;gap:8px}.cf-worker-meta{display:flex;align-items:center;gap:6px;font-size:12px}.cf-worker-icon{width:24px;height:24px;object-fit:contain}.cf-region-stats{display:flex;flex-direction:column;gap:4px;font-size:12px;background:#10141d;padding:8px;border-radius:4px}.cf-stat-row{display:flex;justify-content:space-between;color:var(--cf-text-muted)}.cf-stat-row span strong{color:#fff}.cf-text-ok{color:var(--cf-green)}.cf-text-err{color:var(--cf-red)}.cf-text-gold{color:var(--cf-accent)}.cf-prestige-view{display:flex;flex-direction:column;gap:16px}.cf-prestige-banner{background:linear-gradient(180deg,#242013,#17140b);border:1px solid #574519;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.cf-prestige-icon{width:48px;height:48px;object-fit:contain}.cf-renown-tally{font-size:13px;margin-top:4px}.cf-perks-title{font-size:14px;font-weight:700;color:var(--cf-accent)}.cf-log-ribbon{display:flex;align-items:center;background:#0f131a;border-top:1px solid #202736;padding:6px 16px;font-size:12px;gap:12px;min-height:38px}.cf-log-title{font-weight:700;color:var(--cf-accent);white-space:nowrap}.cf-log-stream{display:flex;gap:14px;overflow-x:auto;white-space:nowrap;flex:1}.cf-log-entry{color:var(--cf-text-muted)}.cf-log-time{color:#64748b;margin-right:4px}.cf-log-conquest .cf-log-msg{color:#f6ad55;font-weight:600}.cf-log-prestige .cf-log-msg{color:var(--cf-accent);font-weight:600}.cf-log-offline .cf-log-msg{color:#68d391}.cf-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000;backdrop-filter:blur(4px)}.cf-modal-card{background:#161c26;border:1px solid var(--cf-accent);border-radius:8px;padding:20px;max-width:460px;width:100%;display:flex;flex-direction:column;gap:14px;box-shadow:0 10px 30px #000c}.cf-modal-title{font-size:16px;color:var(--cf-accent);text-align:center}.cf-modal-desc{font-size:13px;color:var(--cf-text-main);text-align:center}.cf-offline-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cf-off-card{background:#1c2432;border:1px solid #2f3c52;padding:10px;border-radius:6px;display:flex;flex-direction:column;align-items:center}.cf-off-name{font-size:11px;color:var(--cf-text-muted)}.cf-off-val{font-size:16px;font-weight:700;color:#48bb78}.cf-off-over{font-size:10px;color:var(--cf-red)}.cf-modal-sub{font-size:11px;color:var(--cf-text-muted);text-align:center}@media(max-width:840px){.cf-main-stage{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:8px;gap:8px}.cf-map-wrapper{height:240px;min-height:240px}.cf-tab-content{max-height:none}.cf-ribbon{padding:8px}.cf-res-group{gap:8px}}