:root{
  --bg:#0b1017;--panel:#121a24;--panel2:#182231;--line:#263446;--text:#edf3fa;--muted:#92a1b4;--accent:#7ed3ff;--good:#63d297;--warn:#f0c46a;--bad:#ff7878;
}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at 20% 0,#142134 0,#0b1017 42%);color:var(--text);font-family:Inter,system-ui,-apple-system,"Noto Sans KR",sans-serif}
button,input,select{font:inherit} button{cursor:pointer}.app-shell{max-width:1480px;margin:0 auto;padding:24px}
header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}h1,h2,h3,p{margin-top:0}header h1{margin-bottom:0;font-size:30px}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--accent);font-weight:800;margin-bottom:7px}.header-meta{display:flex;gap:8px;align-items:center;color:var(--muted)}
.pill{border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:#0e151f}.pill.online{color:var(--good);border-color:#285a45}.pill.war{color:var(--bad);border-color:#6c3434}
.stats-grid{display:grid;grid-template-columns:repeat(8,minmax(110px,1fr));gap:8px;margin-bottom:14px}.stat{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:12px;padding:12px}.stat small{display:block;color:var(--muted);font-size:11px}.stat strong{display:block;font-size:18px;margin-top:4px}.stat .delta{font-size:11px;color:var(--muted);margin-top:3px}
nav{display:flex;gap:6px;overflow-x:auto;padding:6px;background:#0c131d;border:1px solid var(--line);border-radius:12px;margin-bottom:14px;position:sticky;top:0;z-index:5}nav button{white-space:nowrap;color:var(--muted);background:transparent;border:0;border-radius:8px;padding:9px 12px}nav button.active{background:var(--panel2);color:var(--text)}
.tab{display:none}.tab.active{display:block}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.card{background:linear-gradient(180deg,rgba(24,34,49,.95),rgba(18,26,36,.96));border:1px solid var(--line);border-radius:14px;padding:15px;min-width:0}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.card h2{font-size:18px;margin-bottom:12px}.card h3{font-size:15px;margin:0 0 8px}.muted{color:var(--muted)}
.controls{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.field{display:flex;flex-direction:column;gap:5px;min-width:130px;flex:1}.field label,label{font-size:12px;color:var(--muted)}input,select{width:100%;background:#0c131d;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:9px 10px;outline:none}input:focus,select:focus{border-color:#3b7698}
button.primary,button.secondary,button.danger{border-radius:8px;padding:9px 11px;border:1px solid transparent;font-weight:700}button.primary{background:#d9f2ff;color:#07111a}button.secondary{background:#1d2b3c;color:var(--text);border-color:#31445b}button.danger{background:#472128;color:#ffdede;border-color:#6e333e}.big{padding:12px 18px!important;width:100%;margin-top:8px}
.list{display:flex;flex-direction:column;gap:8px}.row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);background:#0e151f;border-radius:10px}.row .right{text-align:right}.tag{display:inline-block;font-size:10px;border:1px solid var(--line);border-radius:999px;padding:3px 6px;color:var(--muted);margin-right:4px}.good{color:var(--good)}.bad{color:var(--bad)}.warn{color:var(--warn)}
.progress{height:7px;background:#091019;border-radius:999px;overflow:hidden;border:1px solid #1c2938}.progress>i{display:block;height:100%;background:linear-gradient(90deg,#5fb9e8,#83e5c0);border-radius:999px}.mini{font-size:11px;color:var(--muted)}
.catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:8px}.catalog-item{padding:11px;border:1px solid var(--line);border-radius:10px;background:#0f1722}.catalog-item h3{margin-bottom:6px}.cost{font-size:11px;color:var(--warn)}
#nation-map{width:100%;height:420px;background:#09111a;border:1px solid var(--line);border-radius:12px;display:block}.resource-line{display:flex;gap:8px;flex-wrap:wrap}.resource{padding:7px 9px;border-radius:8px;background:#0c131d;border:1px solid var(--line);font-size:12px}.kpi-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kpi{padding:10px;background:#0d151f;border:1px solid var(--line);border-radius:9px}.kpi b{display:block;font-size:18px}.kpi span{font-size:11px;color:var(--muted)}
.modal{position:fixed;inset:0;background:rgba(2,7,12,.82);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:100;padding:20px}.modal.hidden{display:none}.modal-card{width:min(460px,100%);background:#121b27;border:1px solid #34465e;border-radius:18px;padding:24px;box-shadow:0 30px 90px #0009}.modal-card label{display:block;margin:12px 0}.modal-card input{margin-top:6px}.toast{position:fixed;right:22px;bottom:22px;max-width:420px;background:#121b27;border:1px solid var(--line);border-radius:10px;padding:11px 13px;opacity:0;transform:translateY(10px);transition:.18s;pointer-events:none;z-index:120}.toast.show{opacity:1;transform:none}.toast.error{border-color:#733a42;color:#ffd9d9}
table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--muted);font-weight:600}.small-actions{display:flex;gap:5px;flex-wrap:wrap}.small-actions button{padding:5px 7px;font-size:11px}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(4,1fr)}.span-4,.span-5,.span-6,.span-7,.span-8{grid-column:span 12}}
@media(max-width:650px){.app-shell{padding:12px}.stats-grid{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start;flex-direction:column}#nation-map{height:320px}.catalog{grid-template-columns:1fr}}

.weapon-group{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.weapon-group:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.weapon-group-head{display:flex;align-items:baseline;gap:10px;justify-content:space-between;margin-bottom:8px}.weapon-group-head h3{font-size:16px;color:var(--accent);margin:0}.weapon-group-head span{font-size:11px;color:var(--muted);text-align:right}.weapon-section-row td{background:#142233;color:var(--accent);border-top:1px solid #31506c}.version-mark{font-size:10px;color:var(--good)}

.chat-box{max-height:430px;min-height:260px;overflow:auto;border:1px solid #203449;border-radius:10px;padding:10px;background:#071019;display:flex;flex-direction:column;gap:8px}.chat-message{padding:8px 10px;border-radius:9px;background:#101f2d;border:1px solid #1b344a}.chat-message.mine{background:#132838}.chat-compose{display:flex;gap:8px;margin-top:10px}.chat-compose input{flex:1;min-width:0}

.resource-flow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}
.resource-flow-item{padding:10px;border:1px solid var(--line);border-radius:10px;background:#0c131d}
.resource-flow-item>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}
.resource-flow-item>div:first-child span{color:var(--muted);font-size:12px}
.resource-flow-item>div:first-child b{font-size:17px}
.news-feed{display:flex;flex-direction:column;gap:10px}
.news-item{padding:14px;border:1px solid var(--line);border-radius:11px;background:#0d151f}
.news-item h3{font-size:16px;margin:7px 0 6px}
.news-item p{margin:0;color:#dbe6f2;line-height:1.55}
.news-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;color:var(--muted);font-size:11px}