:root{--panel: rgba(26, 21, 16, .94);--panel2: rgba(40, 32, 24, .9);--border: #7d6234;--gold: #d9b76a;--text: #ece2cb;--muted: #a8977a;--good: #8fd07c;--bad: #ec7a62;--font: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0d1e2c;color:var(--text);font-family:var(--font);font-size:14px}button{font-family:inherit;font-size:13px;color:var(--text);background:linear-gradient(#4a3a26,#33281b);border:1px solid var(--border);border-radius:3px;padding:5px 10px;cursor:pointer}button:hover:not(:disabled){background:linear-gradient(#5d4a30,#3d3020);border-color:var(--gold)}button:disabled{opacity:.45;cursor:default}button.primary{background:linear-gradient(#6d5426,#4b3a18);border-color:var(--gold);color:#fff3d6}button.danger{background:linear-gradient(#6e2a1e,#4a1c14);border-color:#b0573e}.good{color:var(--good)}.bad{color:var(--bad)}.dim,small{color:var(--muted)}#map{position:fixed;top:0;right:0;bottom:0;left:0}#map canvas{display:block}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}#overlay>div{position:absolute;top:0;right:0;bottom:0;left:0}#loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:22px;color:var(--gold);background:#0d1e2c;z-index:100;letter-spacing:1px}#topbar{position:fixed;top:0;left:0;right:0;height:44px;display:flex;align-items:center;gap:20px;padding:0 14px;background:linear-gradient(#2c2218,#18120c);border-bottom:2px solid var(--border);box-shadow:0 2px 12px #00000080;z-index:20;white-space:nowrap}#topbar.choosing .tb-stat{display:none}#tb-realm{display:flex;align-items:center;gap:8px;font-size:16px;color:var(--gold)}#tb-realm .flag{width:30px;height:20px}.tb-stat em{font-style:normal;color:var(--muted);font-size:12px;margin-right:3px}.tb-spacer{flex:1}#tb-date{font-size:15px;color:var(--gold);min-width:150px;text-align:right}#tb-speed{display:flex;align-items:center;gap:6px}#tb-speed button{padding:3px 9px}#btn-pause.paused{border-color:var(--gold);color:var(--gold)}#speed-pips{display:flex;gap:3px}#speed-pips i{width:6px;height:14px;background:#3a2f22;border:1px solid #5a4930}#speed-pips i.on{background:var(--gold)}#btn-help{border-radius:50%;width:28px;height:28px;padding:0}#panel,#sidebar,#intro,.modal{background:var(--panel);border:1px solid var(--border);box-shadow:0 6px 24px #0000008c}#panel{position:fixed;left:12px;top:56px;width:330px;max-height:calc(100vh - 120px);overflow-y:auto;padding:12px 14px;z-index:15;border-radius:4px}#sidebar{position:fixed;right:12px;top:56px;width:290px;max-height:calc(100vh - 120px);overflow-y:auto;padding:8px 12px;z-index:15;border-radius:4px}.hidden{display:none!important}.ph{display:flex;align-items:center;justify-content:space-between}.ph h2{margin:0;font-size:19px;color:var(--gold);display:flex;align-items:center;gap:8px;font-weight:600}.ph .x{background:none;border:none;font-size:22px;padding:0 4px;color:var(--muted)}.sub{color:var(--muted);margin:2px 0 8px;font-size:13px}h3{margin:12px 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);font-weight:600;border-bottom:1px solid #4a3b26;padding-bottom:3px}.flag{width:27px;height:18px;vertical-align:middle;box-shadow:0 1px 3px #0009}.flag.big{width:42px;height:28px}.mini{width:18px;height:12px;vertical-align:middle}.owner{display:flex;align-items:center;gap:8px;padding:6px 8px;margin:4px 0;background:var(--panel2);border:1px solid #4a3b26;cursor:pointer;border-radius:3px}.owner:hover{border-color:var(--gold)}.warn{background:#8c281e59;border:1px solid #8a3b2c;padding:5px 8px;margin:6px 0;border-radius:3px}.devs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 4px}.dev{background:var(--panel2);border:1px solid #4a3b26;padding:6px;text-align:center;border-radius:3px;position:relative}.dev em{display:block;font-style:normal;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.dev b{font-size:20px}.dev button{position:absolute;right:4px;bottom:4px;padding:0 6px;font-size:13px;line-height:18px}.hintline{font-size:12px;color:var(--muted);margin:4px 0}.rows{margin:8px 0}.row{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px dotted #3c3122;font-size:13px;gap:10px}.row span{color:var(--muted)}.row b{font-weight:400;text-align:right}.row a{color:var(--gold);cursor:pointer;text-decoration:underline}.mods{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.mods span{background:#3b3020;border:1px solid #5d4a2e;padding:2px 6px;border-radius:10px;font-size:12px}.actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.actions button small{color:#cbb68b;margin-left:4px}.ruler{background:var(--panel2);border:1px solid #4a3b26;padding:8px;border-radius:3px;margin:6px 0}.ruler .stats{display:flex;gap:10px;margin-top:4px;font-size:12px;color:var(--gold)}.note{font-size:12px;color:var(--muted);line-height:1.45}.bar{height:6px;background:#2b231a;border:1px solid #4a3b26;margin:6px 0}.bar span{display:block;height:100%;background:#6cb05c}.status{color:var(--gold);margin:6px 0}.war{display:grid;grid-template-columns:22px 1fr auto auto;align-items:center;gap:6px;padding:4px 0}.war span{cursor:pointer}.war button{padding:2px 8px;font-size:12px}.out{display:grid;grid-template-columns:1fr auto;padding:4px 6px;cursor:pointer;border-radius:3px}.out small{grid-column:1 / -1}.out:hover,.out.on{background:var(--panel2)}.log .le{font-size:12.5px;padding:3px 0;border-bottom:1px dotted #3c3122;line-height:1.35}.le small{display:block;font-size:11px}.le.k-good{color:var(--good)}.le.k-bad{color:var(--bad)}.le.k-war{color:#f0b46a}.le.k-dim{color:#8d8068}#mapmodes{position:fixed;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:4px;z-index:15;background:var(--panel);border:1px solid var(--border);padding:5px;border-radius:4px}#mapmodes button{font-size:12px;padding:4px 9px}#mapmodes button.on{border-color:var(--gold);color:var(--gold);background:linear-gradient(#5d4a30,#3d3020)}#intro{position:fixed;top:60px;left:50%;transform:translate(-50%);width:min(640px,calc(100vw - 32px));padding:16px 20px;z-index:16;border-radius:4px}#intro h1{margin:0 0 6px;color:var(--gold);font-weight:600;letter-spacing:2px}#intro p{line-height:1.5;margin:6px 0}.picks{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0}.picks button{display:grid;grid-template-columns:22px 1fr;text-align:left;align-items:center;gap:2px 6px}.picks small{grid-column:2}.army{position:absolute;left:0;top:0;pointer-events:auto;cursor:pointer;display:grid;grid-template-columns:20px auto;align-items:center;gap:4px;padding:2px 6px 4px 3px;background:#120e0ae6;border:1px solid #6b5a3a;border-radius:3px;translate:-50% -100%;font-size:12px;white-space:nowrap;box-shadow:0 2px 6px #0009}.army img{width:20px;height:13px}.army b{font-weight:600}.army i{grid-column:1 / -1;height:3px;background:#2b231a;display:block}.army i span{display:block;height:100%;background:#6cb05c}.army.own{border-color:#c9a24f}.army.enemy{border-color:#c44a35}.army.sel{outline:2px solid #ffe08a}.army.retreat{opacity:.65}.army.compact{grid-template-columns:16px;padding:2px;gap:0}.army.compact img{width:16px;height:11px}.army.compact b,.army.compact i{display:none}.mark{position:absolute;left:0;top:0;translate:-50% -50%}.mark.battle{font-size:20px;color:#ffd27a;text-shadow:0 0 6px #000,0 0 2px #000;animation:pulse .8s infinite alternate}@keyframes pulse{to{transform-origin:center;scale:1.25}}.mark.siege span{display:block;width:18px;height:18px;border-radius:50%;background:conic-gradient(#e0b04a var(--p),rgba(0,0,0,.6) 0);border:2px solid #1a140e}.tlabel{position:absolute;left:0;top:0;translate:-50% -50%;font-size:11px;color:#f4ead6;text-shadow:0 0 3px #000,0 0 2px #000;white-space:nowrap}.tlabel.waste{font-style:italic;color:#cfe6c4;font-size:12px}#tooltip{position:fixed;z-index:30;pointer-events:none;background:#100c08f2;border:1px solid var(--border);padding:6px 9px;font-size:13px;line-height:1.4;max-width:260px;border-radius:3px}#toasts{position:fixed;top:54px;left:50%;transform:translate(-50%);z-index:40;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{background:#1a1510f5;border:1px solid var(--border);padding:6px 14px;border-radius:3px;max-width:520px;transition:opacity .5s}.toast.bad{border-color:#b0573e}.toast.good{border-color:#6cb05c}.toast.out{opacity:0}#modal-root{position:fixed;top:0;right:0;bottom:0;left:0;display:none;place-items:center;background:#00000073;z-index:50}#modal-root.open{display:grid}.modal{width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 60px);overflow-y:auto;padding:18px 20px;border-radius:4px;border-width:2px}.modal h2{margin:0 0 4px;color:var(--gold);font-weight:600}.ev-head{display:flex;gap:12px;align-items:center;margin-bottom:8px}.ev-head .flag{width:54px;height:36px}.ev-desc{line-height:1.6;font-size:15px}.ev-opts{display:flex;flex-direction:column;gap:6px;margin-top:12px}.ev-opts button{text-align:left;padding:8px 12px;display:flex;flex-direction:column;gap:2px}.ev-opts button span{font-size:14px}.ev-opts small{color:#cbb68b}.btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.ws{position:relative;height:10px;margin:8px 0;background:linear-gradient(90deg,#8a3326,#3a3226 50%,#3f7a35);border:1px solid #4a3b26}.ws span{position:absolute;top:-4px;width:3px;height:16px;background:#fff3d6;transform:translate(-50%)}.peace-list{max-height:230px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.peace-list label{cursor:pointer;padding:3px 4px}.peace-list label:hover{background:var(--panel2)}.cost{margin-top:8px}.reply{margin-top:8px;min-height:18px}.help{line-height:1.6;padding-left:18px}@media (max-width: 1100px){.tb-stat em,#tb-prestige{display:none}#topbar{gap:12px}#tb-realm span{max-width:160px;overflow:hidden;text-overflow:ellipsis}#panel{width:290px}#sidebar{width:250px}}