@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Unbounded:wght@400;600&display=swap";:root{color-scheme:dark;--bg: #080b14;--bg-soft: #101525;--bg-panel: rgba(12, 16, 28, .92);--bg-elevated: rgba(18, 22, 38, .92);--border: rgba(120, 140, 200, .22);--glow: rgba(102, 160, 255, .22);--text: #e6ecff;--muted: #94a0c6;--accent: #66a0ff;--accent-strong: #8ab7ff;--danger: #ff8b7a;--panel-shadow: 0 28px 70px rgba(6, 8, 18, .7);--panel-glow: 0 0 26px rgba(102, 160, 255, .35);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px}*{box-sizing:border-box}body{margin:0;font-family:Manrope,sans-serif;color:var(--text);background:radial-gradient(circle at 12% 18%,rgba(102,160,255,.22),transparent 45%),radial-gradient(circle at 88% 10%,rgba(162,116,255,.18),transparent 40%),radial-gradient(circle at 40% 80%,rgba(52,220,255,.15),transparent 50%),linear-gradient(180deg,#060812,#0a0f1f 45%,#05070f);min-height:100vh}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 12% 22%,rgba(100,170,255,.18),transparent 48%),radial-gradient(circle at 78% 18%,rgba(140,108,255,.16),transparent 55%),radial-gradient(circle at 45% 70%,rgba(80,220,255,.12),transparent 55%),radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,auto,auto,120px 120px,70px 70px;background-position:0 0,0 0,0 0,30px 40px,10px 20px;pointer-events:none;z-index:0}#root{position:relative;z-index:1}.app{display:flex;flex-direction:column;min-height:100vh;gap:24px;padding:28px 40px 48px}.topbar{display:grid;grid-template-areas:"brand nav account" "resources resources resources";grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:16px 20px;background:var(--bg-panel);border:1px solid var(--border);border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--panel-shadow)}.topbar.public{grid-template-areas:"brand nav account";grid-template-columns:auto minmax(0,1fr) auto}.brand{grid-area:brand;display:flex;flex-direction:column;gap:4px}.brand-mark{font-family:Unbounded,sans-serif;font-size:20px;letter-spacing:1px;text-transform:uppercase}.brand-sub{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:2px}.primary-nav{grid-area:nav;display:flex;gap:12px;flex-wrap:nowrap;justify-content:center;overflow-x:auto;align-items:center;min-width:0}.primary-nav::-webkit-scrollbar{height:6px}.primary-nav::-webkit-scrollbar-thumb{background:#788caa66;border-radius:999px}.tab{display:flex;flex-direction:column;gap:2px;padding:10px 14px;background:transparent;border:1px solid transparent;color:var(--muted);border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:110px}.tab:hover,.tab.active{color:var(--text);border-color:var(--border);background:#30363ed9;box-shadow:0 0 0 1px #7aa5a033}.tab-label{font-weight:600}.tab-meta{font-size:11px;text-transform:uppercase;letter-spacing:1px}.account{grid-area:account;text-align:right;display:flex;flex-direction:column;gap:6px}.account-menu{position:relative;display:inline-flex;justify-content:flex-end}.account-trigger{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:#0c1016b3;color:var(--text);cursor:pointer;transition:border .2s ease,box-shadow .2s ease}.account-trigger:hover{border-color:var(--accent);box-shadow:0 0 0 1px #5cc0ff33}.account-handle{font-weight:600}.account-caret{font-size:12px;color:var(--muted);transition:transform .2s ease}.account-caret.open{transform:rotate(180deg)}.account-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;display:grid;gap:10px;padding:12px;border-radius:14px;background:var(--bg-elevated);border:1px solid rgba(120,140,170,.3);box-shadow:var(--panel-shadow);z-index:10}.account-section{margin-top:6px;padding-top:8px;border-top:1px solid rgba(120,140,170,.2);display:grid;gap:8px}.account-section-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.account-tabs{display:flex;flex-wrap:wrap;gap:8px}.account-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(120,140,170,.35);border-radius:10px;padding:8px 12px;background:#0c101680;color:var(--text);cursor:pointer;transition:border .2s ease,box-shadow .2s ease}.account-link:hover{border-color:var(--accent);box-shadow:0 0 0 1px #5cc0ff33}.premium-actions{display:flex;justify-content:flex-end}.premium-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#94b9b433;border:1px solid rgba(148,185,180,.35);font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text)}.auth-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.resource-bar{grid-area:resources;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;justify-content:stretch;align-items:center;min-width:0}.resource-chip{background:#101612b3;border:1px solid rgba(198,240,124,.12);border-radius:999px;padding:6px 10px;display:inline-flex;align-items:center;gap:8px;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);min-width:0}.resource-chip strong{color:var(--text);font-size:13px;text-transform:none;letter-spacing:0}.resource-icon{width:14px;height:14px;border-radius:4px;display:inline-block;background-size:cover;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 0 6px rgba(92,192,255,.2))}.resource-icon.essence{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237ed0ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2l2.8 6.2L21 11l-6.2 2.8L12 20l-2.8-6.2L3 11l6.2-2.8L12 2z'/></svg>")}.resource-icon.matter{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a9d58d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 20h16'/><path d='M6 20l6-16 6 16'/></svg>")}.resource-icon.arcane{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23c9a7ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='5'/><path d='M12 2v4M12 18v4M2 12h4M18 12h4'/></svg>")}.resource-icon.storage{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23f4c96d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 10l9-6 9 6v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/><path d='M9 22V12h6v10'/></svg>")}.resource-icon.population{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ff8f7a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='3'/><path d='M5 20c0-3.5 3-6 7-6s7 2.5 7 6'/></svg>")}.building-icon,.unit-icon{width:20px;height:20px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#121626e6;border:1px solid rgba(120,140,200,.35);box-shadow:0 0 12px #66a0ff40;background-repeat:no-repeat;background-position:center;background-size:14px 14px;flex:0 0 auto}.building-icon.essence_extractor{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2366a0ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2l2.5 5.5L20 10l-5.5 2.5L12 18l-2.5-5.5L4 10l5.5-2.5L12 2z'/></svg>")}.building-icon.matter_foundry{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a9d58d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 18h16'/><path d='M7 18l5-12 5 12'/></svg>")}.building-icon.arcane_spire{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b48cff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2l6 8-6 12-6-12 6-8z'/></svg>")}.building-icon.town_hall{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23f4c96d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 12l9-6 9 6'/><path d='M5 10v10h14V10'/><path d='M10 20v-6h4v6'/></svg>")}.building-icon.warehouse{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ffd18a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='7' width='18' height='13' rx='2'/><path d='M7 7V5h10v2'/></svg>")}.building-icon.barracks{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ff8f7a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 4h12v16H6z'/><path d='M9 8h6M9 12h6M9 16h6'/></svg>")}.building-icon.farmstead{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2399e2ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 20h18'/><path d='M5 20l4-12 4 12'/><path d='M13 20l3-8 3 8'/></svg>")}.unit-icon.berserker{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ff8f7a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 20l6-16 6 16'/><path d='M7 14h10'/></svg>")}.unit-icon.war_golem{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b0c7ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='6' y='6' width='12' height='12'/><path d='M6 10h12M10 6v12'/></svg>")}.unit-icon.flame_legion{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ffb36e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2c4 5 2 10-2 12 0 3 2 6 6 6 2-1 4-4 4-7 0-5-4-9-8-11z'/></svg>")}.unit-icon.shield_guard{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2399e2ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3l7 3v6c0 5-3 8-7 9-4-1-7-4-7-9V6l7-3z'/></svg>")}.unit-icon.paladin{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23f4c96d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 4v16'/><path d='M7 9h10'/><path d='M6 20h12'/></svg>")}.unit-icon.rune_defender{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b48cff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2l8 6-8 14-8-14 8-6z'/><path d='M9 12h6'/></svg>")}.unit-icon.shadow_runner{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2366a0ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 12h16'/><path d='M8 6l-4 6 4 6'/></svg>")}.unit-icon.assassin{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ff6f91' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4l16 16'/><path d='M20 4L4 20'/></svg>")}.unit-icon.illusionist{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239ad1ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='5'/><path d='M12 2v4M12 18v4M2 12h4M18 12h4'/></svg>")}.account-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.account-meta{font-weight:600}.ghost,.primary,.tactic,.pill{font-family:inherit}.ghost{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:999px;padding:8px 14px;cursor:pointer;transition:all .2s ease}.ghost:hover{border-color:var(--accent);color:var(--accent-strong)}.primary{background:linear-gradient(120deg,#5cc0ffe6,#7ed0ffe6);color:#0c1218;border:none;border-radius:12px;padding:10px 18px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px #5cc0ff33}.primary:hover{filter:brightness(1.08)}.upgrade-ready{box-shadow:0 0 0 1px #94b9b44d,0 8px 18px #1e242c59}.profile-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}.pill{background:#343a42d9;border:1px solid rgba(130,142,156,.2);color:var(--muted);padding:6px 12px;border-radius:999px;font-size:12px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.pill:hover{color:var(--text);border-color:var(--border)}.pill.active{border-color:var(--accent);color:var(--text);background:#404852e6}.content{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px}.public-content{grid-template-columns:minmax(0,1fr)}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:0 26px 60px #02040c80;animation:floatIn .6s ease both}.app-error{display:flex;align-items:center;justify-content:space-between;gap:12px;border-color:#ff7b6680;background:#ff7b6614}.panel h1,.panel h2,.panel h3{font-family:Unbounded,sans-serif;margin:0 0 12px}.panel p{color:var(--muted);line-height:1.6}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-tag{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--accent)}.hero{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.hero-card{background:var(--bg-elevated);border-radius:16px;padding:18px;border:1px solid rgba(255,255,255,.04);display:grid;gap:16px}.hero-actions,.login-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px}.login-panel{grid-column:1 / -1;display:grid;gap:16px;max-width:520px}.stat{display:flex;flex-direction:column;gap:4px;color:var(--muted)}.stat strong{color:var(--text);font-size:18px}.field-row{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:12px;align-items:end}label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}input{background:#0a0c0acc;border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px 12px;font-size:14px}.tactics{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.settlement{grid-column:1 / -1;display:grid;gap:18px}.village-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.village-name{font-family:Unbounded,sans-serif;font-size:20px}.village-meta{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}.village-select{background:#0a0c0acc;border:1px solid var(--border);border-radius:10px;color:var(--text);padding:8px 12px}.resource-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.resource-note{font-size:12px;color:var(--muted)}.upgrade-queue{display:grid;gap:10px;background:#0c120e99;border:1px solid rgba(198,240,124,.12);border-radius:16px;padding:14px}.queue-title{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.queue-list{display:grid;gap:10px}.queue-item{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#101612b3;border:1px solid rgba(198,240,124,.12);border-radius:12px;padding:10px 12px}.queue-info{display:flex;align-items:center;gap:10px}.queue-item.active{border-color:#c6f07c73;box-shadow:0 0 16px #c6f07c26}.queue-item.queued{opacity:.75;border-style:dashed}.queue-name{font-weight:600}.queue-meta{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.queue-timer{font-size:13px;color:var(--accent);font-variant-numeric:tabular-nums}.building-list{display:grid;gap:12px}.building-card{background:var(--bg-elevated);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:16px;display:grid;gap:12px;grid-template-columns:1fr auto;align-items:center}.building-title{font-weight:600;font-size:16px;display:inline-flex;align-items:center;gap:10px}.building-meta{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.building-card p{margin:0}.building-stats{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:10px}.building-costs{margin-top:8px;font-size:12px;color:var(--accent)}.cost-inline{display:inline-flex;align-items:center;gap:6px;margin-right:10px}.cost-inline .resource-icon{width:12px;height:12px}.cost-value{font-weight:600;letter-spacing:.01em}.cost-missing{color:var(--danger);font-weight:600}.building-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.building-timer{font-size:11px;color:var(--muted)}.military{grid-column:1 / -1;display:grid;gap:18px}.military-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:18px}.panel-subtitle{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:10px}.recruit-panel{display:grid;gap:16px}.army-panel{display:grid;gap:14px;padding:18px;border-radius:18px;background:#0c120e8c;border:1px solid rgba(120,170,130,.2)}.army-list{display:grid;gap:10px}.army-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;background:#080c0a99;border:1px solid rgba(90,140,110,.15);gap:10px}.army-name{font-weight:600;letter-spacing:.02em}.army-meta{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.army-amount{font-weight:700;color:#bee6c8e6}.profile-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.profile-card{display:grid;gap:12px;padding:16px;border-radius:16px;background:#181c22b3;border:1px solid rgba(120,140,160,.2)}.inbox-list{display:grid;gap:10px;margin-top:8px}.inbox-item{border:1px solid rgba(120,140,170,.2);border-radius:var(--radius-sm);padding:10px 12px;background:#0c10168c}.inbox-title{font-weight:600}.inbox-meta{font-size:12px;color:var(--muted);margin-top:4px}.inbox-body{margin-top:8px;font-size:13px;color:var(--text);white-space:pre-wrap}.profile-row{display:flex;justify-content:space-between;gap:12px;font-size:14px}.muted{color:var(--muted)}.recruit-controls label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.unit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.unit-card{border-radius:14px;background:#101612b3;border:1px solid rgba(198,240,124,.12);padding:12px;display:grid;gap:8px}.unit-title{font-weight:600;display:inline-flex;align-items:center;gap:8px}.unit-meta{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.unit-cost{font-size:12px;color:var(--accent)}.unit-module{display:flex;gap:6px;flex-wrap:wrap;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.recruit-queue{display:grid;gap:12px;background:#0c120e99;border:1px solid rgba(198,240,124,.12);border-radius:16px;padding:14px}.queue-empty{font-size:12px;color:var(--muted)}.worldmap{grid-column:1 / -1;display:grid;gap:18px;overflow:hidden}.worldmap-panel{width:calc(100% - 32px);max-width:none;margin:0 auto;box-sizing:border-box;overflow:hidden}.world-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(220px,1fr);gap:18px;min-width:0;overflow:hidden;width:100%}.world-viewport{position:relative;width:100%;max-width:100%;aspect-ratio:21 / 9;min-height:520px;border-radius:18px;border:1px solid rgba(198,240,124,.12);background:#060b08;overflow:hidden;box-shadow:inset 0 0 40px #00000073;cursor:grab;overscroll-behavior:contain;touch-action:none}.world-canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;z-index:1}.world-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px;pointer-events:none;z-index:3}.world-viewport.panning{cursor:grabbing}.world-surface{position:absolute;inset:0;transform-origin:0 0;background:transparent;z-index:2}.world-pin{position:absolute;width:14px;height:14px;border-radius:50%;background:#d8ff8a;border:2px solid rgba(10,12,10,.8);transform:translate(-50%,-50%);box-shadow:0 0 14px #d8ff8a8c;cursor:pointer}.world-pin.active{background:#ffb36e;box-shadow:0 0 18px #ffb36e99}.world-pin.own{background:#7ad6ff;box-shadow:0 0 16px #7ad6ff99}.world-pin.hovered{transform:translate(-50%,-50%) scale(1.2)}.world-tooltip{position:absolute;transform:translate(-50%,-120%);background:#0a0e0beb;border:1px solid rgba(198,240,124,.2);border-radius:10px;padding:10px 12px;min-width:180px;color:var(--text);box-shadow:0 16px 30px #00000059;pointer-events:none;z-index:4}.tooltip-title{font-weight:600;margin-bottom:4px}.tooltip-sub{font-size:11px;color:var(--muted)}.tooltip-note{margin-top:6px;font-size:10px;color:#c6f07cb3;text-transform:uppercase;letter-spacing:1px}.world-legend{display:grid;gap:12px;padding:16px;border-radius:16px;background:#101612b3;border:1px solid rgba(198,240,124,.12)}.legend-title{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.legend-list{display:grid;gap:8px}.legend-item{display:flex;justify-content:space-between;gap:12px;align-items:center;background:transparent;border:1px solid rgba(198,240,124,.12);border-radius:12px;color:var(--text);padding:8px 10px;cursor:pointer}.legend-item.active{border-color:#ffb36e80;color:#ffb36e}.legend-coords{font-size:11px;color:var(--muted)}.legend-note{font-size:12px;color:var(--muted);margin:0}.world-hud{position:absolute;right:16px;bottom:16px;display:grid;gap:6px;background:#0a0e0bb3;border:1px solid rgba(198,240,124,.2);border-radius:12px;padding:10px 12px;font-size:11px;color:var(--muted);z-index:4;pointer-events:auto}.world-crosshair{position:absolute;z-index:3;pointer-events:none;background:#c8f07c59}.world-crosshair.h{left:0;right:0;height:1px}.world-crosshair.v{top:0;bottom:0;width:1px}.world-crosshair-label{position:absolute;z-index:4;pointer-events:none;padding:2px 6px;border-radius:8px;font-size:10px;color:var(--text);background:#0a0e0bd9;border:1px solid rgba(198,240,124,.2)}.world-crosshair-label.x{top:6px;transform:translate(-50%)}.world-crosshair-label.y{left:6px;transform:translateY(-50%)}.hud-line{font-variant-numeric:tabular-nums}.tactic{background:#101612b3;border:1px solid var(--border);color:var(--text);border-radius:12px;padding:10px 14px;font-weight:600;cursor:pointer;transition:all .2s ease}.tactic:hover{border-color:var(--accent);color:var(--accent-strong);transform:translateY(-1px)}.intel-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.intel-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}.intel-value{font-size:16px;font-weight:600}.intel-note{margin-top:16px}.console pre{margin:0;background:#0b100c;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:14px;color:#b7ff9a;max-height:360px;overflow:auto}.delay-1{animation-delay:.05s}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}@keyframes floatIn{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1100px){.topbar{grid-template-areas:"brand account" "nav nav" "resources resources";grid-template-columns:minmax(0,1fr) auto;text-align:center}.account{align-items:center}.account-dropdown{right:50%;transform:translate(50%)}.resource-bar,.primary-nav{justify-content:center}.content,.field-row,.world-grid{grid-template-columns:1fr}.world-viewport{aspect-ratio:16 / 9;min-height:420px}.military-grid{grid-template-columns:1fr}.worldmap-panel{width:calc(100% - 24px)}}@media(max-width:720px){.app{padding:20px}.topbar{grid-template-areas:"brand" "account" "nav" "resources";grid-template-columns:1fr;gap:14px;padding:14px 16px}.primary-nav{justify-content:flex-start;padding-bottom:4px}.tab{min-width:96px;flex:0 0 auto}.resource-bar{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.worldmap-panel{width:calc(100% - 16px)}.world-viewport{min-height:320px;aspect-ratio:16 / 9}}.modal-overlay{position:fixed;inset:0;background:#040610b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:min(620px,92vw);max-height:80vh;overflow:auto;background:#101422f5;border:1px solid rgba(102,160,255,.35);border-radius:18px;padding:20px 22px;box-shadow:0 20px 60px #0000008c,0 0 24px #66a0ff40;z-index:51}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.modal-head h3{margin:0;font-size:20px}.modal-sub{color:#9aa3b2;font-size:13px;margin-top:4px}.modal-body{display:flex;flex-direction:column;gap:16px}.modal-info{background:#ffffff0a;border-radius:12px;padding:12px 14px;color:#b8c0ce;font-size:13px}.info-line+.info-line{margin-top:6px}.attack-units{display:grid;gap:10px}.attack-message{display:grid;gap:8px;margin-top:8px}.attack-message textarea{min-height:90px;background:#0f131a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--text);padding:10px 12px;font-size:13px}.attack-unit{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#ffffff08;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.attack-unit-name{font-weight:600;color:#e7ecf4;display:inline-flex;align-items:center;gap:8px}.attack-unit-meta{font-size:12px;color:#8f98a8}.attack-unit input{width:90px;background:#0f131a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#e7ecf4;padding:6px 8px}.modal-actions{margin-top:18px;display:flex;justify-content:flex-end}.modal-success{padding:10px 12px;background:#32c8781f;border:1px solid rgba(50,200,120,.3);border-radius:10px;color:#90e4b5;font-size:13px}.battles-layout{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:18px}.battles-list{display:flex;flex-direction:column;gap:10px}.battle-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;text-align:left;color:#d7dfe8}.battle-card.active{border-color:#78b4ff99;box-shadow:0 0 0 1px #78b4ff33}.battle-card-title{font-weight:600}.battle-card-sub{font-size:12px;color:#9aa3b2}.battle-card-meta{font-size:11px;color:#7e8796;display:flex;flex-direction:column;gap:4px;margin-top:6px}.battles-detail{display:flex;flex-direction:column;gap:16px}.battle-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.battle-detail-title{font-size:18px;font-weight:600}.battle-detail-sub{font-size:12px;color:#9aa3b2}.battle-detail-timers{font-size:12px;color:#b3bccb;display:grid;gap:4px}.battle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.battle-box{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:12px 14px}.battle-box-title{font-weight:600;margin-bottom:8px}.battle-box-row{font-size:12px;color:#aab2c1;margin-bottom:4px}.battle-control-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.battle-choice{display:grid;gap:8px}.battle-choice label{font-size:12px;display:grid;gap:4px;color:#9aa3b2}.battle-choice select{background:#0f131a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 8px;color:#e7ecf4}.rounds-list{display:grid;gap:10px}.round-card{border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:10px 12px;background:#ffffff05}.round-title{font-weight:600}.round-meta,.round-resolved{font-size:12px;color:#9aa3b2;margin-top:4px}.round-kills{margin-top:4px}.mini-table{width:100%;border-collapse:collapse;font-size:12px}.mini-table th,.mini-table td{text-align:left;padding:6px 4px;border-bottom:1px solid rgba(255,255,255,.04)}.report-summary{font-size:12px;color:#aab2c1;display:grid;gap:4px}.order-panel{grid-column:1 / -1;display:grid;gap:16px}.order-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.order-card{background:var(--bg-elevated);border:1px solid rgba(120,140,170,.2);border-radius:var(--radius-lg);padding:16px;display:grid;gap:12px}.order-card-title{font-weight:700;font-size:16px}.order-meta{font-size:12px;color:var(--muted)}.order-section{display:grid;gap:16px}.order-invite{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid rgba(120,140,170,.2);background:#0c10168c}.order-invite-actions{display:flex;gap:10px;flex-wrap:wrap}.order-create,.order-invite-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.order-members{display:grid;gap:8px}.order-member{display:flex;justify-content:space-between;font-size:13px}.order-threads{display:grid;gap:8px}.order-thread{text-align:left;border-radius:12px;border:1px solid rgba(120,140,170,.2);padding:10px 12px;background:#0c10168c;color:var(--text)}.order-thread.active{border-color:#5cc0ff80;box-shadow:var(--panel-glow)}.order-thread-title{font-weight:600}.order-thread-meta{font-size:11px;color:var(--muted)}.order-thread-create,.order-reply{display:grid;gap:8px}.order-thread-create textarea,.order-reply textarea{min-height:90px}.order-posts{display:grid;gap:10px}.order-post{padding:10px 12px;border-radius:12px;border:1px solid rgba(120,140,170,.2);background:#0c10168c}.help-panel{grid-column:1 / -1;display:grid;gap:20px}.help-section{display:grid;gap:8px}.help-filters{display:grid;gap:10px;background:#0a0e1499;border:1px solid rgba(120,140,170,.2);border-radius:12px;padding:12px}.help-filter-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.help-filter-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.help-table{display:grid;gap:6px;border:1px solid rgba(120,140,170,.2);border-radius:12px;padding:10px;background:#0a0e1499}.help-row{display:grid;grid-template-columns:minmax(200px,1.4fr) 80px minmax(220px,1.2fr) 80px;gap:10px;font-size:12px;align-items:center;color:var(--muted)}.help-row-stack{display:grid;grid-template-columns:1fr;gap:8px}.help-row-main{display:grid;grid-template-columns:minmax(200px,1.4fr) 80px minmax(220px,1.2fr) 80px;gap:10px;align-items:center}.help-row-head{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text)}.help-cell{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-weight:600}.help-list{display:grid;gap:8px}.help-list-item{display:grid;gap:4px;font-size:12px;color:var(--muted);padding:10px 12px;border-radius:12px;border:1px solid rgba(120,140,170,.2);background:#0a0e1499}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.help-card{border:1px solid rgba(120,140,170,.2);border-radius:12px;padding:12px;background:#0a0e1499;display:grid;gap:6px;font-size:12px;color:var(--muted)}.help-card h4{margin:0;color:var(--text)}.help-card ul{margin:0;padding-left:16px;display:grid;gap:4px}.help-costs{border:1px solid rgba(120,140,170,.2);border-radius:10px;padding:8px 10px;background:#080c1299;font-size:12px}.help-costs summary{cursor:pointer;color:var(--text);font-weight:600}.help-costs-table{display:grid;gap:6px;margin-top:8px}.help-costs-row{display:grid;grid-template-columns:80px 1fr 80px;gap:12px;color:var(--muted)}@media(max-width:900px){.help-row-main{grid-template-columns:minmax(160px,1fr) 60px 1fr 60px}}.order-post-header{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:6px}.order-error{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,123,102,.5);background:#ff7b661a;color:var(--danger)}@media(max-width:900px){.battles-layout{grid-template-columns:1fr}}.view{display:flex;gap:20px;width:100%}.battles-view{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:20px;align-items:start}.battle-list{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--panel-shadow);display:flex;flex-direction:column;min-height:65vh}.battle-list-title{font-family:Unbounded,sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;color:var(--muted)}.battle-list-scroll{display:grid;gap:12px;overflow-y:auto;padding-right:6px}.battle-list-item{border:1px solid rgba(120,140,170,.25);border-radius:var(--radius-md);padding:12px;background:var(--bg-elevated);color:var(--text);text-align:left;transition:border .15s ease,box-shadow .15s ease,transform .15s ease}.battle-list-item:hover{transform:translateY(-2px);border-color:#5cc0ff66;box-shadow:var(--panel-glow)}.battle-list-item.active{border-color:#5cc0ffb3;box-shadow:var(--panel-glow)}.battle-list-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.battle-list-badges{display:inline-flex;align-items:center;gap:6px}.choice-spark{width:8px;height:8px;border-radius:50%;background:#f4c96d;box-shadow:0 0 10px #f4c96dcc}.battle-list-id{font-weight:600}.battle-state{font-size:11px;padding:4px 8px;border-radius:999px;background:#5cc0ff26;color:var(--accent);border:1px solid rgba(92,192,255,.35)}.battle-state.ready_check{background:#f4c96d26;color:#f4c96d;border-color:#f4c96d59}.battle-state.done{background:#a0aabe26;color:#a4afbf;border-color:#a0aabe4d}.battle-list-meta{display:grid;gap:4px;font-size:12px;color:var(--muted);margin-top:8px}.countdown-pill{margin-top:10px;padding:6px 10px;border-radius:999px;display:inline-flex;gap:8px;align-items:center;font-size:12px;border:1px solid rgba(120,140,170,.3);background:#0c1016b3}.countdown-pill.blue{border-color:#5cc0ff80;color:var(--accent)}.countdown-pill.amber{border-color:#f4c96d80;color:#f4c96d}.battle-detail-pane{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--panel-shadow)}.battle-detail{display:grid;gap:20px}.battle-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.battle-header-title{font-family:Unbounded,sans-serif;font-size:18px}.battle-header-sub{font-size:12px;color:var(--muted);margin-top:6px}.battle-header-role{margin-top:6px;font-size:12px;color:var(--accent)}.battle-header-timers{display:grid;gap:8px}.battle-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.faction-panel{border-radius:var(--radius-md);border:1px solid rgba(120,140,170,.2);padding:14px;background:var(--bg-elevated)}.faction-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.faction-title{font-weight:600}.faction-sub,.faction-total{font-size:11px;color:var(--muted)}.faction-units{display:grid;gap:6px}.faction-unit{display:flex;justify-content:space-between;font-size:12px}.faction-unit-name{display:inline-flex;align-items:center;gap:8px}.battle-card{border-radius:var(--radius-md);border:1px solid rgba(120,140,170,.18);padding:14px;background:#0a0d1399}.battle-card-title{font-weight:600;margin-bottom:10px}.battle-action-hint{font-size:12px;color:var(--muted);margin-bottom:10px}.tactic-controls{display:grid;gap:12px}.tactic-controls.attention{border:1px solid rgba(92,192,255,.5);border-radius:var(--radius-md);padding:12px;box-shadow:var(--panel-glow)}.tactic-actions{display:flex;gap:12px;flex-wrap:wrap}.tactic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.tactic-pill,.focus-pill{border:1px solid rgba(120,140,170,.3);background:#0c101699;border-radius:999px;padding:8px 10px;color:var(--text);font-size:12px;transition:border .15s ease,box-shadow .15s ease}.tactic-pill.active,.focus-pill.active{border-color:#5cc0ff99;box-shadow:var(--panel-glow);color:var(--accent)}.tactic-focus{display:flex;gap:10px;flex-wrap:wrap}.units-table{width:100%;border-collapse:collapse;font-size:12px}.units-table th,.units-table td{text-align:left;padding:6px 4px;border-bottom:1px solid rgba(120,140,170,.12)}.units-table td:first-child{display:flex;align-items:center;gap:8px}.round-log{display:grid;gap:10px}.round-entry{border:1px solid rgba(120,140,170,.18);border-radius:var(--radius-sm);padding:10px 12px;background:#0c10168c}.round-entry-title{font-weight:600}.round-entry-meta,.round-entry-resolved,.round-entry-pending{font-size:12px;color:var(--muted);margin-top:4px}.defender-setup{display:grid;gap:14px}.defender-setup-grid{display:grid;gap:10px}.defender-unit{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid rgba(120,140,170,.2);border-radius:var(--radius-sm);padding:10px 12px;background:#0c10168c}.defender-unit-name{font-weight:600;display:inline-flex;align-items:center;gap:8px}.defender-unit-meta{font-size:12px;color:var(--muted)}.defender-unit input{width:90px;background:#0f131a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text);padding:6px 8px}@media(max-width:980px){.battles-view{grid-template-columns:1fr}}