:root{--bg:#12100e;--bg2:#1a1714;--bg3:#221e19;--line:#3a332b;--ink:#e8e0d2;--ink2:#a89c88;--ink3:#6f6455;--gold:#c8a55a;--jade:#5f9e7d;--blood:#a44a3f;--ink-blue:#5a7fa8;--ok:#6ba86b;--warn:#c9973f;--err:#b5524a;--r:6px;--font:"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}.app{display:grid;grid-template-rows:auto 1fr;height:100%}.topbar{display:flex;align-items:center;gap:14px;padding:8px 14px;background:linear-gradient(180deg,var(--bg2),var(--bg));border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{font-weight:700;letter-spacing:.06em;color:var(--gold);font-size:14px;white-space:nowrap}.brand small{color:var(--ink3);font-weight:400;margin-left:6px;letter-spacing:0}.date{font-variant-numeric:tabular-nums;color:var(--ink2);white-space:nowrap}.res{display:flex;gap:12px;flex-wrap:wrap;font-variant-numeric:tabular-nums}.res b{color:var(--ink3);font-weight:400;margin-right:3px}.spacer{flex:1}.btn{padding:5px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg3);white-space:nowrap;transition:.12s}.btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.btn.primary{background:var(--gold);color:#1a1510;border-color:var(--gold);font-weight:600}.btn.primary:hover:not(:disabled){filter:brightness(1.12)}.btn.sm{padding:3px 8px;font-size:12px}.main{display:grid;grid-template-columns:1fr 380px;overflow:hidden}@media(max-width:900px){.main{grid-template-columns:1fr;grid-template-rows:1fr auto}}.mapwrap{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#1d1a15 0%,var(--bg) 70%)}svg.map{width:100%;height:100%;display:block}.city{cursor:pointer}.city circle.node{transition:.15s}.city:hover circle.node{stroke:var(--gold);stroke-width:4}.city.sel circle.node{stroke:var(--gold);stroke-width:5}.clabel{font-size:17px;fill:var(--ink);pointer-events:none;text-anchor:middle;font-weight:700;paint-order:stroke;stroke:#0b0a08;stroke-width:4px;stroke-linejoin:round}.csub{font-size:13px;fill:var(--ink2);pointer-events:none;text-anchor:middle;font-variant-numeric:tabular-nums;paint-order:stroke;stroke:#0b0a08;stroke-width:3px;stroke-linejoin:round}.clabel.sm{font-size:13px;stroke-width:3.5px}.csub.sm{font-size:11px;stroke-width:2.5px}.clabel.xs{font-size:11px;stroke-width:3px}.csub.xs{font-size:9.5px;stroke-width:2.2px}.csub.side{text-anchor:start}.army-t{font-size:12px;fill:var(--ink);text-anchor:middle;pointer-events:none;font-weight:600;paint-order:stroke;stroke:#0b0a08;stroke-width:3px;stroke-linejoin:round}.road{stroke:#4a4136;stroke-width:3;fill:none;stroke-linecap:round}.road.water{stroke:#35596f;stroke-dasharray:9 6}.road.mountain{stroke:#514334;stroke-dasharray:5 5}.armyline{stroke:var(--blood);stroke-width:2.5;stroke-dasharray:7 6;opacity:.75}.side{border-left:1px solid var(--line);background:var(--bg2);display:flex;flex-direction:column;overflow:hidden}@media(max-width:900px){.side{border-left:none;border-top:1px solid var(--line);max-height:44vh}}.tabs{display:flex;border-bottom:1px solid var(--line);flex-shrink:0}.tab{flex:1;padding:8px 4px;text-align:center;color:var(--ink3);border-bottom:2px solid transparent;font-size:12px}.tab.on{color:var(--gold);border-bottom-color:var(--gold);background:var(--bg3)}.panel{overflow-y:auto;padding:12px;flex:1}.panel::-webkit-scrollbar{width:8px}.panel::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}h3{font-size:13px;color:var(--gold);margin-bottom:8px;letter-spacing:.04em}h4{font-size:11px;color:var(--ink3);margin:12px 0 6px;letter-spacing:.08em;text-transform:uppercase}.row{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-bottom:1px solid #241f1a}.row span:first-child{color:var(--ink2)}.row b{font-variant-numeric:tabular-nums;font-weight:600}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.bar{height:4px;background:#2a2520;border-radius:2px;overflow:hidden;margin-top:2px}.bar>i{display:block;height:100%;border-radius:2px}.hexgrid{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.hex{width:60px;padding:5px 4px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg3);text-align:center;cursor:pointer;transition:.12s}.hex:hover{border-color:var(--gold)}.hex.sel{border-color:var(--gold);background:#2c2519}.hex.building{border-style:dashed;opacity:.75}.hex .fac{font-size:11px;font-weight:600;display:block;min-height:16px}.hex .meta{font-size:9px;color:var(--ink3);display:block}.hex.t-plain{border-left:2px solid #6b7a4a}.hex.t-hill{border-left:2px solid #7a6a4a}.hex.t-water{border-left:2px solid #3f6a7a}.hex.t-mountain{border-left:2px solid #5a5048}.olist{display:flex;flex-direction:column;gap:2px}.orow{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:5px 6px;border:1px solid transparent;border-radius:var(--r);cursor:pointer}.orow:hover{background:var(--bg3)}.orow.sel{border-color:var(--gold);background:#2a2419}.orow.busy{opacity:.45}.orow.captive{border-color:#4a3a26;background:#221c14;grid-template-columns:auto 1fr;align-items:start;row-gap:6px;cursor:default}.orow.captive .capbtns{grid-column:1 / -1;display:flex;gap:4px;flex-wrap:wrap}.orow.captive .capbtns .btn.sm{padding:3px 8px;font-size:11px;flex:1 1 auto}.warnbox{border:1px solid #5a3a2c;background:#241a15;border-radius:var(--r);padding:8px 10px;margin:8px 0;font-size:12px;line-height:1.5}.warnbox b{color:var(--gold)}.oname{font-weight:600}.ostat{font-size:10px;color:var(--ink3);font-variant-numeric:tabular-nums}.rank{font-size:9px;padding:1px 5px;border-radius:3px;border:1px solid var(--line);color:var(--ink2);white-space:nowrap}.rank.ruler{color:var(--gold);border-color:var(--gold)}.rank.strategist{color:var(--ink-blue);border-color:#3d5670}.rank.general{color:var(--blood);border-color:#6b3630}.rank.civil{color:var(--jade);border-color:#3d6350}.tag{font-size:9px;padding:1px 5px;border-radius:3px;background:#2a2520;color:var(--ink2)}.log{display:flex;flex-direction:column-reverse;gap:1px;font-size:12px}.logline{padding:4px 6px;border-left:2px solid var(--line);color:var(--ink2)}.logline.battle{border-left-color:var(--blood);color:var(--ink)}.logline.chain{border-left-color:var(--gold);color:var(--gold);background:#241f14}.logline.build{border-left-color:var(--jade)}.logline.gov{border-left-color:var(--ink-blue)}.logline .dt{color:var(--ink3);margin-right:6px;font-variant-numeric:tabular-nums}.toasts{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:50;max-width:min(560px,80vw);pointer-events:none}.toasts .toast{pointer-events:auto}.toast{padding:8px 12px;border-radius:var(--r);border:1px solid var(--line);background:#221d17;box-shadow:0 6px 20px #00000080;animation:slide .2s ease}.toast.err{border-color:var(--err);color:#e8b0aa}.toast.ok{border-color:#3d5240}@keyframes slide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.overlay{position:fixed;inset:0;background:#080706db;display:grid;place-items:center;z-index:100;padding:20px}.modal{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:22px;max-width:760px;width:100%;max-height:88vh;overflow-y:auto}.modal h2{color:var(--gold);font-size:18px;margin-bottom:4px;letter-spacing:.04em}.modal p.lede{color:var(--ink2);margin-bottom:18px;font-size:12px;line-height:1.6;white-space:pre-line}.pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px}.pcard{border:1px solid var(--line);border-radius:var(--r);padding:10px;text-align:left;transition:.12s;background:var(--bg3)}.pcard:hover{border-color:var(--gold);transform:translateY(-1px)}.pcard.on{border-color:var(--gold);background:#c5a0581a}.pcard .pn{font-size:14px;font-weight:700;margin-bottom:2px}.pcard .pd{font-size:11px;color:var(--ink3);line-height:1.45}.diff{font-size:10px;padding:1px 6px;border-radius:3px;margin-top:6px;display:inline-block}.diff.easy{background:#2c3a2c;color:#8fc98f}.diff.mid{background:#3a352c;color:#c9b98f}.diff.hard{background:#3a2c2c;color:#c98f8f}.cmdgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.hint{font-size:11px;color:var(--ink3);line-height:1.5;margin:6px 0}.calc{font-size:10px;color:var(--ink3);font-variant-numeric:tabular-nums;line-height:1.6;background:#191511;border:1px solid #2a241d;border-radius:var(--r);padding:6px 8px;margin-top:6px}.calc div{display:flex;justify-content:space-between}.sel-note{font-size:11px;color:var(--gold);margin:6px 0}input[type=range]{width:100%;accent-color:var(--gold)}select{background:var(--bg3);border:1px solid var(--line);color:var(--ink);border-radius:var(--r);padding:4px 6px;width:100%}.legend{font-size:11px;fill:var(--ink2);font-weight:600;paint-order:stroke;stroke:#0b0a08;stroke-width:2.5px;stroke-linejoin:round}.legendbox{fill:#0b0a08b8;stroke:var(--line);stroke-width:1}.battle{position:fixed;inset:0;background:var(--bg);display:grid;grid-template-rows:auto 1fr;z-index:60}.btopbar{display:flex;align-items:center;gap:12px;padding:8px 14px;flex-wrap:wrap;background:linear-gradient(180deg,#231d16,var(--bg));border-bottom:1px solid var(--line)}.bname{color:var(--gold);font-size:14px;letter-spacing:.04em}.btag{font-size:11px;padding:2px 8px;border:1px solid var(--line);border-radius:10px;color:var(--ink2)}.btag.on{border-color:var(--gold);color:var(--gold)}.bmain{display:grid;grid-template-columns:1fr 360px;overflow:hidden}@media(max-width:900px){.bmain{grid-template-columns:1fr;grid-template-rows:1fr auto}}.bmap{overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#1c1913,#100e0c 75%)}.bmap svg{width:100%;height:100%;display:block}.btile{cursor:pointer}.btile:hover polygon:first-of-type{filter:brightness(1.25)}.bunit{cursor:pointer}.buname{font-size:11px;fill:#fff;text-anchor:middle;font-weight:700;pointer-events:none;paint-order:stroke;stroke:#0b0a08;stroke-width:3px;stroke-linejoin:round}.butroop{font-size:9.5px;fill:#e8e0d2;text-anchor:middle;pointer-events:none;font-variant-numeric:tabular-nums;paint-order:stroke;stroke:#0b0a08;stroke-width:2.5px;stroke-linejoin:round}.bstatus{font-size:9px;fill:var(--warn);text-anchor:middle;pointer-events:none;font-weight:700;paint-order:stroke;stroke:#0b0a08;stroke-width:2.5px;stroke-linejoin:round}.bicon{font-size:13px;fill:#d08a4a;text-anchor:middle;pointer-events:none}.bgate{font-size:10px;fill:#e8d9b8;text-anchor:middle;pointer-events:none;font-weight:700;paint-order:stroke;stroke:#0b0a08;stroke-width:2.5px;stroke-linejoin:round}.bside{border-left:1px solid var(--line);background:var(--bg2);display:flex;flex-direction:column;overflow:hidden}@media(max-width:900px){.bside{border-left:none;border-top:1px solid var(--line);max-height:46vh}}.bside .panel{flex:1 1 auto;min-height:0;overflow-y:auto}.blog{flex:0 0 34%;min-height:120px;overflow-y:auto;border-top:1px solid var(--line);padding:8px;font-size:11.5px;background:#17140f}.blog .logline{cursor:pointer}.blog::-webkit-scrollbar{width:8px}.blog::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.alerts{display:flex;flex-direction:column;gap:5px;margin:6px 0}.alert{border-radius:var(--r);padding:6px 8px;font-size:11px;line-height:1.45;border:1px solid #3a2f22;background:#1d1812;border-left-width:3px}.alert.warn{border-left-color:var(--warn)}.alert.crit{border-left-color:var(--err);background:#221512;border-color:#4a2b26}.alert-t{font-weight:600;color:var(--ink)}.alert.crit .alert-t{color:#e0a49c}.alert.warn .alert-t{color:#dfbd83}.alert-f{color:var(--ink2);margin-top:3px;font-size:10px}.meters{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin:8px 0 4px}.meter-top{display:flex;justify-content:space-between;font-size:11px}.meter-top span{color:var(--ink2)}.meter-top b{font-variant-numeric:tabular-nums}.meter-top b.bad{color:var(--err)}.meter .bar{position:relative;overflow:visible;height:5px}.meter .bar>i{border-radius:2px}.eqmark{position:absolute;top:-2px;width:2px;height:9px;background:var(--ink);opacity:.65;border-radius:1px;transform:translate(-1px)}.meter-eq{font-size:9px;color:var(--ink3);margin-top:2px;font-variant-numeric:tabular-nums}.meter-eq .up{color:var(--jade)}.meter-eq .down,.calc.causes .neg{color:var(--err)}.calc.causes .pos{color:var(--jade)}.calc.causes .cbase{color:var(--ink2);border-bottom:1px solid #2a241d;padding-bottom:3px;margin-bottom:3px}.calc.causes .ctotal{color:var(--ink);font-weight:600;border-top:1px solid #2a241d;padding-top:3px;margin-top:3px}.facrow{margin-bottom:10px;padding:6px 7px;border-radius:var(--r);border:1px solid transparent}.facrow.pact{border-color:#2f4033;background:#161a17}.tag.pact{background:#24352a;color:var(--jade);margin-left:5px}.tag.warn{background:#33291a;color:var(--warn);margin-left:5px}.tag.jade{background:#24352a;color:var(--jade);margin-left:5px}.btn.danger{border-color:#4a2b26;color:#d99a92}.btn.danger:hover:not(:disabled){background:#2a1a17}.bplist{display:flex;flex-direction:column;gap:3px;margin:4px 0}.bprow{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:5px 7px;background:var(--bg3);border:1px solid var(--line);border-radius:var(--r)}.bpedit{margin-top:10px;padding:8px;border:1px solid var(--gold);border-radius:var(--r);background:#191510}.tinput{width:100%;background:var(--bg3);border:1px solid var(--line);color:var(--ink);border-radius:var(--r);padding:5px 7px;font:inherit;margin-bottom:6px}.bprules{display:flex;flex-direction:column;gap:4px;margin:6px 0}.bprule{border:1px solid var(--line);border-radius:var(--r);padding:5px 6px;background:var(--bg2)}.bprule-h{display:flex;align-items:center;gap:4px}.bprule-h select{flex:1;width:auto}.bprule-h .btn.sm{padding:2px 6px;min-width:auto}.bprule-c{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}.bprule-c label{font-size:10px;color:var(--ink3);display:flex;align-items:center;gap:3px}.bprule-c select{width:auto;padding:1px 4px;font-size:10px}.hex.plan{border-style:dashed;border-color:var(--gold);background:#2c2519}.hex.plan .fac{color:var(--gold)}.subtabs{display:flex;gap:4px;margin:6px 0 2px}.stab{flex:1;padding:4px 6px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg3);color:var(--ink2);font-size:11px}.stab.on{border-color:var(--gold);color:var(--gold);background:#2c2519}.plotgrid{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:6px 0}.plotbtn{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:5px 7px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg3);text-align:left}.plotbtn.on{border-color:var(--gold);background:#2c2519}.plotbtn b{font-size:12px}.bprow.sel{border-color:var(--gold);background:#2c2519}.bprow{cursor:pointer}.calc .neg{color:var(--err)}.calc .pos{color:var(--jade)}.chips{display:flex;gap:4px;align-items:center;margin:6px 0 8px;flex-wrap:wrap}.chip{font-size:11px;padding:2px 9px;border:1px solid var(--line);border-radius:999px;color:var(--ink2);background:var(--bg3)}.chip.on{border-color:var(--gold);color:var(--gold);background:#2c2519}.lb{display:flex;flex-direction:column;gap:2px;max-height:52vh;overflow:auto}.lbhead,.lbrow{display:grid;grid-template-columns:38px 96px 1fr 44px 52px 84px;gap:8px;align-items:center;padding:6px 8px;border-radius:var(--r);font-size:12px}.lbhead{color:var(--ink3);font-size:10px;letter-spacing:.06em;border-bottom:1px solid var(--line);border-radius:0}.lbrow{background:var(--bg3);border:1px solid transparent}.lbrow:hover{border-color:var(--line)}.lbrow.mine{border-color:var(--gold);background:#2c2519}.lbrank{font-variant-numeric:tabular-nums;color:var(--ink2);text-align:center;font-weight:600}.lbrow.top1 .lbrank{color:var(--gold)}.lbrow.top2 .lbrank{color:#cfc6b6}.lbrow.top3 .lbrank{color:#b8865a}.lbfac{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lbfac .swatch{width:9px;height:9px;border-radius:2px;flex-shrink:0;display:inline-block}.lbname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.lbname em{font-style:normal;font-size:9px;color:var(--gold);margin-left:5px}.lbspan{font-variant-numeric:tabular-nums;text-align:right;color:var(--ink)}@media(max-width:560px){.lbhead,.lbrow{grid-template-columns:30px 70px 1fr 60px}.lbhead span:nth-child(4),.lbhead span:nth-child(5),.lbrow span:nth-child(4),.lbrow span:nth-child(5){display:none}}.mapctl{position:absolute;right:10px;bottom:10px;display:flex;flex-direction:column;gap:4px;z-index:5}.mbtn{width:34px;height:34px;border:1px solid var(--line);border-radius:var(--r);background:#221e19e6;color:var(--ink2);font-size:15px;display:grid;place-items:center;line-height:1}.mbtn:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.mbtn:disabled{opacity:.35}.mbtn.on{color:var(--gold);border-color:var(--gold)}.mapctl .mbtn:last-child{font-size:10px;letter-spacing:.05em}@media(max-width:700px){.mbtn{width:40px;height:40px}}.modal.story{max-width:520px;border-color:#5a4a2c;background:linear-gradient(180deg,#221c15,#1a1612)}.story-kicker{font-size:11px;letter-spacing:.14em;color:var(--ink3);margin-bottom:4px}.story-title{color:var(--gold);font-size:22px;letter-spacing:.06em;margin:0 0 12px;font-weight:700}.story-text{white-space:pre-line;line-height:1.85;font-size:13.5px;color:var(--ink);border-left:2px solid #5a4a2c;padding-left:12px}.story-people{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px}.story-people .tag{font-size:11px;padding:2px 8px}.story-people .tag.dead{color:var(--ink3);text-decoration:line-through}.story-source{margin-top:10px;font-size:10.5px;color:var(--ink3);font-family:serif;letter-spacing:.02em}.logline.story{color:var(--gold)}.tag.arche{margin-left:5px;font-size:9px;letter-spacing:.04em}.tag.arche.loyal{color:var(--jade)}.tag.arche.ambitious{color:var(--warn)}.tag.arche.brave{color:#d08a6a}.tag.arche.cool{color:var(--ink-blue)}.tag.arche.scholar{color:#b9a3d6}.tag.arche.plain{color:var(--ink3)}.bio{border:1px solid var(--line);border-radius:var(--r);padding:8px 10px;background:var(--bg3)}.bio-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.bio-name{font-size:15px;font-weight:700;color:var(--gold)}.bio-style{font-size:11px;color:var(--ink2)}.bio-works{font-size:10.5px;color:var(--ink3);font-family:serif;margin:6px 0 4px;letter-spacing:.02em}.bio-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;max-height:38vh;overflow:auto}.bio-list li{font-size:11.5px;line-height:1.5;border-left:2px solid #4a3f2c;padding-left:8px}.bio-label{color:var(--ink);font-weight:600}.bio-note{color:var(--ink2)}.bio-quote{font-family:serif;color:#b9a887;font-size:11px;margin-top:1px;letter-spacing:.02em}.bglyph{font-size:13px;fill:#e8e0d252;text-anchor:middle;pointer-events:none;font-family:serif}.tlegend{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px}.tl{display:flex;align-items:center;gap:6px;font-size:11px}.tl i{width:16px;height:16px;border-radius:3px;display:inline-grid;place-items:center;font-style:normal;font-size:10px;color:#e8e0d2bf;font-family:serif;flex-shrink:0;border:1px solid #20201c}.tl span:last-child{margin-left:auto}.story-choices{display:flex;flex-direction:column;gap:6px;margin-top:14px}.story-choices .btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:8px 12px;white-space:normal}.story-choices .btn.primary .hint{color:#3a2f1a}