:root{color-scheme:dark;--bg: #12100d;--panel: #1c1914;--ink: #f3ead6;--muted: #a89a80;--line: #3d3528;--merc: #e07a3a;--perm: #7ea37a;--hit: #e6b322;--hp: #c44b3c;--you: #6f9e82}*{box-sizing:border-box}body{margin:0;font-family:Iowan Old Style,Palatino,Georgia,serif;background:radial-gradient(1200px 600px at 50% -10%,#2a2318,var(--bg));color:var(--ink)}#root{max-width:1100px;margin:0 auto;padding:20px 16px 72px}h1,h2,h3{margin:0;font-weight:600}h1{font-size:1.45rem}h2{font-size:1.05rem}.sub,.muted,.section-head span{color:var(--muted)}.hero-strip{width:100%;height:160px;margin:0 0 16px;overflow:hidden;border:1px solid var(--line);background:#16130e}.hero-strip img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 60%}.top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.toolbar,.section-head,.vs,.chips,.timeline,.market{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.toolbar label{display:flex;gap:6px;align-items:center}.vs{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch;margin-bottom:14px}.fighter,.power-dial,.endcard,.banner{background:var(--panel);border:1px solid var(--line)}.fighter,.power-dial{padding:12px 14px}.fighter-label{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.bar{height:8px;background:#2a241c;border-radius:99px;overflow:hidden;margin:6px 0}.bar i{display:block;height:100%;background:var(--you)}.enemy-bar i{background:var(--hp)}.power-dial{text-align:center;min-width:160px;border-color:var(--hit)}.power-num{display:block;font-size:2rem;line-height:1;color:var(--hit)}.intent-chip,.chip,.timeline li{border:1px solid var(--line);padding:4px 8px;font-size:.85rem}.intent-chip{display:inline-block;margin-top:8px;border-color:var(--hit);color:var(--hit)}.banner{padding:10px 12px;margin-bottom:12px;border-color:var(--merc)}.roster{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-wrap:wrap;gap:6px}.roster li{border:1px solid var(--line);padding:4px 8px;font-size:.8rem;color:var(--muted)}.roster li.now{border-color:var(--hit);color:var(--hit)}.roster li.done{opacity:.45}.timeline{list-style:none;padding:0;margin:0 0 16px}.timeline li.on{border-color:var(--perm);color:var(--perm)}.timeline li.next{border-color:var(--hit);color:var(--hit)}.section-head{justify-content:space-between;margin:18px 0 8px}.chips.wrap{gap:8px}.chip.merc{border-color:#a45c32}.chip.perm{border-color:#5d7a5c}.chip.wreckage{border-color:#8a6a4a}.bark{margin:0 0 14px;color:var(--muted);font-style:italic}.class-tag{display:block;font-style:normal;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.town-portrait{width:100%;height:72px;margin:6px 0 8px;background:#16130e;overflow:hidden;border:1px solid var(--line)}.town-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:left center}.silhouette{display:flex;flex-wrap:wrap;gap:4px;min-height:28px;margin-bottom:8px}.silhouette img{width:22px;height:22px;object-fit:cover;border:1px solid var(--line)}.chips{align-items:stretch}.chip{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;background:#16130e}.chips:not(.wrap) .chip{flex-direction:column;align-items:stretch;width:78px;gap:0;padding:4px;background:linear-gradient(180deg,#2c2418,#14110c);box-shadow:inset 0 0 0 1px #2a2218}.chip img{width:36px;height:48px;object-fit:cover;object-position:top center;border:1px solid var(--line)}.chips:not(.wrap) .chip img{width:100%;height:70px}.chip em{font-style:normal}.chips:not(.wrap) .chip em{display:block;text-align:center;font-size:.72rem;padding:5px 2px 3px;line-height:1.15}.market{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.market.hand{grid-template-columns:repeat(5,minmax(0,1fr))}.play-all{margin-top:10px}.face{position:relative;display:flex;flex-direction:column;padding:8px;background:linear-gradient(180deg,#3c2f20,#1c1610 55%,#14110c);border:2px solid #8a6d3a;box-shadow:0 0 0 1px #120e0a,0 14px 28px #0000006b,inset 0 1px #f3d56a38}.face.merc{border-color:#b56a38}.face.perm{border-color:#6a8a68}.face.can{box-shadow:0 0 0 1px #120e0a,0 0 0 2px #e6b32247,0 14px 28px #0000006b,inset 0 1px #f3d56a4d}.face.cant{filter:saturate(.7) brightness(.92)}.face-mat{display:flex;flex-direction:column;flex:1;min-height:0;background:#0c0a08;border:1px solid #2a2218;box-shadow:inset 0 0 0 1px #5c4a30}.face-art{position:relative;height:200px;margin:3px 3px 0;background:#16130e;overflow:hidden;box-shadow:0 0 0 1px #6a5634}.face-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.face-art:after{content:"";position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(transparent,#0c0a08 90%);pointer-events:none}.seal{position:absolute;top:10px;right:10px;z-index:2;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#f6de7a,#c4921a 58%,#6e5010);color:#1a1408;font-weight:700;font-size:1.2rem;box-shadow:0 0 0 2px #1a1408,0 0 0 3px #c4921a,0 3px #3d2c0c,0 6px 12px #00000080}.face-copy{position:relative;z-index:2;margin:-18px 8px 0;padding:9px 12px 11px;text-align:center;background:radial-gradient(120% 90% at 50% 0%,#32281c,#16130e 70%);border:1px solid #6a5634;box-shadow:0 4px 12px #0006,inset 0 1px #f3d56a1f}.face.merc .face-copy{border-color:#8a4e2c}.face.perm .face-copy{border-color:#4f6a4e}.face-plate h3{font-size:1.2rem;line-height:1.15;letter-spacing:.01em}.kind{display:block;margin:3px 0 8px;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.face.merc .kind{color:#f0b089}.face.perm .kind{color:#c5d7c3}.face-copy p{margin:0;color:#e8dcc4;font-size:.98rem;line-height:1.35;min-height:2.5em}.tax{display:block;margin-top:6px;font-size:.75rem;color:var(--hit)}.face-act{margin:8px 10px 10px;width:calc(100% - 20px);padding:9px 10px;letter-spacing:.03em;background:linear-gradient(180deg,#3a3226,#221c14);border:1px solid #5a4a32;box-shadow:inset 0 1px #f3ead614}.face.can .face-act{background:linear-gradient(180deg,#f0c94a,#c4921a);color:#1a1408;border-color:#e6b322;font-weight:600;box-shadow:inset 0 1px #fff4c873,0 2px #7a5a10}.face.cant .face-act{opacity:.7}.face.empty{min-height:360px;border-style:dashed;border-color:#4a4030;box-shadow:none}.face.empty .face-mat{min-height:340px;display:grid;place-items:center;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}button,select,input{font:inherit;background:#2a241b;color:var(--ink);border:1px solid var(--line);padding:6px 10px}button.primary,.endturn{background:var(--hit);color:#1a1408;border-color:var(--hit)}.endturn{margin-top:14px;font-size:1.05rem;padding:10px 16px}button:disabled{opacity:.4}.error{color:#e08a7a}.endcard{margin-top:20px;padding:16px}.log{margin-top:28px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:.92rem}.lobby{background:var(--panel);border:1px solid var(--line);padding:16px;margin:16px 0}.lobby h2{margin-bottom:12px}.convoy-seats{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:8px}.convoy-seats li{border:1px solid var(--line);padding:6px 10px;background:var(--panel);display:flex;flex-direction:column;gap:2px;font-size:.85rem}.convoy-seats li.mine{border-color:var(--hit)}@media(max-width:720px){.vs,.market,.market.hand{grid-template-columns:1fr}.face-art{height:156px}.face-copy{margin-top:-14px;padding:8px 10px 9px}.face-copy p{min-height:0}.chips:not(.wrap) .chip{width:62px}.chips:not(.wrap) .chip img{height:52px}}.a3{max-width:100%;min-width:0;overflow-wrap:anywhere}.a3 .a3-top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.a3 .a3-note{margin:0 0 10px;color:var(--muted);font-size:.85rem}.a3 .a3-intent{margin:0 0 12px;padding:14px 16px 12px;text-align:center;background:var(--panel);border:1px solid var(--hit)}.a3 .a3-intent-kind{display:block;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.a3 .a3-intent-label{display:block;margin-top:4px;font-size:1.45rem;line-height:1.15}.a3 .a3-intent-amount{display:block;margin-top:2px;font-size:3.4rem;line-height:.95;color:var(--hit)}.a3 .a3-intent[data-kind=attack] .a3-intent-amount{color:var(--hp)}.a3 .a3-intent[data-kind=defend]{border-color:var(--you)}.a3 .a3-intent[data-kind=defend] .a3-intent-amount{color:var(--you)}.a3 .a3-enemy{margin-bottom:12px;padding:12px 14px;background:var(--panel);border:1px solid var(--line)}.a3 .a3-enemy h2{margin-bottom:4px}.a3 .a3-resources{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px 0;background:var(--bg)}.a3 .a3-readout{min-width:0;padding:8px 10px;background:var(--panel);border:1px solid var(--line)}.a3 .a3-readout-label{display:block;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.a3 .a3-readout strong{display:block;margin-top:2px;font-size:1.35rem;line-height:1.1}.a3 .a3-readout[data-resource=power] strong{color:var(--hit)}.a3 .a3-readout[data-resource=block] strong{color:var(--you)}.a3 .a3-readout[data-resource=trade] strong{color:var(--merc)}.a3 .a3-phase{margin:0 0 12px;padding:10px 12px;background:var(--panel);border:1px solid var(--merc)}.a3 .a3-hand,.a3 .a3-shop{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));gap:10px}.a3 button.a3-card,.a3 button.a3-merc{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-width:0;text-align:left;padding:10px 12px;color:var(--ink);background:linear-gradient(180deg,#3c2f20,#1c1610 55%,#14110c);border:2px solid #8a6d3a;box-shadow:0 0 0 1px #120e0a,0 8px 16px #00000059}.a3 button.a3-merc{border-color:#b56a38}.a3 button.a3-card:not(:disabled),.a3 button.a3-merc:not(:disabled){cursor:pointer}.a3 button.a3-card:disabled,.a3 button.a3-merc:disabled{opacity:1;filter:saturate(.25) brightness(.78);border-style:dashed;border-color:var(--line);color:var(--muted);box-shadow:none;cursor:not-allowed}.a3 .a3-cost{font-size:.85rem}.a3 button:not(:disabled) .a3-cost{color:var(--hit)}.a3 .a3-kind{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.a3 button.a3-merc:not(:disabled) .a3-kind{color:#f0b089}.a3 .a3-text{font-size:.95rem;line-height:1.35}.a3 button:not(:disabled) .a3-text{color:#e8dcc4}.a3 .a3-hires{color:var(--muted);font-size:.8rem}.a3 .a3-piles{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.a3 .a3-piles span{border:1px solid var(--line);padding:4px 8px;color:var(--muted);font-size:.85rem}.a3 .endturn{max-width:100%}@media(max-width:720px){.a3 .a3-resources{grid-template-columns:repeat(2,minmax(0,1fr))}.a3 .a3-intent-amount{font-size:2.8rem}.a3 .endturn{width:100%}}