:root{--ink: #2a2118;--parchment: #efe6d2;--parchment-dark: #ddd0b4;--terracotta: #b5563a;--travertine: #d9cba7;--moss: #6f7a3e;--river: #4d6b78;--gold: #c9a24a;--shadow: rgba(42, 33, 24, .25)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--parchment);color:var(--ink);font:14px/1.4 Georgia,Times New Roman,serif}#app{display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr clamp(320px,29%,430px);height:100vh;min-width:900px}#stage{position:relative;overflow:hidden}#stage>div{position:absolute;top:0;right:0;bottom:0;left:0}#stage>div{transition:opacity .26s ease,transform .26s ease,visibility 0s linear .26s}#stage>div[data-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}#village[data-hidden=true]{transform:scale(1.04)}#map[data-hidden=true]{transform:scale(.96)}#stage>div[data-hidden=false]{opacity:1;visibility:visible;transition-delay:0s}header{grid-column:1 / 3;display:flex;align-items:center;gap:18px;padding:8px 14px;background:var(--ink);color:var(--parchment)}header h1{font-size:18px;margin:0;font-weight:400;letter-spacing:.08em}header .res{display:flex;gap:14px;margin-left:auto;font-variant-numeric:tabular-nums}header .res span{display:inline-flex;flex-direction:column;align-items:flex-end;min-width:84px}header .res b{font-weight:400;font-size:15px}header .res small{opacity:.7;font-size:11px}header .res .neg b{color:#e0885a}#village{position:relative;overflow:hidden;background:#8d9a5f}#village .base-map{image-rendering:auto}#village .env{pointer-events:none}#village svg{width:100%;height:100%;display:block}#village .slot{cursor:pointer}#village .cell-lines line{stroke:#5a423038;stroke-width:.8}#village svg.placing .cell-lines line{stroke:#5a423080}#village .place-spot{fill:#c9a24a29;stroke:var(--gold);stroke-width:1.2;stroke-dasharray:5 4;cursor:pointer}#village .place-spot:hover{fill:#c9a24a73;stroke-dasharray:none;stroke-width:2}#village svg.placing .slot{pointer-events:none}#village .slot .tile{fill:#84685924;stroke:#1e070280;stroke-width:1.2;stroke-dasharray:6 5}#village .slot.built .tile{fill:none;stroke:none}#village .slot.zone-wall .tile{fill:#0000;stroke:none;stroke-dasharray:none}#village .slot.selected .tile,#village .slot.built.selected .tile{fill:#c9a24a38;stroke:var(--gold);stroke-width:1.6;stroke-dasharray:none}#village .slot.built.selected .tile{fill:#c9a24a29}#village .slot.built .empty-marks{display:none}#village .empty-marks .stake{stroke:#2a211873;stroke-width:1.4;stroke-linecap:round}#village .glyph{opacity:.75}#village .gl-leaf{fill:#6e7d48;stroke:#2a2118;stroke-width:.8}#village .gl-wood{fill:#6d4d3d}#village .gl-clay{fill:#b8674a;stroke:#2a2118;stroke-width:.8}#village .gl-claydark{fill:#7e3a26}#village .gl-rock{fill:#ad8c75;stroke:#2a2118;stroke-width:.8}#village .gl-iron{fill:#6b6258}#village .gl-furrow{stroke:#a67c4e;stroke-width:1.6;stroke-linecap:round}#village .slot:hover .tile{fill:#c9a24a42;stroke:var(--gold)}#village .slot.site-forest .tile{fill:#3c5a282e}#village .slot.site-clay_bank .tile{fill:#b5563a2e}#village .slot.site-iron_seam .tile{fill:#46465033}#village .slot.site-farmland .tile{fill:#c9a24a33}#village .progress{fill:var(--ink);opacity:.85}#village .progress-bar{fill:var(--gold)}#village .label{font-size:11px;font-weight:400;fill:var(--ink);text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:#f2e9d6;stroke-width:3.5;stroke-linejoin:round;stroke-linecap:round}#panel{border-left:2px solid var(--ink);background:var(--parchment);display:flex;flex-direction:column;overflow:hidden}#panel nav{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--ink)}#panel nav button{border:0;background:var(--parchment-dark);padding:8px 4px;font:inherit;font-size:12px;cursor:pointer;border-right:1px solid var(--shadow);border-bottom:1px solid var(--shadow);min-width:0}#panel nav button.active{background:var(--parchment);font-weight:700}#panel nav button .badge{display:inline-block;background:var(--terracotta);color:#fff;border-radius:8px;font-size:10px;padding:0 5px;margin-left:3px}#panel section{padding:12px;overflow-y:auto;flex:1}@keyframes panel-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}#panel section.swap{animation:panel-in .19s ease-out}#panel nav button{transition:background .14s ease,color .14s ease}#panel .card{transition:border-color .16s ease}@keyframes news-in{0%{opacity:0}to{opacity:1}}@keyframes news-card-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.news{animation:news-in .22s ease-out}.news-card{animation:news-card-in .32s cubic-bezier(.22,.85,.3,1)}.news-card.opening{animation-duration:.62s}.news-card.opening h2{animation:news-card-in .7s cubic-bezier(.22,.85,.3,1)}@media (prefers-reduced-motion: reduce){#stage>div,#panel section.swap,.news,.news-card,.news-card h2{animation:none;transition:none}}#panel h2{font-size:16px;margin:0 0 8px;border-bottom:1px solid var(--shadow);padding-bottom:4px}#panel h3{font-size:14px;margin:12px 0 4px}#panel p{margin:4px 0}#panel .muted{opacity:.65;font-size:12px}#panel button.act{font:inherit;background:var(--terracotta);color:#fff;border:0;padding:5px 10px;cursor:pointer;margin:2px 2px 2px 0;border-radius:2px}#panel button.act:disabled{background:var(--parchment-dark);color:var(--ink);opacity:.6;cursor:default}#panel button.act.secondary{background:var(--river)}#panel .card{border:1px solid var(--shadow);padding:8px;margin:6px 0;background:#ffffff59;border-radius:2px}#panel .card.rival{border-left:4px solid var(--river)}#panel .card.player{border-left:4px solid var(--terracotta)}#panel .card.dead{opacity:.5}#panel .stats{display:flex;gap:8px;font-size:11px;opacity:.8}#panel .meter{height:8px;background:var(--parchment-dark);border:1px solid var(--shadow);margin:3px 0;position:relative}#panel .meter i{display:block;height:100%;background:var(--terracotta)}#panel .meter.fear i{background:var(--ink)}#panel .meter.trust i{background:var(--moss)}#panel .meter.att i{background:var(--river)}#panel table{width:100%;border-collapse:collapse;font-size:13px}#panel td,#panel th{padding:3px 4px;border-bottom:1px solid var(--shadow);text-align:left;vertical-align:top}#panel select{font:inherit;max-width:100%}#panel .log li{list-style:none;padding:3px 0;border-bottom:1px dotted var(--shadow);font-size:12px}#panel .log ul{padding:0;margin:0}#panel .log .k-raid{color:var(--terracotta)}#panel .log .k-rome{color:var(--river)}#panel .log .k-event{color:var(--moss)}#panel .log .k-system{opacity:.6}#panel textarea{width:100%;height:80px;font:11px monospace}.toast{position:absolute;left:14px;bottom:14px;background:var(--ink);color:var(--parchment);padding:8px 12px;border-radius:3px;opacity:.95;max-width:60%}.devbar{position:absolute;top:8px;left:8px;background:#2a2118e6;color:var(--gold);padding:4px 8px;border-radius:3px;font-size:12px;z-index:5}.devbar button{font:inherit;background:transparent;color:var(--parchment);border:1px solid var(--gold);padding:0 5px;margin:0 1px;cursor:pointer;border-radius:2px}.devbar button.on{background:var(--gold);color:var(--ink)}@keyframes sheet-loop{to{transform:translate(calc(-1 * var(--sheet-width)))}}#village .overlay image{transform-box:view-box}#village .labels{pointer-events:none}#village .slot{pointer-events:all}.news{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#2a211873;z-index:20}.news-card{background:var(--parchment);border:2px solid var(--ink);border-radius:3px;padding:16px 20px;max-width:520px;max-height:76%;overflow-y:auto;box-shadow:0 8px 24px var(--shadow)}.news-card h2{margin:0 0 2px;font-size:20px;letter-spacing:.04em}.news-card ul{list-style:none;padding:0;margin:10px 0 14px}.news-card li{padding:5px 0 5px 10px;border-left:3px solid var(--parchment-dark);margin-bottom:3px}.news-card li.k-raid{border-left-color:var(--terracotta)}.news-card li.k-rome{border-left-color:var(--river)}.news-card li.k-event{border-left-color:var(--moss)}.news-card li.k-family{border-left-color:var(--gold)}.news-card li.k-council{border-left-color:var(--ink)}#panel .card.demand{border-left:4px solid var(--gold);background:#c9a24a1f}.news-card .choices{display:flex;flex-direction:column;gap:6px;margin:8px 0}.news-card .choices button{text-align:left}#village .anim{pointer-events:none}#village .anim-smoke .puff{fill:#c9c0b2;stroke:none;opacity:0;animation:puff-rise 3.4s linear infinite}#village .anim-smoke .p1{animation-delay:-1.13s}#village .anim-smoke .p2{animation-delay:-2.26s}@keyframes puff-rise{0%{opacity:0;transform:translate(0) scale(.5)}18%{opacity:.62}to{opacity:0;transform:translate(3px,-15px) scale(1.5)}}#village .anim-flag .cloth{fill:#b5563a;stroke:#2a2118;stroke-width:.6;stroke-linejoin:round;transform-box:fill-box;transform-origin:0% 50%;animation:cloth-wave 2.1s ease-in-out infinite}@keyframes cloth-wave{0%,to{transform:skewY(-4deg) scaleX(.96)}50%{transform:skewY(5deg) scaleX(1.03)}}#village .gate-banner .cloth{stroke-width:.9}#village .anim-glow .halo{fill:#e06a2a;stroke:none;opacity:.18;animation:glow-pulse 2.6s ease-in-out infinite}#village .anim-glow .core{fill:#e9a05d;stroke:none;opacity:.6;animation:glow-pulse 2.6s ease-in-out infinite reverse}@keyframes glow-pulse{0%,to{opacity:.16}50%{opacity:.66}}#village .anim-swing .arm{transform-box:fill-box;transform-origin:50% 0%;animation:hook-swing 3.8s ease-in-out infinite}#village .anim-swing line,#village .anim-swing polyline{stroke:#3f1c0d;stroke-width:.9;fill:none;stroke-linecap:round}@keyframes hook-swing{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@media (prefers-reduced-motion: reduce){#village .anim *{animation:none!important}#village .anim-smoke .puff{opacity:.35}}#panel .roster{margin-top:8px}#panel .member{display:flex;gap:9px;align-items:flex-start;padding:6px 0;border-top:1px solid var(--shadow)}#panel .member:first-child{border-top:none}#panel .member.dead{opacity:.55}#panel .member .who{flex:1;min-width:0}#panel .portrait{flex:none;border:1px solid var(--ink);border-radius:2px;background:var(--parchment-dark)}#panel .card.lesser{border-left:3px solid var(--parchment-dark)}#panel .card.lesser.rival{border-left-color:var(--river)}#panel .card.lesser.player{border-left-color:var(--terracotta)}#map{background:linear-gradient(170deg,#8e8f74,#7d8168 55%,#6d7259)}#map svg{width:100%;height:100%;display:block}#map .hex{cursor:pointer}#map .ground{stroke:#2a21184d;stroke-width:.8}#map .ground.t-plain{fill:#c3b68c}#map .ground.t-forest{fill:#6e7d48}#map .ground.t-hills{fill:#ab9c86}#map .ground.t-marsh{fill:#8d9a6f}#map .ground.t-water{fill:#7d94a0}#map .ground.held{stroke:var(--gold);stroke-width:2.2}#map .ground.selected{stroke:#fff;stroke-width:2.6}#map .hex:hover .ground{stroke:#fff;stroke-width:2}#map .unknown{font:700 15px Georgia,serif;fill:#2a2118;text-anchor:middle;pointer-events:none}#map .home{pointer-events:none}#map .home-wall{fill:#e7ded0;stroke:#2a2118;stroke-width:1}#map .home-roof{fill:#c4724c;stroke:#2a2118;stroke-width:1}#map .garrison{font:8px Georgia,serif;fill:#2a2118;text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:#efe6d2e6;stroke-width:2.2}#map .scouting{font:700 13px Georgia,serif;fill:#efe6d2;text-anchor:middle;pointer-events:none}#map .site{pointer-events:none}#map .m-leaf{fill:#44582a;stroke:#2a2118;stroke-width:.7}#map .m-wood,#map .m-claydark{fill:#5b3f25}#map .m-clay{fill:#b8674a;stroke:#2a2118;stroke-width:.7}#map .m-rock{fill:#cfc7b2;stroke:#2a2118;stroke-width:.7}#map .m-iron{fill:#55504a}#map .m-grain{stroke:#d9b969;stroke-width:1.6;stroke-linecap:round}#map .m-water{fill:none;stroke:#3f5e6b;stroke-width:1.4}#map .m-stone{fill:#e7ded0;stroke:#2a2118;stroke-width:.7}#map .m-camp{fill:#8a2d2d;stroke:#2a2118;stroke-width:.8}#map .m-spear{stroke:#2a2118;stroke-width:1.2}#panel .card.challenge{border-left:4px solid var(--gold);background:#b5563a1a}#panel .tally{margin:6px 0}#panel .tally .row{display:grid;grid-template-columns:1fr 90px 22px;gap:8px;align-items:center;padding:2px 0}#panel .tally .row .meter{margin:0}#panel .tally .row.rival .meter i{background:var(--river)}#panel .guards{font-size:11px;margin-top:3px}#panel button.act.tiny{padding:0 6px;line-height:16px;font-size:12px}#panel details.intrigue{margin:6px 0;border-top:1px solid var(--shadow);padding-top:4px}#panel details.intrigue summary{cursor:pointer;font-variant:small-caps;letter-spacing:.04em}#panel details.intrigue .row{margin:5px 0}#panel details.intrigue .row span.muted{display:block;font-size:11px;margin:1px 0 0 2px}#panel details.intrigue select{max-width:100%}#panel button.act.danger{background:var(--ink)}#panel .known{margin:4px 0 0;padding-left:18px}#panel .known li{margin:2px 0}#panel ul.index{list-style:none;margin:.4rem 0;padding:0}#panel ul.index li{padding:.15rem 0}#panel button.link{background:none;border:none;padding:0;font:inherit;color:var(--gold);cursor:pointer;text-decoration:underline;text-underline-offset:2px}#panel button.link:hover{color:var(--ink)}#panel .lanes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:6px 0}#panel .card.lane{margin:0;font-size:12px}#panel .card.lane p{margin:3px 0}#panel .card.lane.free{border-style:dashed}#panel .card.lane.free b{opacity:.65}#panel ul.overview li{padding:.3rem 0;border-top:1px solid rgba(42,33,24,.12)}#panel ul.overview li.ring{border-top:0;padding:.55rem 0 .1rem;font-variant:small-caps;letter-spacing:.04em;opacity:.65}#panel ul.overview .l1{display:flex;flex-wrap:wrap;gap:.2rem .45rem;align-items:baseline}#panel ul.overview .l2{display:flex;flex-wrap:wrap;gap:.15rem .55rem;align-items:center;font-size:12px;margin-top:2px}#panel ul.overview .l2 .effect{flex-basis:100%}#panel .gate{color:var(--river);opacity:.75;font-size:12px}#panel .rome-mark{color:var(--gold);font-size:11px}#panel .rome-mark:before{content:"✦ "}#panel .ledger .res{margin:4px 0 8px}#panel .ledger .res .l1{display:flex;justify-content:space-between;border-bottom:1px solid rgba(42,33,24,.12)}#panel .ledger .line{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding-left:8px;opacity:.85}#panel .ledger .neg,#panel ul.overview .neg{color:var(--terracotta)}#panel aside.counsel{margin:8px 12px 0;border-left:4px solid var(--gold);background:#c9a24a1f}#panel aside.counsel p{margin:4px 0 6px}.news-card .counsel-first{border-left:3px solid var(--gold);padding-left:10px;margin:10px 0 4px}.news-card .leaving{border-top:1px solid var(--shadow);margin:6px 0 12px;padding-top:6px}.news-card .leaving h3{font-size:13px;margin:0 0 4px;font-variant:small-caps;letter-spacing:.04em}.news-card .leaving ul{margin:0}.news-card .leaving li{border-left-color:var(--gold);font-size:13px}#village .slot.counsel .tile,#village .slot.built.counsel .tile{fill:#c9a24a38;stroke:var(--gold);stroke-width:1.6;stroke-dasharray:none}#village .slot.built.counsel .tile{fill:#c9a24a29}#panel .filters{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 8px}#panel details.round{margin:6px 0;border-top:1px solid var(--shadow);padding-top:4px}#panel details.round>summary{cursor:pointer;font-variant:small-caps;letter-spacing:.04em;font-size:14px}#panel details.log{margin:4px 0 2px}#panel details.log>summary{cursor:pointer;font-size:12px;opacity:.7}#panel details.log ul,.news-card details.round ul{list-style:none;padding:0 0 0 8px;margin:4px 0}#panel details.log li,.news-card details.round li{font-size:12px;border-left:2px solid var(--shadow);padding:1px 0 1px 6px;margin:2px 0}.card.report{font-size:12px}.card.report>b{font-size:13px}.card.report p{margin:4px 0}.card.report .fell{color:var(--terracotta)}table.terms,table.goods,table.ledger-round,table.history{border-collapse:collapse;margin:4px 0;font-size:12px;width:100%}table.terms td,table.goods td,table.goods th,table.ledger-round td,table.ledger-round th,table.history td,table.history th{padding:1px 6px 1px 0;text-align:left}table.terms td:last-child,table.goods td:not(:first-child),table.goods th:not(:first-child),table.ledger-round td:not(:first-child),table.ledger-round th:not(:first-child),table.history td:not(:first-child),table.history th:not(:first-child){text-align:right}table.terms tr.total td{border-top:1px solid var(--shadow);font-weight:600}table.goods th,table.ledger-round th,table.history th{font-weight:400;opacity:.65}.pos{color:var(--moss)}table .neg,.card.report .neg{color:var(--terracotta)}.news-card .ledger-round{margin-top:8px}.news-card .tally-line{font-weight:600;margin:8px 0 4px}.news-card details.round{border-top:1px solid var(--shadow);margin:6px 0;padding-top:4px}.news-card details.round>summary{cursor:pointer;font-variant:small-caps;letter-spacing:.04em}#panel details.due{margin:6px 0 8px;border:1px solid var(--shadow);border-left:4px solid var(--gold);padding:6px 8px;background:#ffffff59;border-radius:2px}#panel details.due summary{cursor:pointer;font-variant:small-caps;letter-spacing:.04em}#panel details.due h4{font-size:12px;margin:6px 0 2px;opacity:.65;font-weight:400;font-variant:small-caps;letter-spacing:.04em}#panel details.due ul{list-style:none;margin:0;padding:0}#panel details.due li{padding:2px 0;font-size:13px}#panel details.due li button.link{color:var(--ink);text-align:left}#panel details.due li button.link:hover{color:var(--terracotta)}#panel details.due .idle{margin:6px 0 0}#panel .card.summary{font-size:13px}#panel .card.summary .row{display:flex;justify-content:space-between;gap:8px;padding:2px 0;border-top:1px solid rgba(42,33,24,.12)}#panel .card.summary .row:first-of-type{border-top:0}#panel .card.summary .row span:last-child{text-align:right}#panel .card.summary .stalled{color:var(--terracotta)}#panel .card.away{border-left:4px solid var(--river);background:#4d6b781a}#panel .card.away ul{margin:4px 0 0;padding-left:18px}#panel .card.away li{margin:2px 0;font-size:13px}.news-card .overflow{border-left:3px solid var(--river);padding-left:10px;margin:6px 0;font-size:13px}.news.settled,.news.settled .news-card,.news.settled .news-card h2{animation:none}#panel .adjacency ul{margin:2px 0 6px 18px;padding:0}#panel .adjacency li{margin:1px 0}#stage .stage-switch{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:6;display:flex;border:1px solid var(--ink);border-radius:3px;overflow:hidden;box-shadow:0 1px 3px var(--shadow)}#stage .stage-switch button{font:inherit;font-size:13px;padding:4px 14px;border:0;background:var(--parchment);color:var(--ink);cursor:pointer}#stage .stage-switch button+button{border-left:1px solid var(--ink)}#stage .stage-switch button.on{background:var(--ink);color:var(--parchment)}.worldmap .m-cut{stroke:#594a3a;stroke-width:1.2}.worldmap .m-salt{fill:#f4f1ea;stroke:#9aa7ad;stroke-width:.6}.worldmap .m-shield,.worldmap .m-roof{fill:#b5563a;stroke:#2a2118;stroke-width:.8}.worldmap .m-chest{fill:#8a5a32;stroke:#2a2118;stroke-width:.8}.worldmap .m-coin{fill:#e3c35a;stroke:#7a5b12;stroke-width:.6}.worldmap .holding .h-wall{fill:#efe6d259;stroke:#4a3b2c;stroke-width:1.6;stroke-dasharray:2.5 1.5}.worldmap .holding.tier-3 .h-wall{stroke-dasharray:none;stroke-width:2}.worldmap .holding .h-tower{fill:#cfc3ab;stroke:#2a2118;stroke-width:.8}.worldmap .holding .h-roof{fill:#b5563a;stroke:#2a2118;stroke-width:.6}.worldmap .holding .h-pole{stroke:#2a2118;stroke-width:1}.worldmap .holding .h-flag{fill:#b5563a;stroke:#2a2118;stroke-width:.5}.worldmap .ground.seen{stroke-dasharray:3 2}.worldmap .rising{font-size:8px;fill:#c9a24a;text-anchor:middle}.worldmap .tribe-held .t-flag{fill:#2a2118;stroke:#2a2118;stroke-width:.5}.worldmap .threat{font-size:11px;font-weight:700;fill:#b5563a;text-anchor:middle}.worldmap .road line{stroke-linecap:round;pointer-events:none}.worldmap .road .road-built{stroke:#8a7556;stroke-width:3.2}.worldmap .road .road-laying{stroke:#c9a24a;stroke-width:2.6;stroke-dasharray:4 3}#panel p.threat{border-left:3px solid var(--terracotta);padding-left:8px}