:root{--bg: var(--tg-theme-bg-color, #0d0d12);--bg-card: var(--tg-theme-secondary-bg-color, #16161e);--text: var(--tg-theme-text-color, #e8e8ed);--text-muted: #6b6b7a;--accent: var(--tg-theme-button-color, #6366f1);--accent-text: var(--tg-theme-button-text-color, #fff);--link: var(--tg-theme-link-color, #818cf8);--danger: #ef4444;--success: #22c55e;--radius: 12px;--radius-sm: 8px;--space: 12px;--space-lg: 20px;--nav-height: 48px;--max-width: 480px;--neon-blue: #3b82f6;--neon-purple: #a855f7;--neon-cyan: #06b6d4;--glow-blue: 0 0 20px rgba(59, 130, 246, .4);--glow-purple: 0 0 20px rgba(168, 85, 247, .35);--tg-top-offset: 0px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;font-size:15px;line-height:1.45}#root{min-height:100vh;padding-bottom:env(safe-area-inset-bottom,0)}a{color:var(--link);text-decoration:none}.app-nav{position:sticky;top:0;z-index:10;background:var(--bg-card);border-bottom:1px solid rgba(255,255,255,.06);padding:calc(var(--space) + var(--tg-top-offset)) 0 var(--space);-webkit-overflow-scrolling:touch}.app-nav-inner{display:flex;gap:6px;overflow-x:auto;padding:0 var(--space);scrollbar-width:none}.app-nav-inner::-webkit-scrollbar{display:none}.app-nav a{flex-shrink:0;padding:8px 14px;border-radius:var(--radius-sm);background:#ffffff0f;color:var(--text);font-size:13px;font-weight:500;transition:background .15s}.app-nav a:hover{background:#ffffff1a}.app-nav a.active{background:var(--accent);color:var(--accent-text)}.app-main{max-width:var(--max-width);margin:0 auto;padding:var(--space-lg) var(--space);min-height:calc(100vh - var(--nav-height) - 20px)}.card{background:var(--bg-card);border-radius:var(--radius);padding:var(--space-lg);margin-bottom:var(--space);border:1px solid rgba(255,255,255,.06)}.card:last-child{margin-bottom:0}.section{margin-bottom:var(--space-lg)}.section-title{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;border:none;cursor:pointer;background:var(--accent);color:var(--accent-text);transition:opacity .15s,transform .05s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{background:#ffffff14;color:var(--text)}.btn-ghost:hover:not(:disabled){background:#ffffff1f}.btn-danger{background:var(--danger);color:#fff}.btn-hero{width:100%;max-width:280px;padding:16px 24px;font-size:16px;font-weight:600;background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple));color:#fff;border:none;border-radius:var(--radius);cursor:pointer;box-shadow:var(--glow-blue);transition:transform .1s,box-shadow .2s}.btn-hero:active{transform:scale(.98)}.btn-hero:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-outline{background:transparent;border:2px solid var(--neon-cyan);color:var(--neon-cyan)}.btn-outline:hover{background:#22d3ee1f}.hub-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space);padding:var(--space) 0;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:var(--space-lg)}.hub-resources{display:flex;flex-wrap:wrap;gap:12px 16px;font-size:13px;color:var(--text-muted)}.hub-resources strong{color:var(--text);margin-left:4px}.hub-resources-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.hub-resources-grid .hub-resource-item{display:flex;align-items:center;gap:6px}.hub-resources-grid .hub-resource-item strong{margin-left:0;color:var(--text)}.hub-resources-compact{display:block}.hub-resources-compact .hub-resource-item{font-size:15px}.hub-profile{font-size:13px}.hub-profile .name{font-weight:600;color:var(--text)}.hub-profile .node{color:var(--neon-cyan);font-size:12px}.hub-exp{margin-top:6px;width:100%;max-width:120px}.hub-exp-bar{height:4px;border-radius:2px;background:#ffffff1a;overflow:hidden}.hub-exp-bar:after{content:"";display:block;height:100%;width:var(--exp-pct, 0%);min-width:2px;background:var(--neon-cyan);border-radius:2px;transition:width .2s ease}.hub-exp-text{display:block;font-size:11px;color:var(--text-muted);margin-top:2px}.hub-core{text-align:center;padding:var(--space-lg) 0;margin-bottom:var(--space-lg)}.hub-core-visual{width:140px;height:140px;margin:0 auto var(--space-lg);border-radius:50%;background:radial-gradient(circle at 30% 30%,#6366f14d,#a855f726);border:2px solid var(--neon-purple);box-shadow:var(--glow-purple),inset 0 0 40px #6366f11a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--neon-cyan);letter-spacing:.05em}.hub-core-title{font-size:13px;font-weight:700;text-transform:uppercase}.hub-core-level{font-size:11px;font-weight:600;color:var(--text-muted);opacity:.95}.hub-core-label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space)}.hub-hint{margin:var(--space) 0 0;font-size:13px;color:var(--neon-cyan);opacity:.9}.hub-mission{background:var(--bg-card);border-radius:var(--radius);padding:var(--space);margin-bottom:var(--space);border-left:4px solid var(--neon-blue)}.hub-mission h3{font-size:13px;margin:0 0 4px;color:var(--text-muted)}.hub-mission p{margin:0;font-size:14px}.battle-result{border-left-width:6px}.battle-result-heading{font-size:1.5rem!important;font-weight:800!important;letter-spacing:.02em;margin:0 0 8px!important}.battle-result--won .battle-result-heading{color:var(--neon-green)}.battle-result--won{border-left-color:var(--neon-green);background:linear-gradient(135deg,rgba(34,197,94,.08) 0%,var(--bg-card) 40%)}.battle-result--lost .battle-result-heading{color:var(--danger, #f44)}.battle-result--lost{border-left-color:var(--danger, #f44);background:linear-gradient(135deg,rgba(244,68,68,.06) 0%,var(--bg-card) 40%)}.hub-buildings-toggle{display:block;width:100%;text-align:left;font-size:15px;font-weight:600;color:var(--text);cursor:pointer;padding:var(--space) var(--space-lg);margin:0 0 var(--space);background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);border-left:3px solid var(--neon-cyan);transition:background .15s}.hub-buildings-toggle:hover{background:#ffffff0a}.hub-buildings-toggle:active{opacity:.95}.hub-building-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space)}.hub-building-info{flex:1;min-width:0}.hub-building-header{display:flex;align-items:baseline;gap:8px}.hub-building-desc{margin:4px 0 0;font-size:13px;line-height:1.4}.hub-card-title{font-weight:600;color:var(--neon-cyan);margin:0}.input{width:100%;max-width:280px;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:var(--text);font-size:15px}.input::placeholder{color:var(--text-muted)}.page-title{font-size:22px;font-weight:700;margin:0 0 var(--space-lg);letter-spacing:-.02em}.list-plain{list-style:none;padding:0;margin:0}.list-item{padding:var(--space) 0;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space)}.list-item:last-child{border-bottom:none}.text-muted{color:var(--text-muted);font-size:13px}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.btn-group{display:flex;flex-wrap:wrap;gap:var(--space);align-items:center}.agents-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.85em;font-weight:600}.agents-badge-damaged{background:var(--danger, #f44);color:#fff}.session-expired-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.session-expired-box{background:var(--bg-card);border-radius:var(--radius);padding:var(--space-lg);max-width:320px;text-align:center;box-shadow:var(--glow-blue)}.session-expired-box h2{margin:0 0 var(--space);font-size:1.25rem;color:var(--text)}.session-expired-box p{margin:0 0 var(--space-lg);color:var(--text-muted);font-size:.95rem;line-height:1.5}.session-expired-btn{width:100%;padding:12px 20px;background:var(--accent);color:var(--accent-text);border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer}.session-expired-btn:hover{opacity:.95}@media (min-width: 768px){:root{--max-width: 100%}.app-main{padding-left:max(var(--space-lg),env(safe-area-inset-left,0px));padding-right:max(var(--space-lg),env(safe-area-inset-right,0px))}}