:root{--bg: #0b0e13;--surface-1: #141a22;--surface-2: #1c2530;--surface-3: #26313e;--line: #2d3844;--line-strong: #3d4a59;--text: #e6e8ea;--text-dim: #97a1ae;--text-faint: #66707d;--accent: #4c8bd9;--ok: #48bb78;--warn: #d9a441;--danger: #c9453c;--danger-surface: #3b1d1d;--res-culture: #c084fc;--res-science: #38bdf8;--res-food: #6ee7a0;--res-ore: #d9a05b;--res-strength: #f87171;--res-happy: #fbbf24;--res-ca: #93c5fd;--res-ma: #fca5a5;--res-pop: #e8c46a;--res-blue: #4aa3df;--fam-farm: #4ea36a;--fam-mine: #b8813f;--fam-urban: #5b7fd4;--fam-shrine: #a06cd5;--fam-lab: #3d95c9;--fam-forum: #d4738a;--fam-unit: #c05a4a;--fam-special: #7c8fd6;--fam-gov: #c9a227;--fam-leader: #e08a3c;--fam-wonder: #3fa8a0;--fam-action: #d9c04a;--fam-event: #6d63c9;--fam-territory: #46a06a;--fam-aggression: #cf4f42;--fam-war: #a02a20;--fam-pact: #4b9fd6;--fam-tactic: #d97534;--fam-bonus: #8a94a3;--face-civil: #f3efe6;--ink-civil: #1d232b;--face-military: #1e2732;--ink-military: #e2e8f0;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--card-w: 132px;--card-h: 190px;--card-w-row: clamp(88px, 6.6vw, 132px);--tile-h: 58px;--dur-fast: .12s;--dur-med: .22s;--ease: cubic-bezier(.2, .7, .3, 1);--font-ui: ui-sans-serif, system-ui, -apple-system, sans-serif;--font-num: ui-monospace, SFMono-Regular, monospace}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 0ms;--dur-med: 0ms}}*{box-sizing:border-box}body{margin:0;font-family:var(--font-ui);background:var(--bg);color:var(--text)}#root{max-width:min(1600px,96vw);margin:0 auto;padding:var(--s-5) var(--s-4) var(--s-6);display:flex;flex-direction:column;min-height:100dvh}#root:has(.board){max-width:min(1900px,99vw);padding:var(--s-3) var(--s-3) var(--s-2);height:100dvh;min-height:0;overflow:hidden}h1{font-size:22px;letter-spacing:.02em}h2{font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:var(--s-5) 0 var(--s-2)}code{background:var(--surface-1);padding:1px 5px;border-radius:var(--r-sm)}button{background:var(--accent);border:none;color:#fff;border-radius:6px;padding:var(--s-2) 14px;font-size:14px;cursor:pointer;margin:0 6px 6px 0;transition:filter var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}button:hover:not(:disabled){filter:brightness(1.15)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{background:var(--line);color:var(--text-faint);cursor:default}button.danger{background:var(--danger)}input,select{background:var(--surface-1);border:1px solid var(--line);color:var(--text);border-radius:6px;padding:var(--s-2) 10px;font-size:14px;margin-right:var(--s-2)}:where(button,input,select,[tabindex],[role=button]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hint{color:var(--text-dim);font-size:13px}.banner-error{background:var(--danger-surface);border:1px solid var(--danger);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);margin:var(--s-4) 0}.solo-bar{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:var(--r-md);padding:var(--s-2) var(--s-3);margin-bottom:var(--s-3);font-size:12px;color:var(--text-dim)}.solo-bar button{margin:0;padding:4px 10px;font-size:12px}.solo-bar input,.solo-bar select{margin:0;padding:3px 6px;font-size:12px}.card2{--fam: var(--fam-urban);position:relative;display:flex;flex-direction:column;gap:3px;background:var(--face-civil);color:var(--ink-civil);border:1px solid rgb(0 0 0 / .25);border-top:4px solid var(--fam);border-radius:var(--r-md);padding:6px 8px 7px;font-size:12px;line-height:1.3;text-align:left;-webkit-user-select:none;user-select:none;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.card2[data-side=military]{background:var(--face-military);color:var(--ink-military);border-color:#ffffff1f;border-top-color:var(--fam)}.card2[role=button]{cursor:pointer}.card2[role=button]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000073}.card2.selected{outline:2px solid var(--fam);outline-offset:2px}.card2.blocked{opacity:.55;filter:saturate(.5)}.card2.antiquated{filter:grayscale(.5)}.card2.stale{background-image:repeating-linear-gradient(45deg,rgb(0 0 0 / .07) 0 6px,transparent 6px 12px)}.card2[data-size=full]{width:var(--card-w);min-height:var(--card-h)}.card2[data-size=row]{width:var(--card-w-row);min-height:var(--card-h);font-size:11px}.card2[data-size=row] .card-foot{display:none}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-1)}.card-name{font-weight:700;font-size:12.5px;line-height:1.15}.card-age{flex:none;font-family:var(--font-num);font-size:10px;font-weight:700;padding:0 4px;border-radius:var(--r-sm);background:var(--fam);color:#fff}.card-kind{font-size:10px;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.card-side{color:var(--fam)}.chips{display:flex;flex-wrap:wrap;gap:3px 6px;margin:1px 0}.chip{display:inline-flex;align-items:baseline;gap:2px;font-family:var(--font-num);font-size:11px;font-weight:700;white-space:nowrap}.chip-note{font-family:var(--font-ui);font-size:9px;font-weight:400;opacity:.65}.chip-short{color:var(--danger);text-decoration:line-through}.chip-short .chip-icon{color:var(--danger)!important}.rules{margin:2px 0 0;padding:0;list-style:none}.rule{margin:0 0 2px;font-size:10.5px}.rules .rules{margin-left:var(--s-2);margin-top:2px;opacity:.9}.rule-score{font-style:italic}.rule-unimplemented{color:var(--warn)}.rule-note{font-style:italic;opacity:.85}.card-foot{margin:auto 0 0;padding-top:3px;font-size:9px;opacity:.6;border-top:1px dotted currentColor}.card-pips{display:flex;gap:var(--s-2)}.pips{letter-spacing:1px;font-size:11px}.pips-worker{color:var(--res-pop)}.pips-token{color:var(--res-blue)}.card-badge{position:absolute;top:-8px;right:-6px;background:var(--surface-3);color:var(--text);border:1px solid var(--line-strong);border-radius:999px;padding:1px 7px;font-family:var(--font-num);font-size:10px;font-weight:700}.card-flag,.card-reason{font-size:9px;text-transform:uppercase;letter-spacing:.04em;opacity:.75}.card-reason{color:var(--danger);text-transform:none;letter-spacing:0;font-size:9.5px}.card2[data-size=tile]{width:100%;min-height:var(--tile-h);padding:5px 8px;border-top-width:1px;border-left:4px solid var(--fam);justify-content:center}.tile-body{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.tile-name{font-weight:700;font-size:11.5px;flex:1 1 auto}.tile-pips{display:flex;gap:5px;flex:none}.tile-yield,.tile-badge{flex:none;font-family:var(--font-num);font-size:11px;font-weight:700}.card-pop{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);width:max-content;max-width:260px;display:none;flex-direction:column;gap:3px;z-index:40;padding:8px 10px;border-radius:var(--r-md);border:1px solid var(--line-strong);border-top:4px solid var(--fam);background:var(--face-civil);color:var(--ink-civil);box-shadow:0 10px 30px #0009;font-size:11px;text-align:left}.card2[data-side=military] .card-pop{background:var(--face-military);color:var(--ink-military)}.card2:hover>.card-pop,.card2:focus-within>.card-pop{display:flex}.card-pop-fixed{position:fixed;display:flex;bottom:auto;transform:translate(-50%,calc(-100% - 8px));pointer-events:none}.card-pop .rules{display:block;overflow:visible}.card-pop .card-foot{display:block}.card-back{background:repeating-linear-gradient(45deg,#24435f 0 6px,#1b344c 6px 12px);color:#9dc0dd;border:1px solid rgb(255 255 255 / .1);border-top:4px solid var(--fam-bonus);align-items:center;justify-content:center;text-align:center;gap:var(--s-1)}.card-back[data-size=full]{width:var(--card-w);min-height:var(--card-h)}.card-back[data-size=row]{width:var(--card-w-row);min-height:var(--card-h)}.card-back[data-size=tile]{width:100%;min-height:var(--tile-h)}.back-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.back-age{font-family:var(--font-num);font-weight:700;font-size:13px}.appShell{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.board{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:var(--s-3);flex:1 1 auto;min-height:0;overflow:hidden}.topBar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-2) var(--s-3)}.tb-main{display:flex;align-items:baseline;gap:var(--s-3);flex-wrap:wrap}.tb-round{font-family:var(--font-num);font-size:12px;color:var(--text-dim)}.tb-phase{font-size:14px;font-weight:700}.tb-phase.tone-hostile{color:var(--danger)}.tb-phase.tone-waiting{color:var(--text-dim);font-weight:400}.tb-busy{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--warn)}.spinner{width:10px;height:10px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}.tb-decks{display:flex;gap:var(--s-3);font-family:var(--font-num);font-size:11px;color:var(--text-dim)}.tb-endgame{color:var(--warn)}.opponents{display:flex;flex-direction:column;gap:var(--s-1);max-height:38dvh;overflow-y:auto}.opp{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-1)}.opp.acting{border-color:var(--ok)}.opp-head{display:flex;align-items:center;gap:var(--s-3);width:100%;margin:0;padding:5px var(--s-3);background:none;border:none;border-radius:var(--r-md);color:var(--text);font-size:12px;text-align:left;cursor:pointer}.opp-head:hover{filter:none;background:var(--surface-2)}.opp-name{font-weight:700;min-width:90px}.opp-turn{color:var(--ok);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.opp-stats{display:flex;gap:var(--s-3);font-family:var(--font-num)}.mini{display:inline-flex;gap:3px;align-items:baseline}.opp-hand{color:var(--text-dim);margin-left:auto}.opp-caret{color:var(--text-faint)}.opp-body{padding:var(--s-3);border-top:1px solid var(--line)}.opp-hands{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);margin-top:var(--s-3)}.cardRowBands{display:flex;gap:var(--s-3);align-items:start}.band{display:grid;grid-auto-rows:min-content;gap:6px;padding:var(--s-1) var(--s-2) var(--s-2);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-1)}.band:nth-child(1){flex:5}.band:nth-child(2){flex:4}.band:nth-child(3){flex:4}.band-head{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:baseline;margin:0 0 2px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--res-ca)}.band-slots{color:var(--text-faint);font-weight:400;letter-spacing:0;text-transform:none}.band .card2{width:auto}.row-note{margin:0;font-size:10px;color:var(--text-faint)}.mine{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:minmax(0,1fr) auto;gap:var(--s-3);min-height:0}.mine-board{grid-column:1;grid-row:1;min-height:0;overflow-y:auto;padding-right:var(--s-2)}.mine-side{grid-column:2;grid-row:1 / 3;display:flex;flex-direction:column;gap:var(--s-2);min-height:0}.mine-hand{grid-column:1;grid-row:2;min-height:0;max-height:42dvh;overflow-y:auto}.mine-actions{flex:1 1 auto;min-height:0;overflow-y:auto;border-top:1px solid var(--line);padding-top:var(--s-2)}.mine-actions button{font-size:12px;padding:5px 10px}.statRail{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:var(--s-1)}.stat{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-sm);padding:3px 6px}.stat.warn{border-color:var(--warn)}.stat.danger{border-color:var(--danger);background:var(--danger-surface)}.stat-label{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);white-space:nowrap}.stat-value{font-family:var(--font-num);font-size:15px;font-weight:700}.stat-sub{font-size:9px;color:var(--text-faint)}.stat.danger .stat-sub{color:var(--danger);font-weight:700}.banks{display:flex;flex-direction:column;gap:var(--s-2)}.bank-head{display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}.bank-now{text-transform:none;letter-spacing:0;color:var(--text-faint)}.bank-bar{display:flex;gap:2px;height:14px;margin-top:2px}.bank-seg{position:relative;background:var(--res-pop);border-radius:2px;overflow:hidden;opacity:.5}.bank-seg.active{opacity:1;outline:1px solid var(--text-dim)}.bank .bank-seg:last-child{background:var(--res-blue)}.bank-fill{position:absolute;inset:0 auto 0 0;background:var(--surface-2)}.bank-cap{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-num);font-size:9px;font-weight:700;color:var(--bg)}.civBoard{display:flex;flex-direction:column;gap:var(--s-2)}.civ-singletons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-2)}.zone-head{display:flex;gap:var(--s-2);align-items:baseline;margin:0 0 3px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.zone-meta{font-family:var(--font-num);font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-faint)}.zone-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,220px));justify-content:start;gap:var(--s-1)}.zone{border-bottom:1px solid var(--line);padding-bottom:var(--s-2)}.zone:has(.zone-empty) .zone-head{margin-bottom:0;opacity:.6}.zone-empty{margin:0;font-size:10px;color:var(--text-faint);font-style:italic}.ghost{display:grid;place-items:center;min-height:var(--tile-h);border:1px dashed var(--line-strong);border-radius:var(--r-md);font-size:10px;color:var(--text-faint);font-style:italic}.wonder{display:flex;flex-direction:column;gap:2px}.stages{display:flex;gap:2px;font-size:13px;color:var(--fam-wonder)}.stage{opacity:.4}.stage.built{opacity:1}.workerPool{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.pool-pips{display:flex;gap:2px}.pool-pip{color:var(--res-pop)}.pool-pip.protesting{color:var(--text-faint)}.pool-warn{font-size:10px;color:var(--warn)}.cardRow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;align-items:stretch;padding:10px 8px var(--s-1)}.cardRow .card2{width:auto}.handRow{display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:stretch}.card-slot{border:1px dashed var(--line-strong)!important;border-top:1px dashed var(--line-strong)!important;background:transparent!important;box-shadow:none}.card{display:inline-flex;align-items:center;justify-content:center;min-width:84px;height:56px;padding:var(--s-1) var(--s-2);margin:0 6px 6px 0;border-radius:var(--r-md);background:var(--face-civil);color:var(--ink-civil);font-size:13px;font-weight:600;text-align:center;border:2px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.card:hover{transform:translateY(-2px)}.card.back{background:repeating-linear-gradient(45deg,#24435f,#24435f 6px,#1b344c 6px 12px);color:#7fa3c4;cursor:default}.card.back:hover{transform:none}.card.selected{border-color:var(--warn)}.card.static{cursor:default}.playerRow{display:flex;gap:var(--s-4);flex-wrap:wrap}.player{background:var(--surface-1);border-radius:var(--r-md);padding:10px 14px;min-width:150px;border:2px solid transparent}.player.actor{border-color:var(--ok)}.player .who{font-weight:700}.player .sub{color:var(--text-dim);font-size:12px;margin-top:2px}.ticker{font-family:var(--font-num);font-size:12px;color:var(--text-dim);background:#0c0f13;border-radius:var(--r-md);padding:10px var(--s-3);max-height:160px;overflow-y:auto}.verify-pass{color:var(--ok);font-size:20px;font-weight:800}.verify-fail{color:#fc8181;font-size:20px;font-weight:800}