:root{--ink: #15110e;--surface-1: #1e1813;--surface-2: #271f18;--surface-3: #32281f;--line: #3d3226;--line-soft: #2b2219;--bone: #e9dcc3;--bone-dim: #a2947c;--ochre: #c99c4a;--ochre-lit: #e6c27a;--ochre-deep: #8f6d1f;--terracotta: #c4613a;--lapis: #3e7ca6;--lapis-lit: #6ba6cc;--olive: #7d9a5e;--wine: #9c3b3b;--shadow-lift: 0 10px 30px rgba(0, 0, 0, .45);--radius: 4px;--font-display: "Cinzel", "Times New Roman", serif;--font-body: "Spectral", Georgia, serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ink);color:var(--bone);font-family:var(--font-body);font-size:14px;line-height:1.55;overflow:hidden;-webkit-font-smoothing:antialiased}.meander,.sidebar>h1:after,.panel>h1:after{content:"";display:block;height:6px;margin-top:8px;background:repeating-linear-gradient(90deg,var(--ochre-deep) 0 6px,transparent 6px 8px,var(--ochre-deep) 8px 10px,transparent 10px 16px);opacity:.55}.layout{display:flex;height:100%}.map{flex:1;min-width:0;background:var(--ink)}.map canvas{display:block}.sidebar{width:372px;flex-shrink:0;overflow-y:auto;padding:18px 16px 40px;background:linear-gradient(180deg,var(--surface-1),var(--ink) 70%);border-left:1px solid var(--line);display:flex;flex-direction:column;gap:15px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.sidebar::-webkit-scrollbar{width:9px}.sidebar::-webkit-scrollbar-thumb{background:var(--line);border-radius:5px}h1{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:.1em;margin:0;color:var(--ochre-lit);text-transform:uppercase}h1 .sub{display:block;font-family:var(--font-body);font-size:11.5px;font-weight:400;letter-spacing:.06em;color:var(--bone-dim);text-transform:none;margin-top:3px}h2{font-family:var(--font-display);font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ochre);margin:0 0 8px}section{border-top:1px solid var(--line-soft);padding-top:13px}.hint{color:var(--bone-dim);font-size:12.5px;line-height:1.5;margin:0;font-style:italic}.error{color:#e2908f;font-size:12.5px;margin:4px 0 0}button{background:linear-gradient(180deg,var(--surface-3),var(--surface-2));color:var(--bone);border:1px solid var(--line);border-radius:var(--radius);padding:7px 11px;cursor:pointer;font-family:var(--font-body);font-size:13px;text-align:left;transition:border-color .14s ease,background .14s ease,transform 80ms ease}button:hover:not(:disabled){border-color:var(--ochre);background:linear-gradient(180deg,#3a2e22,var(--surface-3))}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--ochre);outline-offset:1px}input,select{background:var(--ink);color:var(--bone);border:1px solid var(--line);border-radius:var(--radius);padding:7px 9px;font-family:var(--font-body);font-size:13px}input::placeholder{color:#6d6252;font-style:italic}.row{display:flex;gap:8px}.grow{flex:1;min-width:0}.seed{width:92px;font-family:var(--font-mono)}.center-screen{height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,rgba(201,156,74,.1),transparent 70%),var(--ink)}.panel{background:linear-gradient(180deg,var(--surface-2),var(--surface-1));border:1px solid var(--line);border-radius:8px;padding:30px;width:460px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-lift)}.panel.wide{width:660px;max-height:86vh;overflow-y:auto}.menu-btn{padding:16px;font-size:15px;font-family:var(--font-display);letter-spacing:.06em}.title-panel{align-items:center;text-align:center;padding:38px 30px 32px}.title-mark{line-height:0;filter:drop-shadow(0 4px 14px rgba(196,97,58,.35))}.title-name{font-size:44px;letter-spacing:.22em;margin:2px 0 0;color:var(--ochre-lit);text-shadow:0 2px 18px rgba(201,156,74,.25)}.title-panel>h1.title-name:after{width:180px;margin:12px auto 0}.title-tag{font-style:italic;color:var(--bone-dim);font-size:13.5px;margin:0 0 6px;max-width:34ch;line-height:1.6}.title-panel .menu-btn{width:100%;text-align:left}.back-btn{position:fixed;top:12px;left:12px;z-index:10;font-size:11.5px;padding:5px 10px;opacity:.85;background:#1e1813d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.world-row{display:block;width:100%;margin-bottom:7px}.world-row:hover:not(:disabled){border-left:3px solid var(--ochre)}.resbar{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;padding:11px 12px;background:var(--ink);border:1px solid var(--line);border-radius:6px}.res{display:flex;align-items:baseline;gap:6px;font-size:13px}.res-icon{font-size:14px;filter:saturate(.85)}.res-val{font-family:var(--font-mono);font-weight:500;font-variant-numeric:tabular-nums;color:var(--bone)}.res-cap{color:#6d6252;font-size:10.5px}.res-inc{color:var(--olive);font-size:10.5px;margin-left:auto;font-family:var(--font-mono)}.kv{display:flex;gap:10px;flex-wrap:wrap;color:var(--bone-dim);font-size:12.5px}.units{margin:8px 0 0;padding-left:18px}.units li{margin-bottom:2px}.journal{margin:0;padding-left:16px;font-size:12.5px;line-height:1.55;color:#bfb3a0}.journal li{margin-bottom:3px}.swatch{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;border:1px solid rgba(0,0,0,.5);vertical-align:middle}.army{display:block;width:100%;margin-bottom:7px;border-left:3px solid transparent}.army.sel{border-color:var(--line);border-left-color:var(--ochre);background:linear-gradient(180deg,#3a2e22,var(--surface-3))}.army-units{display:block;color:var(--bone-dim);font-size:11.5px;margin-top:3px;font-style:italic}.offer{border:1px solid var(--line);border-radius:6px;padding:10px;margin-bottom:9px;background:#0003}.offer-title{font-family:var(--font-display);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--bone-dim);margin-bottom:7px}.card-chip{display:block;width:100%;margin-bottom:6px;padding:8px 10px;border-left-width:3px;background:linear-gradient(180deg,var(--surface-2),var(--surface-1))}.card-chip b{font-weight:600;display:block;font-family:var(--font-display);font-size:12.5px;letter-spacing:.03em}.card-stats{display:block;color:var(--bone-dim);font-size:11px;margin-top:3px;font-family:var(--font-mono)}.card-chip.sel{border-color:var(--ochre);background:linear-gradient(180deg,#3d3024,var(--surface-3))}.card-chip.r-common{border-left-color:#6d6252}.card-chip.r-rare{border-left-color:var(--lapis)}.card-chip.r-epic{border-left-color:#9a6fc0}.card-chip.r-legendary{border-left-color:var(--ochre-lit);box-shadow:inset 0 0 22px #e6c27a1a}.battle{margin-bottom:7px}.battle-head{width:100%}.battle-head-row{display:flex;gap:5px}.battle-text-toggle{flex-shrink:0;padding:7px 10px;font-family:var(--font-mono)}.battle.won .battle-head{border-left:3px solid var(--olive)}.battle.lost .battle-head{border-left:3px solid var(--wine)}.battle-log{background:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:9px;font-family:var(--font-mono);font-size:11px;line-height:1.5;max-height:230px;overflow-y:auto;white-space:pre-wrap;margin:5px 0 0;color:#b9ad9a}.traitor{color:#e2908f;font-size:11px;font-style:italic}.bot-tag{color:#6d6252;font-size:10.5px;font-style:italic}.diplo-block{margin-bottom:11px}.diplo-title{font-family:var(--font-display);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--bone-dim);margin-bottom:5px}.treaty{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:12.5px;padding:7px 9px;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:5px;background:#0000002e}.treaty.t-war{border-left:3px solid var(--wine)}.treaty.t-trade{border-left:3px solid var(--olive)}.treaty.t-pact{border-left:3px solid var(--lapis)}.treaty-eta{color:var(--bone-dim)}.treaty-actions{display:flex;gap:5px}.treaty-actions.wrap{flex-wrap:wrap;margin-top:6px}.treaty-actions button{padding:5px 9px;font-size:12px}.chat-log{max-height:190px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius);padding:9px;margin-bottom:7px;font-size:12.5px;line-height:1.5;display:flex;flex-direction:column;gap:3px;background:#00000038}.chat-msg{word-break:break-word}.chat-msg b{font-family:var(--font-display);font-size:12px;letter-spacing:.02em}.season-timer{font-size:12px;color:var(--bone-dim);margin-bottom:7px;font-family:var(--font-mono)}.endtimes-banner{background:linear-gradient(180deg,#3a1a16,#2a1310);border:1px solid var(--terracotta);border-radius:var(--radius);padding:9px 11px;font-size:12.5px;margin-bottom:7px;line-height:1.45;color:#f0c4b2}.winner-banner{background:linear-gradient(180deg,#38290f,#241b0b);border:1px solid var(--ochre);border-radius:var(--radius);padding:10px 12px;font-size:13.5px;margin-bottom:7px;font-family:var(--font-display);letter-spacing:.04em;color:var(--ochre-lit)}.tablewrap{overflow-x:auto}table.lb{font-size:12.5px;width:100%;border-collapse:collapse}table.lb th,table.lb td{padding:5px 6px;text-align:right;border-bottom:1px solid var(--line-soft)}table.lb th{font-family:var(--font-display);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--bone-dim);font-weight:600}table.lb th:nth-child(2),table.lb td:nth-child(2){text-align:left}table.lb .vp{font-weight:600;color:var(--ochre-lit);font-family:var(--font-mono);font-variant-numeric:tabular-nums}table.lb tr.me{background:#c99c4a17}table.lb td .swatch{vertical-align:middle}.wonder-bar{height:11px;background:var(--ink);border:1px solid var(--line);border-radius:6px;overflow:hidden;margin:5px 0 7px}.wonder-fill{height:100%;background:linear-gradient(90deg,var(--ochre-deep),var(--ochre-lit));box-shadow:0 0 12px #e6c27a59;transition:width .5s ease}.wonder-inputs{display:flex;gap:7px;margin-bottom:7px}.wonder-inputs label{display:flex;align-items:center;gap:4px;font-size:12px}.wonder-inputs input{width:68px;font-family:var(--font-mono)}.caravan{background:linear-gradient(180deg,#2a2418,#211c13);border:1px solid var(--line);border-left:3px solid var(--ochre);padding:7px 10px;border-radius:var(--radius);font-size:12.5px;margin-bottom:5px;line-height:1.45}.caravan.mine{border-left-color:var(--olive)}.raid-warn{background:linear-gradient(180deg,#2f2013,#241810);border:1px solid var(--line);border-left:3px solid var(--terracotta);padding:7px 10px;border-radius:var(--radius);font-size:12.5px;margin-bottom:5px}.tut{background:linear-gradient(180deg,var(--surface-2),var(--surface-1));border:1px solid var(--line);border-radius:6px;padding:12px}.tut-head{display:flex;justify-content:space-between;align-items:center}.tut-head h2{margin:0}.tut-hide{padding:1px 7px;font-size:11px;opacity:.7}.tut-bar{height:5px;background:var(--ink);border-radius:3px;overflow:hidden;margin:8px 0}.tut-fill{height:100%;background:linear-gradient(90deg,var(--ochre-deep),var(--ochre));transition:width .4s ease}.tut-list{list-style:none;margin:0;padding:0}.tut-step{display:grid;grid-template-columns:16px 1fr;gap:4px 7px;font-size:12.5px;padding:4px 0;cursor:pointer;color:#b0a491}.tut-step.done{color:#6d6252;text-decoration:line-through}.tut-step.next{color:var(--bone);font-weight:600}.tut-mark{color:var(--ochre)}.tut-step.done .tut-mark{color:var(--olive)}.tut-hint{grid-column:2;font-weight:400;font-size:11.5px;color:var(--bone-dim);line-height:1.5;padding-top:2px;font-style:italic}.welcome h1{font-size:26px}.welcome p{font-size:13.5px;line-height:1.65;margin:0}.welcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12.5px;line-height:1.5}.welcome-grid>div{background:#00000040;border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}.welcome-grid b{color:var(--ochre-lit);font-family:var(--font-display);font-size:12px;letter-spacing:.03em}.welcome-go{align-self:center;padding:10px 32px;font-size:14px;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;border-color:var(--ochre);color:var(--ochre-lit)}@media (max-width: 640px){.welcome-grid{grid-template-columns:1fr}}.rp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080604db;display:flex;align-items:center;justify-content:center;z-index:50;padding:22px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.rp-modal{background:linear-gradient(180deg,var(--surface-2),var(--surface-1));border:1px solid var(--line);border-radius:10px;width:min(880px,100%);max-height:90vh;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:13px;box-shadow:var(--shadow-lift)}.rp-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-size:14px;letter-spacing:.05em}.rp-close{padding:2px 9px}.rp-stage{display:grid;grid-template-columns:1fr 160px 1fr;gap:13px;align-items:start}.rp-col{display:flex;flex-direction:column;gap:7px}.rp-coltitle{font-family:var(--font-display);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--bone-dim);margin-bottom:2px}.rp-empty{color:#5f5648;font-size:12px;font-style:italic}.rp-unit{position:relative;background:linear-gradient(180deg,var(--surface-3),var(--surface-2));border:1px solid var(--line);border-radius:6px;padding:8px 10px;transition:transform .14s ease,opacity .3s ease,border-color .14s ease}.rp-unit.acting{border-color:var(--ochre);transform:scale(1.04);box-shadow:0 0 16px #c99c4a38}.rp-unit.hit{animation:rp-shake .26s ease;border-color:var(--terracotta)}.rp-unit.dead{opacity:.32;filter:grayscale(1)}.rp-name{font-family:var(--font-display);font-size:12.5px;font-weight:600;margin-bottom:5px;letter-spacing:.02em}.rp-hpbar{height:5px;background:var(--ink);border-radius:3px;overflow:hidden}.rp-hpfill{height:100%;background:linear-gradient(90deg,#5c7a44,var(--olive));transition:width .26s ease}.rp-hp{font-size:10.5px;color:var(--bone-dim);margin-top:3px;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.rp-dmg{position:absolute;right:9px;top:5px;color:#e2908f;font-weight:700;font-size:14px;font-family:var(--font-mono);animation:rp-float .7s ease forwards;pointer-events:none}.rp-middle{display:flex;flex-direction:column;align-items:center;gap:9px;padding-top:20px}.rp-round{font-family:var(--font-display);font-size:11.5px;color:var(--ochre);letter-spacing:.12em;text-transform:uppercase}.rp-wall{width:100%;text-align:center}.rp-wallbar{height:8px;background:var(--ink);border:1px solid var(--line);border-radius:4px;overflow:hidden}.rp-wallfill{height:100%;background:linear-gradient(90deg,#5b4a33,#9c8358);transition:width .26s ease}.rp-walltext{font-size:11px;color:var(--bone-dim);margin-top:4px;font-family:var(--font-mono)}.rp-verdict{font-family:var(--font-display);font-size:12.5px;text-align:center;padding:8px;border-radius:var(--radius);line-height:1.35;letter-spacing:.04em}.rp-verdict.attacker{background:#2f1a13;border:1px solid var(--terracotta);color:#f0c4b2}.rp-verdict.defender{background:#15242e;border:1px solid var(--lapis);color:#bcdcef}.rp-caption{text-align:center;font-size:13px;color:var(--bone);min-height:20px;background:var(--ink);border-radius:var(--radius);padding:7px}.rp-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rp-controls button{padding:5px 10px;font-family:var(--font-mono)}.rp-scrub{flex:1;min-width:130px;accent-color:var(--ochre)}.rp-counter{font-size:11px;color:var(--bone-dim);font-family:var(--font-mono);font-variant-numeric:tabular-nums}@keyframes rp-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes rp-float{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-18px)}}@media (prefers-reduced-motion: reduce){.rp-unit,.rp-hpfill,.rp-wallfill,.wonder-fill,.tut-fill{transition:none}.rp-unit.hit{animation:none}.rp-dmg{animation:none;opacity:1}}@media (max-width: 640px){.rp-stage{grid-template-columns:1fr}.rp-middle{padding-top:0}}.crash{margin:14px;padding:14px 16px;border-radius:6px;background:linear-gradient(180deg,#2f1a16,#241310);border:1px solid var(--terracotta);color:#f0c4b2;display:flex;flex-direction:column;gap:9px;max-width:420px}.crash b{font-family:var(--font-display);letter-spacing:.04em}.crash-msg{margin:0;font-size:12.5px;font-family:var(--font-mono);color:#d9b3a6;word-break:break-word}.tut-now{background:#c99c4a14;border:1px solid var(--ochre-deep);border-radius:6px;padding:11px 13px;margin-bottom:9px;display:flex;flex-direction:column;gap:7px}.tut-now-title{font-family:var(--font-display);font-size:14.5px;color:var(--ochre-lit);letter-spacing:.03em}.tut-now-hint{margin:0;font-size:12.5px;color:#cbbfa9;line-height:1.5}.tut-go{border-color:var(--ochre);color:var(--ochre-lit);font-family:var(--font-display);letter-spacing:.04em}.tut-toggle{font-size:11.5px;padding:4px 9px;align-self:flex-start;opacity:.8}.panel-flash{animation:panel-flash 1.6s ease}@keyframes panel-flash{0%,to{background:transparent}20%,60%{background:#c99c4a21}}@media (prefers-reduced-motion: reduce){.panel-flash{animation:none}}.card-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.card-cost{font-family:var(--font-mono);font-size:11px;color:var(--ochre);border:1px solid var(--line);border-radius:3px;padding:0 4px;flex-shrink:0}.card-chip.tactic{border-left-color:#9a6fc0;background:linear-gradient(180deg,#2a2233,var(--surface-1))}.card-chip.tactic .card-stats{font-style:italic}.deck-group{font-family:var(--font-display);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--bone-dim);margin:9px 0 5px}.army-tactics{display:block;color:#b79ad6;font-size:11px;margin-top:3px}