:root{--bg:#14181f;--panel:#1c222c;--panel-2:#232b37;--line:#313c4c;--text:#e6ecf3;--muted:#8b97a7;--accent:#f0a500;--card:#2a323f;--card-line:#3a4658;--gem-y:#e3b53a;--gem-g:#2f9e57;--gem-b:#3d7fe0;--gem-r:#e0503d;--rail-w:224px;--actions-w:236px;--slot-h:50px;--dbl-h:56px;--tab-pad:8px;--p1:#4db6c9;--p2:#e58fc4;--p3:#d9a44a;--p4:#9b8cff;--bg-deep:#0d1015;--inset:#1a2029;--inset-deep:#11151c;--on-accent:#1a1205;--sel-bg:#2a2410;--you-bd:#5a5230;--worker-bg:#2f3a4b;--worker-line:#5a6b82;--worker-fg:#aebccf;--hatch-1:#222a35;--hatch-2:#262f3b;--slot-open-fg:#cfe3ff;--slot-open-bd:#3a597f;--vp:#9fd6ab;--ok-fg:#7fd89a;--warn:#eaa589;--danger:#d9534f;--build:#3f6a47;--build-2:#5a9a66;--tier-low-bd:#7d6a33;--tier-low-fg:#e6cf87;--tier-high-bd:#86473a;--tier-x-bd:#a23b2c;--tier-x-fg:#ff9a7a;--tier-x-bg:#2a1714;--chip-free-bg:#1f3326;--chip-low-bg:#33301d;--chip-high-bg:#33201b}body[data-theme=parchment]{--bg:#e8dcc2;--panel:#f5efdf;--panel-2:#e9ddc4;--line:#cbb893;--text:#3b3526;--muted:#8a7c5d;--accent:#c77d1a;--card:#fbf7ec;--card-line:#d2c19c;--bg-deep:#d6c6a3;--inset:#e1d4b8;--inset-deep:#d1c19d;--on-accent:#fff7e8;--sel-bg:#f1e2bb;--you-bd:#c0a25a;--worker-bg:#d8c8a8;--worker-line:#a8926c;--worker-fg:#5a4d33;--hatch-1:#e0d3b6;--hatch-2:#d6c7a6;--slot-open-fg:#2f6a4a;--slot-open-bd:#82ad8c;--vp:#2f7a47;--ok-fg:#2f7a47;--warn:#b35c23;--danger:#bf3c2e;--build:#5a9168;--build-2:#79ab86;--tier-low-bd:#b59a52;--tier-low-fg:#8a6a1c;--tier-high-bd:#c08a63;--tier-x-bd:#bf3c2e;--tier-x-fg:#9a2e1f;--tier-x-bg:#f1d8cf;--chip-free-bg:#dcebd5;--chip-low-bg:#f0e6c4;--chip-high-bg:#f3ddcd}body[data-theme=linen]{--bg:#e6e9ed;--panel:#f5f7f9;--panel-2:#e7ebf0;--line:#c3cad3;--text:#2b3340;--muted:#74808e;--accent:#3b82c4;--card:#ffffff;--card-line:#ced5de;--bg-deep:#d2d7de;--inset:#dde2e8;--inset-deep:#ccd2da;--on-accent:#ffffff;--sel-bg:#dce9f6;--you-bd:#8fb0d6;--worker-bg:#d4dce6;--worker-line:#9aa8ba;--worker-fg:#42525f;--hatch-1:#dde2e8;--hatch-2:#d3d9e1;--slot-open-fg:#2563a8;--slot-open-bd:#9cc0e4;--vp:#2f8050;--ok-fg:#2f8050;--warn:#c2592b;--danger:#c63a32;--build:#4f9468;--build-2:#6fae84;--tier-low-bd:#c0a24f;--tier-low-fg:#8a6a1c;--tier-high-bd:#cf9070;--tier-x-bd:#c63a32;--tier-x-fg:#9c2c25;--tier-x-bg:#f4dad6;--chip-free-bg:#d8edde;--chip-low-bg:#f1e7c8;--chip-high-bg:#f6ddd2}body[data-theme=sage]{--bg:#e2e8dd;--panel:#f1f5ed;--panel-2:#e3eadd;--line:#bcc8b2;--text:#2e3a2c;--muted:#74806c;--accent:#c2762f;--card:#fafcf7;--card-line:#c8d2bd;--bg-deep:#cdd7c6;--inset:#dbe2d4;--inset-deep:#c8d2c0;--on-accent:#fff6ea;--sel-bg:#ece3c6;--you-bd:#a7b58f;--worker-bg:#cfd8c4;--worker-line:#94a385;--worker-fg:#46523c;--hatch-1:#dbe2d4;--hatch-2:#d1dac9;--slot-open-fg:#2f6a4a;--slot-open-bd:#82ad8c;--vp:#2f7a3f;--ok-fg:#2f7a3f;--warn:#b35c23;--danger:#bf3c2e;--build:#4f9460;--build-2:#6fae78;--tier-low-bd:#b59a52;--tier-low-fg:#856610;--tier-high-bd:#c08a63;--tier-x-bd:#bf3c2e;--tier-x-fg:#96281c;--tier-x-bg:#eed7cf;--chip-free-bg:#d6ebd2;--chip-low-bg:#eee5c0;--chip-high-bg:#f1dccd}body[data-theme=stone]{--bg:#e8e6e1;--panel:#f4f2ec;--panel-2:#e7e4dc;--line:#c8c3b7;--text:#33312b;--muted:#7f7a6e;--accent:#d98c1f;--card:#fbfaf6;--card-line:#d0ccc0;--bg-deep:#d6d3cb;--inset:#e0ddd5;--inset-deep:#d0ccc2;--on-accent:#33240a;--sel-bg:#f0e6c8;--you-bd:#c6ab64;--worker-bg:#d7d3c8;--worker-line:#a39d8c;--worker-fg:#4f4a3e;--hatch-1:#e0ddd5;--hatch-2:#d6d2c8;--slot-open-fg:#2f6a4a;--slot-open-bd:#82ad8c;--vp:#2f7a47;--ok-fg:#2f7a47;--warn:#b85c25;--danger:#bf3c2e;--build:#549167;--build-2:#73ab84;--tier-low-bd:#bba156;--tier-low-fg:#876714;--tier-high-bd:#c0895f;--tier-x-bd:#bf3c2e;--tier-x-fg:#96281c;--tier-x-bg:#efd9d0;--chip-free-bg:#dbe9d3;--chip-low-bg:#f0e7c6;--chip-high-bg:#f2dccd}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.4 ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}#root{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.devbar{flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:6px 12px;background:var(--bg-deep);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.devbar strong{color:var(--text);font-weight:600}.devbar .group{display:flex;align-items:center;gap:6px}.devbar button{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:3px 9px;cursor:pointer;font-size:12px}.devbar button.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}.devbar .spacer{flex:1}.devbar .dim{font-size:11px}.shell{flex:1 1 auto;min-height:0;display:grid;gap:8px;padding:8px;grid-template-columns:1fr var(--rail-w);grid-template-areas:"main rail"}body.actions-side .shell{grid-template-columns:var(--actions-w) 1fr var(--rail-w);grid-template-areas:"actions main rail"}body.no-rail .shell{grid-template-columns:1fr;grid-template-areas:"main"}body.no-rail.actions-side .shell{grid-template-columns:var(--actions-w) 1fr;grid-template-areas:"actions main"}body.no-rail .rail{display:none}.main{grid-area:main;min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px}.panel h2{margin:0;padding:6px 10px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}.panel h2 .note{font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted)}.topstrip{flex:0 0 auto;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:8px 12px}.topstrip .round{font-size:15px;font-weight:700}.turnorder{display:flex;align-items:center;gap:4px;color:var(--muted)}.turnorder .p{padding:2px 8px 2px 6px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line);display:inline-flex;align-items:center;gap:5px}.turnorder .p.active{background:var(--accent);color:var(--on-accent);font-weight:700;border-color:var(--accent)}.turnorder .p.fp .pdot:after{content:"★"}.turnorder .sep{color:var(--line)}.pdot{width:9px;height:9px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;font-size:8px;color:#000}.pdot.s1{background:var(--p1)}.pdot.s2{background:var(--p2)}.pdot.s3{background:var(--p3)}.pdot.s4{background:var(--p4)}.yourturn{margin-left:auto;padding:4px 12px;border-radius:8px;background:var(--accent);color:var(--on-accent);font-weight:700}.final-round{padding:4px 12px;border-radius:8px;background:#c4452f;color:#fff;font-weight:800;letter-spacing:.03em;text-transform:uppercase;font-size:13px;box-shadow:0 0 #c4452f8c;animation:finalRoundPulse 1.4s ease-in-out infinite}@keyframes finalRoundPulse{0%,to{box-shadow:0 0 #c4452f80}50%{box-shadow:0 0 0 6px #c4452f00}}.tableaux-wrap{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.tableaux-wrap.final-round{border-color:#c4452f52;box-shadow:0 0 0 1px #c4452f38 inset,0 0 8px #c4452f0d}.tableaux-wrap.final-round>h2{color:#c79b90}.tableaux{flex:1 1 auto;min-height:0;overflow:auto;display:flex;justify-content:safe center;align-items:flex-start;padding:12px}.wall{flex:0 0 auto;display:flex;flex-direction:column;gap:6px;align-items:stretch}.wallrow{position:relative;display:flex;gap:14px;align-items:flex-start}.toptiers{display:flex;flex-direction:column;gap:5px}.tier-bar{display:flex;align-items:center;justify-content:center;gap:7px;height:26px;border-radius:5px;font-size:11px;background:var(--inset);border:1px dashed var(--line);color:var(--muted)}.tier-bar.locked{opacity:.65}.tier-bar.clickable{cursor:pointer;opacity:1}.tier-bar.clickable:hover{box-shadow:0 0 0 2px var(--accent) inset;border-style:solid;border-color:var(--accent)}.tier-bar .bn{font-weight:700;letter-spacing:.03em;color:var(--text)}.tier-bar .vp,.wall-barrier .vp{color:var(--vp);font-weight:700}.wall-barrier{position:absolute;left:0;right:0;z-index:5;height:30px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:5px;cursor:pointer;font-size:11px;color:#f3cccc;background:repeating-linear-gradient(90deg,#5a3030,#5a3030 11px,#4a2828 11px,#4a2828 22px);border:1px solid #884;box-shadow:0 3px 8px #00000073}.wall-barrier:hover{box-shadow:0 0 0 2px var(--accent) inset,0 3px 8px #00000073}.wall-barrier.locked{cursor:default;opacity:.6}.wall-barrier.locked:hover{box-shadow:0 3px 8px #00000073}.wall-barrier .bn{font-weight:700;letter-spacing:.03em}.wall-barrier.b2{top:calc(var(--tab-pad) + 20px)}.wall-barrier.b1{top:calc(var(--tab-pad) + 2 * var(--dbl-h) - 7.5px)}.col{position:relative;flex:0 0 auto;min-width:188px;max-width:340px;display:flex;flex-direction:column;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;overflow:hidden;opacity:.8;transition:opacity .15s ease,box-shadow .15s ease,border-color .15s ease}.col.you{border-color:var(--you-bd)}.col.condensed{min-width:150px}.cstore{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 10px;border-top:1px solid var(--line);background:var(--panel);font-size:12px;color:var(--text)}.cstore .cgroup{display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.cstore .cgroup.cempty{color:var(--muted);font-style:italic}.cstore .cgroup.cfree{color:var(--muted);margin-left:auto}.cstore .cmeep{font-size:15px;line-height:1}.cstore .cmeep.faded{opacity:.35}.meeple{display:inline-block;height:1em;width:auto;fill:currentColor;flex:0 0 auto;vertical-align:middle}.cstore .gem{margin-right:1px}.col.active{opacity:1;border-color:var(--accent);box-shadow:0 4px 16px #f0a50038}.col.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;pointer-events:none;z-index:20;box-shadow:0 0 0 2px var(--accent) inset}.col.overflow{opacity:1;border-color:#e0503d}.col.overflow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;pointer-events:none;z-index:20;box-shadow:0 0 0 2px #e0503d inset;animation:overflowPulse 1.1s ease-in-out infinite}@keyframes overflowPulse{0%,to{box-shadow:0 0 0 2px #e0503d inset}50%{box-shadow:0 0 0 3px #e0503d inset,0 0 14px #e0503d66}}.nameplate .overflowmark{color:var(--warn);font-size:11px;font-weight:700}.tableau{display:flex;flex-direction:column;justify-content:flex-end;gap:5px;padding:var(--tab-pad)}.a1grid{display:grid;grid-template-columns:repeat(4,minmax(max-content,1fr));gap:6px}.a1grid .a1top{grid-column:2 / 4;grid-row:1}.a1grid .a1bl{grid-column:1 / 3;grid-row:2}.a1grid .a1br{grid-column:3 / 5;grid-row:2}.bslot{height:var(--slot-h);border:1px solid var(--card-line);border-radius:7px;background:var(--card);padding:5px 6px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.bslot.empty{background:repeating-linear-gradient(45deg,var(--hatch-1),var(--hatch-1) 6px,var(--hatch-2) 6px,var(--hatch-2) 12px);border-style:dashed;color:var(--muted);align-items:center;justify-content:center;text-align:center}.bslot .formula{display:flex;align-items:center;gap:2px;flex-wrap:nowrap;white-space:nowrap}.bslot .gem{width:15px;height:15px;font-size:10px}.bslot .arrow{color:var(--muted);margin:0 1px;font-weight:700;font-size:11px}.bslot .buildcost{font-size:13px;color:var(--muted)}.bslot .buildcost b{color:var(--text)}.bslot .buildcost .vp{color:var(--vp);font-weight:700;margin-left:3px}.double{height:var(--dbl-h)}.dbl-cards{display:flex;align-items:center;gap:6px}.dbl-card{flex:1;display:flex;align-items:center;justify-content:center;min-width:max-content}.dbl-div{width:1px;align-self:stretch;background:var(--card-line)}.dbl-foot{display:flex;align-items:center;justify-content:space-between}.dbl-badge{font-size:9px;color:var(--muted);border:1px solid var(--card-line);border-radius:4px;padding:0 4px}.bslot.locked{opacity:.5}.bslot.buildtarget{cursor:pointer;border-style:solid;border-color:var(--build);box-shadow:0 0 0 1px var(--build) inset;animation:buildpulse 1.6s ease-in-out infinite}.bslot.buildtarget:hover{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.bslot.buildtarget.selected{border-color:var(--accent);background:var(--sel-bg);box-shadow:0 0 0 2px var(--accent) inset;animation:none}.bslot.buildsource{box-shadow:0 0 0 1px var(--build) inset;cursor:pointer}.bslot.buildsource:hover{box-shadow:0 0 0 2px var(--accent) inset}.bslot.buildsource.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.mcard.buildsource{box-shadow:0 0 0 1px var(--build) inset;cursor:pointer}.mcard.buildsource:hover{box-shadow:0 0 0 2px var(--accent) inset}.mcard.buildsource.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.mcard-slots,.bslot-slots{display:contents}.bslot .slots:not(.dbl),.mcard .slots:not(.dbl){align-self:flex-start}@keyframes buildpulse{0%,to{box-shadow:0 0 0 1px var(--build) inset}50%{box-shadow:0 0 0 2px var(--build-2) inset}}.slots{display:flex;align-items:center;gap:4px}.slot{width:24px;height:18px;flex:0 0 24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;font-weight:700;border:1px solid var(--card-line);background:var(--inset);color:var(--muted)}.slot.owner{border-color:var(--accent);color:var(--accent)}.slot.open{color:var(--slot-open-fg);border-color:var(--slot-open-bd);cursor:pointer}.slot.taken{border:none;color:#10130a;font-weight:800;font-size:9px}.slot.taken.s1{background:var(--p1)}.slot.taken.s2{background:var(--p2)}.slot.taken.s3{background:var(--p3)}.slot.taken.s4{background:var(--p4)}.bslot .slots .slot.open:nth-child(1),.mcard .slots .slot.open:nth-child(1),.act:not(.wide) .slots .slot.open:nth-child(1){border-color:var(--build);color:var(--vp)}.bslot .slots .slot.open:nth-child(2),.mcard .slots .slot.open:nth-child(2),.act:not(.wide) .slots .slot.open:nth-child(2){border-color:var(--tier-low-bd);color:var(--tier-low-fg)}.bslot .slots .slot.open:nth-child(3),.mcard .slots .slot.open:nth-child(3),.act:not(.wide) .slots .slot.open:nth-child(3){border-color:var(--tier-high-bd);color:var(--warn)}.slots.dbl .slot.open:nth-child(2){border-color:var(--tier-high-bd);color:var(--warn)}.slots.dbl .slot.open:nth-child(3){border-color:var(--tier-x-bd);color:var(--tier-x-fg);background:var(--tier-x-bg)}.slots.dbl:after{content:"×2";font-size:8px;color:var(--muted)}.slot.open:hover{background:var(--accent)!important;color:var(--on-accent)!important;border-color:var(--accent)!important}.slots.armed .slot.open{border-color:var(--accent)!important;color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent) inset,0 0 6px #f0a50073}.tier-bar.armed,.wall-barrier.armed{border-color:var(--accent)!important;border-style:solid;box-shadow:0 0 0 2px var(--accent) inset,0 0 8px #f0a50066}.key{border-radius:3px;padding:0 5px;font-size:10px;font-weight:700}.key.free{background:var(--chip-free-bg);color:var(--vp)}.key.low{background:var(--chip-low-bg);color:var(--tier-low-fg)}.key.high{background:var(--chip-high-bg);color:var(--warn)}.board{border-top:1px solid var(--line);padding:8px;background:var(--panel);overflow-x:auto}.grid{display:grid;grid-auto-flow:column;grid-template-rows:24px 24px;gap:3px;width:max-content}.cell{width:24px;height:24px;border:1px dashed var(--card-line);border-radius:5px;display:flex;align-items:center;justify-content:center;background:var(--inset)}.cell.worker{grid-row:1 / span 2;height:auto;border-style:solid;border-color:var(--worker-line);background:var(--worker-bg);color:var(--worker-fg);font-size:26px;line-height:1}.cell.gemcell{border-style:solid}.cell.gemcell.payable{cursor:pointer}.cell.gemcell.payable:hover{box-shadow:0 0 0 2px var(--accent) inset}.cell.gemcell.paysel{box-shadow:0 0 0 2px var(--accent) inset;background:var(--sel-bg)}.cell.gemcell.discardable,.cell.worker.vacatable{cursor:pointer}.cell.gemcell.discardable:hover,.cell.worker.vacatable:hover{box-shadow:0 0 0 2px var(--danger) inset}.cell.gemcell.discarding{box-shadow:0 0 0 2px var(--danger) inset;opacity:.5;background:repeating-linear-gradient(135deg,#3a1f1f,#3a1f1f 4px,#2a1818 4px,#2a1818 8px)}.cell.worker.vacating{box-shadow:0 0 0 2px var(--danger) inset;opacity:.5}.cell.expansion{grid-row:1 / span 2;height:auto;width:26px;border-style:solid;border-color:#5a4a2a;background:repeating-linear-gradient(135deg,#3a3320,#3a3320 5px,#332d1c 5px,#332d1c 10px);color:#d8c389;flex-direction:column;gap:1px;padding:2px 0;cursor:default}.cell.expansion .vp{font-size:8px;color:var(--vp);font-weight:700}.cell.expansion.next{border-color:var(--accent);cursor:pointer}.cell.expansion.next:hover{box-shadow:0 0 0 2px var(--accent) inset}.cell.expansion.locked{opacity:.45}.wbuy{display:flex;gap:4px;padding:6px 8px;border-top:1px solid var(--line);background:var(--inset-deep);overflow-x:auto}.wtile{flex:0 0 auto;min-width:30px;border:1px solid var(--card-line);border-radius:5px;padding:3px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--inset)}.wtile .cost{display:flex;gap:1px;flex-wrap:wrap;justify-content:center;max-width:34px}.wtile .meep{font-size:12px;line-height:1}.wtile .vp{font-size:8px;color:var(--vp);font-weight:700}.wtile.bought{opacity:.5}.wtile.bought .meep:after{content:" ✓";color:var(--ok-fg);font-size:9px}.wtile.buyable{border-color:var(--build);cursor:pointer;background:var(--sel-bg)}.wtile.buyable:hover{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.wtile.selected{border-color:var(--accent);background:var(--sel-bg);box-shadow:0 0 0 2px var(--accent) inset}.wtile.unaffordable,.bslot.unaffordable{opacity:.4;cursor:default}.nameplate{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 10px;border-top:1px solid var(--line);background:var(--inset-deep);font-weight:600}.col.you .nameplate{background:var(--sel-bg)}.nameplate .who{display:inline-flex;align-items:center;gap:6px}.nameplate .turnmark{color:var(--accent);font-size:11px}.bmarker{font-size:10px;font-weight:800;color:var(--on-accent);background:var(--accent);border-radius:4px;padding:1px 6px}.gem{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:11px;font-weight:800;line-height:1;flex:0 0 auto}.gem.y{background:var(--gem-y);border-radius:50%;color:#10130a}.gem.g{background:var(--gem-g);border-radius:2px;color:#06210f}.gem.b{background:var(--gem-b);color:#fff;clip-path:polygon(50% 4%,96% 50%,50% 96%,4% 50%)}.gem.r{background:var(--gem-r);color:#fff;clip-path:polygon(30% 2%,70% 2%,98% 30%,98% 70%,70% 98%,30% 98%,2% 70%,2% 30%)}.gem.sm{width:15px;height:15px;font-size:10px}.gem.xs{width:11px;height:11px;font-size:7px}.bank{flex:0 0 auto}.market{display:grid;grid-template-rows:repeat(2,1fr);grid-auto-flow:column;gap:8px;padding:10px}.mcard{background:var(--card);border:1px solid var(--card-line);border-radius:8px;padding:7px 8px;display:flex;flex-direction:column;gap:6px;min-width:0}.mcard .formula{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.mcard .arrow{color:var(--muted);margin:0 2px;font-weight:700}.mcard.gap{background:transparent;border-style:dashed;opacity:.45;color:var(--muted);justify-content:center;align-items:center;min-height:70px}.mcard.falloff{box-shadow:0 0 0 1px #7a4a4a inset;position:relative}.mcard.falloff:after{content:"falls off ▶";position:absolute;top:-1px;right:-1px;background:#5a3030;color:#f3cccc;font-size:9px;padding:1px 5px;border-radius:0 8px}.bank .colhint{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:4px 10px 0}.actions{grid-area:actions}body:not(.actions-side) .actions{flex:0 0 auto}.actions .body{padding:8px 10px;display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}body.actions-side .actions{display:flex;flex-direction:column;min-height:0}body.actions-side .actions .body{flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;flex:1 1 auto}.act{display:flex;flex-direction:column;gap:5px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:7px 9px;min-width:120px}.act .name{font-weight:600;font-size:12px;display:flex;align-items:center;gap:6px}.act .copyB{display:none}body.dup .act .copyB{display:flex}.act.free{border-style:dashed}.act.fp{border-color:var(--accent)}.act.wide{min-width:210px;flex:1 1 210px}body.actions-side .act,body.actions-side .act.wide{flex:0 0 auto;min-width:0}.act.wide .slots .slot{width:18px}.act.wide .inf{color:var(--muted);align-self:center;margin-left:2px}.compose-dock{flex:0 0 auto;min-height:55px;display:flex}.compose-dock .compose{flex:1 1 auto}.compose{flex:0 0 auto;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--accent);border-radius:10px;padding:8px 12px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.compose .lbl{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.compose .chunk{display:flex;align-items:center;gap:6px}.compose .pill{background:var(--card);border:1px solid var(--card-line);border-radius:6px;padding:2px 6px;display:inline-flex;gap:2px;align-items:center}.compose .stepper{display:flex;align-items:center;gap:4px}.compose .stepper button{width:22px;height:22px;border-radius:5px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer}.compose .arrowto{color:var(--muted)}.compose .hint{color:var(--muted);font-size:11px;font-style:italic}.compose .grow{flex:1}.compose .activation-block{gap:8px;padding:3px 8px;border:1px solid var(--card-line);border-radius:8px;background:#ffffff05}.compose .swap-btn{width:26px;height:26px;padding:0;font-size:15px;line-height:1;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.compose .net-plus .gem,.compose .net-plus{color:var(--ok-fg)}.compose .net-minus .gem,.compose .net-minus{opacity:.8}@keyframes clampFlash{0%{color:var(--warn)}to{color:inherit}}.compose .stepper strong.clamped{animation:clampFlash .5s ease-out}.compose .activation-block.overflowing{border-color:var(--tier-high-bd);background:#86473a1f}.compose .overflow-warn{color:var(--warn);font-size:11px;font-weight:600;white-space:nowrap}.compose .discarded .gem{opacity:.35;filter:grayscale(.6);position:relative}.compose .discarded{position:relative}.compose .discarded:after{content:"";position:absolute;left:-1px;right:-1px;top:50%;height:2px;background:var(--warn);transform:rotate(-12deg);pointer-events:none}.compose .btn{padding:6px 14px;border-radius:7px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer}.compose .btn.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:700}.compose .btn:hover:not(:disabled){border-color:var(--accent)}.compose .btn:disabled{opacity:.5;cursor:default;background:var(--panel-2);color:var(--muted);border-color:var(--line)}.overflow-bar{border-top:2px solid var(--tier-high-bd)}.overflow-bar .pill.ok{color:var(--ok-fg);border-color:var(--build);font-weight:700}.overflow-bar .pill.over{color:var(--warn);border-color:var(--tier-high-bd);font-weight:700}.rail{grid-area:rail;display:flex;flex-direction:column;min-height:0}.rail h2 .rail-toggle{margin-left:auto;padding:0 6px;line-height:1;font-size:15px;background:none;border:none;color:var(--muted);cursor:pointer}.rail h2 .rail-toggle:hover{color:var(--text)}.rail .log{flex:1 1 auto;overflow:auto;min-height:0;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.rail .entry{font-size:12px;padding-bottom:6px;border-bottom:1px solid var(--line)}.rail .entry .who{color:var(--accent);font-weight:600}.rail .entry.sub{color:var(--muted)}.rail .presence{padding:8px 10px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.rail .presence .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3fa45e;margin-right:6px}.rail .presence .dot.away{background:var(--muted)}.shell{user-select:none;-webkit-user-select:none}.shell input,.shell textarea,.shell .log{user-select:text;-webkit-user-select:text}.version-tag{position:fixed;bottom:4px;right:6px;z-index:50;font-size:10px;color:var(--muted);opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none}.theme-switcher{position:fixed;bottom:6px;left:8px;z-index:60;display:flex;align-items:center;gap:6px;padding:4px 7px;border-radius:9px;background:var(--panel);border:1px solid var(--line);box-shadow:0 2px 10px #0000002e;-webkit-user-select:none;user-select:none}.theme-switcher .ts-label{font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-right:2px}.theme-switcher .ts-swatch{width:20px;height:20px;border-radius:50%;cursor:pointer;padding:0;border:2px solid transparent;box-shadow:0 0 0 1px var(--line) inset;position:relative;background:var(--sw-bg);transition:transform .1s ease}.theme-switcher .ts-swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:8px;height:8px;border-radius:50%;background:var(--sw-accent)}.theme-switcher .ts-swatch:hover{transform:scale(1.12)}.theme-switcher .ts-swatch.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}body.colorblind .gem{outline:1px solid rgba(255,255,255,.55);outline-offset:-1px}body.colorblind .gem.y{color:#000}body.colorblind .gem.g{color:#fff}.screen-shell{flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:18px;padding:32px 24px}.screen-body{width:100%;max-width:640px;margin:auto;display:flex;flex-direction:column;gap:18px}.screen-shell h1{margin:0;font-size:22px;font-weight:800;letter-spacing:.02em}.screen-shell .sub{color:var(--muted);font-size:13px}.screen-body .panel{padding:16px}.screen-body .panel-title{margin:0 0 12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.screen-body .input{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:6px 10px;font-size:13px;outline:none}.screen-body .input:focus{border-color:var(--accent)}.screen-body .btn,.screen-body .btn-sm{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:7px;cursor:pointer;font-size:13px}.screen-body .btn{padding:8px 20px;font-weight:600}.screen-body .btn-sm{padding:4px 12px;font-size:12px}.screen-body .btn:hover:not(:disabled),.screen-body .btn-sm:hover:not(:disabled){border-color:var(--accent)}.screen-body .btn.primary,.screen-body .btn-sm.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:700}.screen-body .btn:disabled,.screen-body .btn-sm:disabled{opacity:.5;cursor:default;background:var(--panel-2);color:var(--muted);border-color:var(--line)}.screen-body .seat-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--line)}.screen-body .seat-row:last-child{border-bottom:none}.conn-pill{font-size:11px;padding:3px 10px;border-radius:12px;border:1px solid var(--line);background:var(--panel-2)}.conn-pill.connected{color:var(--ok-fg);border-color:var(--build)}.conn-pill.connecting{color:var(--tier-low-fg);border-color:var(--tier-low-bd)}.conn-pill.disconnected{color:var(--warn);border-color:var(--tier-high-bd)}.gallery{width:100%;max-width:760px;display:flex;flex-direction:column;gap:14px}.gallery .grp{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.gallery .grp h3{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.gallery .row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.gallery .toolbar{display:flex;gap:10px;align-items:center}.gallery .toolbar button{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:5px 12px;cursor:pointer;font-size:12px}.gallery .toolbar button.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}.costbadge{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;background:var(--card);border:1px solid var(--card-line);border-radius:6px}.costbadge.empty{color:var(--muted);font-size:11px}.gameover-title{font-size:26px;font-weight:800;color:var(--accent);margin:0}.score-table{border-collapse:collapse;width:100%;max-width:640px;font-size:13px}.score-table th{padding:6px 10px;border-bottom:2px solid var(--line);color:var(--muted);font-weight:600;text-align:right;white-space:nowrap}.score-table th:nth-child(1),.score-table th:nth-child(2){text-align:left}.score-table td{padding:6px 10px;border-bottom:1px solid var(--line);text-align:right}.score-table td:nth-child(1),.score-table td:nth-child(2){text-align:left}.score-table tr.winner td{color:var(--accent);font-weight:700}.score-table tr.mine td{background:#f0a5000f}.score-table .total{font-size:15px;font-weight:700}.seat-swatch{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:7px;vertical-align:baseline;box-shadow:0 0 0 1px #0003 inset}.leave-btn{padding:10px 28px;border-radius:8px;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:14px;border:none;cursor:pointer}.leave-btn:hover{filter:brightness(1.1)}.gameover-actions{display:flex;gap:12px;align-items:center}.gameover-actions .btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;background:var(--panel-2);color:var(--text);border:1px solid var(--line);cursor:pointer}.gameover-actions .btn:hover{border-color:var(--accent)}.gameover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:32px;background:#0000008c;overflow:auto}.gameover-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;max-width:680px;width:100%;margin:auto;padding:32px 28px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px #00000080}.gameover-close{position:absolute;top:10px;right:12px;width:30px;height:30px;line-height:1;font-size:22px;border-radius:7px;background:transparent;color:var(--muted);border:1px solid transparent;cursor:pointer}.gameover-close:hover{color:var(--text);border-color:var(--line)}.scores-reopen{position:fixed;top:14px;right:16px;z-index:40;padding:8px 16px;border-radius:8px;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:13px;border:none;cursor:pointer;box-shadow:0 4px 14px #00000059}.scores-reopen:hover{filter:brightness(1.1)}.spectator-banner{position:fixed;bottom:14px;left:50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:999px;background:var(--panel,#1b1f2a);color:var(--text);font-size:13px;font-weight:600;border:1px solid var(--line);box-shadow:0 4px 14px #00000059}.round-toast{position:fixed;top:54px;left:50%;transform:translate(-50%);z-index:55;display:flex;align-items:center;gap:8px;padding:9px 20px;border-radius:999px;background:var(--panel,#1b1f2a);color:var(--text);font-size:14px;font-weight:700;letter-spacing:.02em;border:1px solid var(--line);box-shadow:0 6px 20px #0006;pointer-events:none;animation:roundToast 2.2s ease-in-out forwards}.round-toast .rt-mark{color:var(--accent)}@keyframes roundToast{0%{opacity:0;transform:translate(-50%,-8px)}12%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}.skip-btn{padding:3px 10px;border-radius:6px;background:var(--panel-2);color:var(--muted);border:1px solid var(--line);cursor:pointer;font-size:11px}.skip-btn:hover{color:var(--text);border-color:var(--text)}.skip-btn.rail-show,.resign-btn{margin-left:auto}.resign-confirm{margin-left:auto;display:inline-flex;gap:6px}.skip-btn.danger{color:#fff;background:var(--danger);border-color:var(--danger)}.skip-btn.danger:hover{filter:brightness(1.1);color:#fff}