.table{grid-template-columns:1fr calc(var(--u) * 288);grid-template-rows:calc(var(--u) * 40) 1fr;height:100vh;min-height:720px;display:grid}.topbar{align-items:center;gap:calc(var(--u) * 14);padding:0 calc(var(--u) * 14);background:var(--bar-bg);border-bottom:1px solid var(--line);font-size:calc(var(--u) * 13);grid-column:1/-1;display:flex}.topbar .brand{font-family:var(--font-display);letter-spacing:.3em;color:var(--brand);font-weight:800;text-decoration:none}.topbar .spacer{flex:1}.topbar .turn{font-weight:600}.topbar .turn.mine{color:var(--ok)}.dot{width:calc(var(--u) * 8);height:calc(var(--u) * 8);margin-right:calc(var(--u) * 5);background:var(--ink-3);border-radius:50%;display:inline-block}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--danger)}.board{grid-template-rows:calc(var(--u) * 100) calc(var(--u) * 166) calc(var(--u) * 128) calc(var(--u) * 96) 1fr;padding:calc(var(--u) * 6) calc(var(--u) * 12);gap:calc(var(--u) * 6);display:grid;position:relative;overflow:hidden}.row{align-items:center;gap:calc(var(--u) * 10);min-width:0;display:flex}.seat-area{border-radius:var(--radius);padding:calc(var(--u) * 6) calc(var(--u) * 10);background:var(--seat-bg);border:1px solid #0000}.seat-area.active{border-color:var(--active-line);box-shadow:0 0 calc(var(--u) * 18) var(--active-glow) inset}.portrait{width:calc(var(--u) * 120);gap:calc(var(--u) * 4);flex-direction:column;flex:none;display:flex}.portrait .who{font-size:calc(var(--u) * 12);color:var(--ink-2);align-items:center;gap:calc(var(--u) * 6);display:flex}.portrait .who .swatch{width:calc(var(--u) * 10);height:calc(var(--u) * 10);border-radius:2px}.health-score{font-family:var(--font-display);font-size:calc(var(--u) * 28);align-items:center;gap:calc(var(--u) * 6);color:var(--heal);border-radius:calc(var(--u) * 6);padding:0 calc(var(--u) * 4);width:fit-content;font-weight:700;display:flex}.health-score.target{cursor:pointer;outline:calc(var(--u) * 2) dashed var(--attack)}.health-score.locked{opacity:.7}.badge{font-size:calc(var(--u) * 10.5);padding:calc(var(--u) * 1) calc(var(--u) * 7);background:var(--danger-bg);border:1px solid var(--danger-line);color:var(--danger-ink);white-space:nowrap;border-radius:999px}.artifacts{align-items:center;gap:calc(var(--u) * 8);flex:1;min-width:0;display:flex}.stack{--stack-offset:calc(var(--u) * 16);flex:none;align-items:center;display:flex}.stack>.card{z-index:0}.stack>.card:is(.selected,.picked){z-index:1}.stack>.card+.card{margin-left:calc(var(--stack-offset) - var(--w))}.artifacts .wall{width:calc(var(--u) * 7);margin:calc(var(--u) * 6) 0;background:repeating-linear-gradient(180deg, var(--ink-3) 0 calc(var(--u) * 6), transparent calc(var(--u) * 6) calc(var(--u) * 8));opacity:.5;border-radius:1px;align-self:stretch}.artifacts .label{font-size:calc(var(--u) * 9);color:var(--ink-3);text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}.piles{gap:calc(var(--u) * 10);flex:none;display:flex}.pile{align-items:center;gap:calc(var(--u) * 3);font-family:var(--font-display);font-weight:700;font-size:calc(var(--u) * 10);color:var(--ink-3);cursor:pointer;background:0 0;border:none;flex-direction:column;padding:0;display:flex;position:relative}.pile .slot{width:calc(var(--u) * 58);height:calc(var(--u) * 81);border-radius:calc(var(--u) * 6);border:1px dashed var(--line);place-items:center;display:grid;position:relative}.pile .count{bottom:calc(var(--u) * -4);right:calc(var(--u) * -4);background:var(--panel-2);border:1px solid var(--line);padding:0 calc(var(--u) * 5);font-size:calc(var(--u) * 10);color:var(--ink);z-index:3;border-radius:999px;position:absolute}.pile .known{top:calc(var(--u) * -6);left:calc(var(--u) * -6);z-index:3;position:absolute}.pile-breakdown{right:calc(100% + var(--u) * 6);z-index:20;gap:calc(var(--u) * 3);padding:calc(var(--u) * 6) calc(var(--u) * 8);background:var(--panel-2);border:1px solid var(--line);border-radius:calc(var(--u) * 6);box-shadow:var(--shadow);font-family:var(--font-body);font-weight:600;font-size:calc(var(--u) * 11);color:var(--ink);white-space:nowrap;pointer-events:none;flex-direction:column;display:none;position:absolute;top:50%;translate:0 -50%}.pile:is(:hover,:focus-visible) .pile-breakdown{display:flex}.pile-breakdown .row{align-items:center;gap:calc(var(--u) * 5);display:flex}.pile-breakdown .icon{width:calc(var(--u) * 12);height:calc(var(--u) * 12);color:var(--fc)}.pile-breakdown .label{flex:1}.pile-breakdown .n{margin-left:calc(var(--u) * 8);font-variant-numeric:lining-nums tabular-nums}.opp-hand{gap:calc(var(--u) * 2);height:calc(var(--u) * 26);align-items:center;display:flex}.opp-hand .card.back{--w:calc(var(--u) * 18);--h:calc(var(--u) * 26);font-size:calc(var(--u) * 3);border-radius:calc(var(--u) * 3);box-shadow:none;border-width:1px}.market{justify-content:center;align-items:center;gap:calc(var(--u) * 10);display:flex}.market .row-slot{width:calc(var(--u) * 110);height:calc(var(--u) * 154);border-radius:calc(var(--u) * 8);border:1px dashed var(--line);position:relative}.market .sep{width:calc(var(--u) * 10)}.forces{border-radius:var(--radius);background:var(--forces-bg);padding:calc(var(--u) * 6) calc(var(--u) * 10);position:relative}.forces .lane{align-items:center;gap:calc(var(--u) * 8);flex:1;min-width:0;display:flex;overflow:visible}.forces .lane-label{top:calc(var(--u) * 4);left:calc(var(--u) * 10);font-family:var(--font-display);font-weight:700;font-size:calc(var(--u) * 9.5);color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;position:absolute}.pools{gap:calc(var(--u) * 10);flex:none;display:flex}.pool{width:calc(var(--u) * 70);height:calc(var(--u) * 70);border-radius:calc(var(--u) * 10);font-family:var(--font-display);font-size:calc(var(--u) * 28);border:1px solid var(--line);background:var(--pool-bg);flex-direction:column;justify-content:center;align-items:center;font-weight:700;display:flex}.pool-value{place-items:center;display:grid;position:relative}.pool-value>*{grid-area:1/1}.pool-value>span{translate:0 .05em}.pool .sym{--sym:1.5em;width:var(--sym);height:var(--sym);opacity:.25}.pool small{font-family:var(--font-display);font-size:calc(var(--u) * 10);color:var(--ink-2);font-weight:700}.pool.buy{color:var(--buy-ink)}.pool.attack{color:var(--attack)}.pool.tokens{font-size:calc(var(--u) * 16)}.hand-row{align-items:flex-end;gap:calc(var(--u) * 14);min-height:0;display:flex}.hand{justify-content:center;align-items:flex-end;gap:calc(var(--u) * 6);min-width:0;padding-bottom:calc(var(--u) * 6);flex:1;display:flex}.hand .card{transition:translate .12s ease-out}.hand .card:hover{translate:0 calc(var(--u) * -10)}.controls{gap:calc(var(--u) * 6);width:calc(var(--u) * 150);padding-bottom:calc(var(--u) * 8);flex-direction:column;flex:none;display:flex}.controls .btn{justify-content:space-between}.attack-label{align-items:center;gap:calc(var(--u) * 5);display:inline-flex}.attack-target.health{color:var(--heal);font-size:1.25em;line-height:1}.attack-target.sym{--sym:1.35em;width:var(--sym);height:var(--sym)}.prompt-bar{left:50%;bottom:calc(var(--u) * 4);background:var(--panel-2);border:1px solid var(--accent);border-radius:calc(var(--u) * 8);padding:calc(var(--u) * 6) calc(var(--u) * 12);align-items:center;gap:calc(var(--u) * 8);font-size:calc(var(--u) * 13);box-shadow:var(--shadow);z-index:20;display:flex;position:absolute;transform:translate(-50%)}.prompt-bar.forced{border-color:var(--danger)}.prompt-bar .drop-hint{color:var(--accent);font-weight:700}.card-dragging{-webkit-user-select:none;user-select:none;cursor:grabbing}.drop-area{border-radius:var(--radius);outline:calc(var(--u) * 2) dashed var(--accent);outline-offset:calc(var(--u) * -2);pointer-events:none;z-index:18;grid-column:1;position:absolute;inset:0}.drop-area.over{outline-style:solid;outline-width:calc(var(--u) * 3)}.pick-tray{width:max-content;max-width:100%;inset-inline:0;bottom:calc(var(--u) * 52);gap:calc(var(--u) * 6);padding:calc(var(--u) * 6);background:var(--tray-bg);border-radius:calc(var(--u) * 8);z-index:19;margin-inline:auto;display:flex;position:absolute}.strip{z-index:40;gap:calc(var(--u) * 4);background:var(--panel-2);border:1px solid var(--accent);border-radius:calc(var(--u) * 8);padding:calc(var(--u) * 6);box-shadow:var(--shadow);min-width:calc(var(--u) * 150);flex-direction:column;display:flex;position:fixed}.strip .btn{justify-content:space-between;width:100%}.strip .why{font-size:calc(var(--u) * 11);color:var(--ink-2);padding:calc(var(--u) * 2) calc(var(--u) * 4)}.notice{top:calc(var(--u) * 50);z-index:60;background:var(--panel-2);border:1px solid var(--line);border-radius:calc(var(--u) * 8);padding:calc(var(--u) * 8) calc(var(--u) * 14);font-size:calc(var(--u) * 13);box-shadow:var(--shadow);position:fixed;left:50%;transform:translate(-50%)}.notice.error{border-color:var(--danger)}.banner-net{top:calc(var(--u) * 4);z-index:30;background:var(--note-bg);border:1px solid var(--note-line);color:var(--note-ink);padding:calc(var(--u) * 4) calc(var(--u) * 14);font-size:calc(var(--u) * 12);border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.effects{pointer-events:none;z-index:45;position:fixed;inset:0}.fx-gain{font-weight:900;font-size:calc(var(--u) * 18);text-shadow:0 0 4px var(--fx-shadow), 0 0 2px var(--fx-shadow);position:absolute}.fx-fly{font-size:calc(var(--u) * 22);top:0;left:0;translate:-50% -50%}.fx-coin{position:absolute;top:0;left:0;translate:-50% -50%}.fx-coin-axis{perspective:calc(var(--u) * 140);filter:drop-shadow(0 2px 3px var(--fx-shadow));display:block}.fx-coin-spin{--coin:calc(var(--u) * 34);width:var(--coin);height:var(--coin);transform-style:preserve-3d;display:block;position:relative}.fx-coin-rim,.fx-coin-side{border-radius:50%;position:absolute;inset:0}.fx-coin-rim{background:#a87b12}.fx-coin-edge{width:calc(var(--u) * 3.6);margin-left:calc(var(--u) * -1.8);border-radius:calc(var(--u) * 1.8);background:#8a640e;position:absolute;top:0;bottom:0;left:50%;transform:rotateY(90deg)}.fx-coin-side{backface-visibility:hidden}.fx-coin-side.front{transform:translateZ(calc(var(--u) * 2))}.fx-coin-side.back{transform:rotateY(180deg) translateZ(calc(var(--u) * 2));filter:brightness(.72)}.fx-coin-side .sym{--sym:var(--coin);width:var(--sym);height:var(--sym);display:block}.fx-coin-n{color:var(--buy);font-size:calc(var(--u) * 18);white-space:nowrap;top:50%;left:100%;translate:2px -50%}.fx-flash{border-radius:calc(var(--u) * 8);position:absolute}.fx-burst{border-radius:calc(var(--u) * 8);border:3px solid var(--fx-burst);position:absolute}.fx-banner{text-align:center;font-family:var(--font-display);font-size:calc(var(--u) * 42);letter-spacing:.08em;text-shadow:0 0 calc(var(--u) * 20) var(--fx-shadow), 0 0 calc(var(--u) * 6) var(--fx-shadow);font-weight:800;position:absolute;top:40%;left:0;right:0}.gameover{background:var(--scrim);z-index:35;place-items:center;display:grid;position:absolute;inset:0}.gameover .box{background:var(--panel);border:1px solid var(--line);border-radius:calc(var(--u) * 12);padding:calc(var(--u) * 24) calc(var(--u) * 32);text-align:center;gap:calc(var(--u) * 12);font-size:calc(var(--u) * 14);flex-direction:column;display:flex}.gameover h2{font-family:var(--font-display);font-size:calc(var(--u) * 36);margin:0}.confirm-dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:calc(var(--u) * 12);box-shadow:var(--shadow);padding:calc(var(--u) * 20) calc(var(--u) * 28);text-align:center;font-size:calc(var(--u) * 14)}.confirm-dialog::backdrop{background:var(--scrim)}.confirm-dialog h2{margin:0 0 calc(var(--u) * 6);font-family:var(--font-display);font-size:calc(var(--u) * 22)}.confirm-dialog p{margin:0 0 calc(var(--u) * 16)}.confirm-dialog .actions{gap:calc(var(--u) * 8);justify-content:center;display:flex}.lobby{place-items:center;height:100%;display:grid}:is(.artifacts,.pick-tray)>.stack{min-width:calc(var(--u) * 34);flex:0 auto}:is(.artifacts,.pick-tray)>.stack:last-child{flex-shrink:0}:is(.artifacts,.pick-tray)>.stack:hover{z-index:3}.opp-hand .card.back+.card.back{margin-left:calc(var(--u) * -9)}.opp-hand>span{white-space:nowrap;margin-left:calc(var(--u) * 4)}.card{--fc:var(--f-unaligned);--w:calc(var(--u) * 110);--h:calc(var(--u) * 154);width:var(--w);height:var(--h);border-radius:calc(var(--u) * 8);background:linear-gradient(180deg, var(--card-a) 0%, var(--card-b) 100%);border:calc(var(--u) * 2) solid var(--fc);box-shadow:var(--shadow);font-size:calc(var(--u) * 9.5);color:var(--ink);-webkit-user-select:none;user-select:none;flex-direction:column;flex:none;line-height:1.2;display:flex;position:relative;overflow:hidden}.card[data-faction=deep]{--fc:var(--f-deep)}.card[data-faction=brood]{--fc:var(--f-brood)}.card[data-faction=celestial]{--fc:var(--f-celestial)}.card[data-faction=void]{--fc:var(--f-void)}.card.size-lane{--w:calc(var(--u) * 84);--h:calc(var(--u) * 118);font-size:calc(var(--u) * 7.5)}.card.size-mini{--w:calc(var(--u) * 58);--h:calc(var(--u) * 81);font-size:calc(var(--u) * 5.5)}.card.size-zoom{--w:calc(var(--u) * 250);--h:calc(var(--u) * 350);font-size:calc(var(--u) * 17);border-width:calc(var(--u) * 3)}.card.landscape{--w:calc(var(--u) * 150);--h:calc(var(--u) * 82);font-size:calc(var(--u) * 10)}.card.size-hand{--w:calc(var(--u) * 104);--h:calc(var(--u) * 146)}.card:is([data-kind=artifact],[data-kind=fortress]){border-radius:calc(var(--u) * 2);border-style:double;border-width:calc(var(--u) * 4.5);background:linear-gradient(180deg, color-mix(in srgb, var(--fc) 28%, var(--card-a)) 0%, color-mix(in srgb, var(--fc) 12%, var(--card-b)) 100%)}.card.size-zoom:is([data-kind=artifact],[data-kind=fortress]){border-width:calc(var(--u) * 7)}.card:is([data-kind=artifact],[data-kind=fortress]) .foot{background:color-mix(in srgb, var(--fc) var(--artifact-foot-mix), var(--artifact-foot-ground));color:var(--artifact-foot-ink);margin-top:auto}.card[data-kind=fortress] .foot{--course:.6em;background:linear-gradient(var(--brick-line) 1px, transparent 1px) 0 0 / 100% var(--course), conic-gradient(from 270deg at 1px 50%, var(--brick-line) 0 90deg, transparent 0) 0 0 / calc(var(--course) * 3) calc(var(--course) * 2), conic-gradient(from 270deg at 1px 50%, var(--brick-line) 0 90deg, transparent 0) calc(var(--course) * 1.5) var(--course) / calc(var(--course) * 3) calc(var(--course) * 2), color-mix(in srgb, var(--fc) var(--artifact-foot-mix), var(--artifact-foot-ground))}.card.clickable{cursor:pointer}.card.clickable:hover{filter:brightness(1.15)}.card.selected{outline:calc(var(--u) * 3) solid var(--accent);outline-offset:calc(var(--u) * 2)}.card.eligible{outline:calc(var(--u) * 3) dashed var(--accent);outline-offset:calc(var(--u) * 2)}.card.picked{outline:calc(var(--u) * 3) solid var(--ok);outline-offset:calc(var(--u) * 2);translate:0 calc(var(--u) * -8)}.card.dimmed{opacity:.45}.card.spent:not(:hover,:focus-visible){opacity:.6}.card.draggable{touch-action:none}.card.dragging{z-index:50;cursor:grabbing;box-shadow:var(--shadow), var(--shadow);transition:none}.card.pending{filter:brightness(1.3)}.card .head{align-items:center;gap:calc(var(--u) * 3);padding:calc(var(--u) * 3) calc(var(--u) * 4) calc(var(--u) * 2);font-family:var(--font-display);letter-spacing:-.02em;font-size:.9em;font-weight:700;display:flex}.card .head .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.card .cost{--sym:1.8em}.card .band{background-color:var(--fc);height:18%;color:var(--band-ink);box-shadow:inset 0 calc(var(--u) * -1) 0 #0003;flex:none;place-items:center;display:grid}.card[data-faction=celestial] .band{color:var(--band-ink-light)}.card.landscape .band{height:14%}.card .band svg{width:auto;height:70%}.card .text{padding:calc(var(--u) * 3) calc(var(--u) * 4);gap:calc(var(--u) * 2);flex-direction:column;flex:1;font-weight:500;display:flex;overflow:hidden}.rules .sect{gap:calc(var(--u) * 3);align-items:flex-start;display:flex}.rules .sect .mark-box{flex:none;align-items:center;height:1lh;display:flex}.rules .sect:has(>div>.line:first-child .sym) .mark-box{height:1.6em}.rules .sect .mark{width:1.2em;height:1.2em}.rules .sect:is(.ally,.banish){border:max(1px,.1em) solid;border-radius:.35em;gap:.15em;padding:.15em}.card.landscape .sect:is(.ally,.banish){padding-block:0}.rules .sect.ally{border-color:color-mix(in srgb, var(--fc) 70%, transparent);background:color-mix(in srgb, var(--fc) 16%, transparent)}.rules .sect.banish{border-color:color-mix(in srgb, var(--danger) 50%, transparent);background:color-mix(in srgb, var(--danger) 8%, transparent)}.rules .sect.ally .mark{color:var(--fc);filter:drop-shadow(0 0 1px #000000e6)}.rules .sect.banish .mark{color:var(--ink-2)}.rules .sect>div{flex:1;min-width:0}.rules .sect:has(>.mark-box):after{content:"";flex:none;width:1.2em}.rules .line{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25em;display:flex}.rules .or{color:var(--ink-3);font-size:.85em;font-weight:800}.card .foot{padding:calc(var(--u) * 2) calc(var(--u) * 4) calc(var(--u) * 3);color:var(--ink-3);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;font-size:.85em;font-weight:700;display:flex}.card .shield{--sym:2.4em}.card .copying{text-align:center;background:#000000bf;border-radius:3px;padding:1px 3px;font-size:.85em;position:absolute;top:22%;left:4%;right:4%}.card.back{background:repeating-linear-gradient(45deg, var(--back-line) 0 1px, transparent 1px 7px), repeating-linear-gradient(-45deg, var(--back-line) 0 1px, transparent 1px 7px), var(--back-bg);border-color:var(--back-edge)}.card.back:after{content:"M";font-family:var(--font-display);color:var(--back-ink);place-items:center;font-size:2.6em;font-weight:700;display:grid;position:absolute;inset:0}.sym{--sym:1.6em;vertical-align:middle;flex:none;display:inline-block;overflow:visible}.sym text{fill:#fff;font-weight:800;font-family:var(--font-body);font-variant-numeric:lining-nums}.sym.buy .shape{fill:var(--buy);stroke:#a87b12;stroke-width:1.5px}.sym.buy .reed{fill:none;stroke:#a87b12;stroke-width:1.6px;stroke-dasharray:1.1 1.1}.sym.buy .pip{fill:#241a00;stroke:var(--buy);stroke-width:1.2px}.sym.attack .blade{fill:var(--attack)}.sym.attack .fuller{stroke:#c43c3c;stroke-width:1px}.sym.attack .guard{fill:#d94444}.sym.attack .grip{fill:#8a2a2a}.sym.attack .pip{fill:#2a0000;stroke:var(--attack);stroke-width:1.2px}.sym.heal .shape{fill:var(--heal);stroke:#2c9c78;stroke-width:1.2px;stroke-linejoin:round}.sym.heal .pip{fill:#00261a;stroke:var(--heal);stroke-width:1.2px}.sym.artifact .shape{fill:var(--artifact-fill);stroke:var(--artifact-line);stroke-width:1.4px;stroke-linejoin:round}.sym.artifact .lit{fill:var(--artifact-lit)}.sym.artifact .facet{fill:none;stroke:var(--artifact-line);stroke-width:.8px;stroke-linejoin:round}.sym.artifact .pip{fill:var(--artifact-pip);stroke:var(--artifact-line);stroke-width:1.2px}.sym.fortress .shape{fill:var(--fortress-fill);stroke:var(--fortress-line);stroke-width:1.4px;stroke-linejoin:round}.sym.fortress .pip{fill:var(--fortress-pip);stroke:var(--fortress-line);stroke-width:1.2px}.zoom-layer{z-index:50;pointer-events:none;position:fixed}.card.landscape{--strip:calc(var(--u) * 17)}.card.landscape .band{width:var(--strip);height:auto;padding-bottom:calc(var(--u) * 8);align-content:end;position:absolute;top:0;bottom:0;left:0}.card.landscape .band svg{width:62%;height:auto}.card.landscape .head{padding-left:calc(var(--strip) + var(--u) * 3)}.card.landscape .cost{display:none}.card.landscape .foot{top:calc(var(--u) * 2);width:var(--strip);background:0 0;justify-content:center;padding:0;position:absolute;left:0}.card.landscape .foot>span{display:none}.card.landscape .shield{--sym:calc(var(--u) * 14.25)}.card.landscape .text{padding:0 calc(var(--u) * 3) calc(var(--u) * 4) calc(var(--strip) + var(--u) * 3);gap:calc(var(--u) * 2)}.card:not(.size-zoom,.landscape) .band{height:13%}.card[data-kind=follower]:not(.size-zoom) .foot{display:none}.card[data-kind=follower]:not(.size-zoom) .text{padding-bottom:calc(var(--u) * 4)}.card .sect{position:relative}.card .sect.ready{--ready-line:max(1.5px, .16em);cursor:pointer;outline:var(--ready-line) solid var(--primary-line);outline-offset:calc(-1 * var(--ready-line));background:color-mix(in srgb, var(--primary-line) 14%, transparent);border-radius:.35em;animation:1.2s ease-out ability-ready}.card .sect.primary.ready{padding-inline:.2em}.card .sect.banish.ready{outline-color:var(--danger-line);background:color-mix(in srgb, var(--danger-line) 14%, transparent)}.card .sect.ready:is(:hover,:focus-visible){background:color-mix(in srgb, var(--primary-line) 30%, transparent)}.card .sect.banish.ready:is(:hover,:focus-visible){background:color-mix(in srgb, var(--danger-line) 30%, transparent)}.card .sect.ready[aria-disabled=true]{cursor:progress;animation:none}.card .sect-state{width:1.35em;height:1.35em;color:var(--panel);background:var(--ink-2);box-shadow:0 0 0 max(1px, .08em) var(--panel);border-radius:50%;place-items:center;font-size:1em;line-height:1;display:grid;position:absolute;top:-.45em;right:-.35em}.card .sect.primary>.sect-state{top:0;right:0}.card .sect:is(.used,.auto){border-color:color-mix(in srgb, currentColor 18%, transparent)}.card .sect:is(.used,.auto)>:not(.sect-state){opacity:.5}.card .sect.inactive{opacity:.45;border-style:dashed}@keyframes ability-ready{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--primary-line) 80%, transparent)}to{box-shadow:0 0 0 calc(var(--u) * 6) transparent}}.side{border-left:1px solid var(--line);background:var(--side-bg);min-height:0;font-size:calc(var(--u) * 12);flex-direction:column;display:flex;position:relative}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.tabs button{padding:calc(var(--u) * 7) calc(var(--u) * 2);font-size:calc(var(--u) * 11);color:var(--ink-2);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;position:relative}.tabs button.on{color:var(--ink);border-bottom-color:var(--accent)}.tabs .unread{top:calc(var(--u) * 4);right:calc(var(--u) * 4);width:calc(var(--u) * 6);height:calc(var(--u) * 6);background:var(--accent);border-radius:50%;position:absolute}.side-body{padding:calc(var(--u) * 8) calc(var(--u) * 10);flex:1;min-height:0;overflow-y:auto}.log-line{padding:calc(var(--u) * 2) 0;line-height:1.45}.log-line.effect{padding-left:calc(var(--u) * 12);color:var(--ink-2)}.log-line.turn{margin-top:calc(var(--u) * 8);color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;border-top:1px solid var(--line);padding-top:calc(var(--u) * 6);font-size:.85em}.log-line.system{color:var(--accent)}.log-line.undone{opacity:.5;text-decoration:line-through}.log-line .auto{color:var(--ink-3);font-size:.85em}.card-link{cursor:help;border-bottom:1px dotted;font-weight:600}.card-link[data-faction=deep]{color:color-mix(in srgb, var(--f-deep) 75%, var(--ink))}.card-link[data-faction=brood]{color:color-mix(in srgb, var(--f-brood) 75%, var(--ink))}.card-link[data-faction=celestial]{color:color-mix(in srgb, var(--f-celestial) 60%, var(--ink))}.card-link[data-faction=void]{color:color-mix(in srgb, var(--f-void) 75%, var(--ink))}.seat-name[data-seat="0"]{color:var(--seat-0);font-weight:600}.seat-name[data-seat="1"]{color:var(--seat-1);font-weight:600}.new-pill{bottom:calc(var(--u) * 10);position:absolute;left:50%;transform:translate(-50%)}.viewer-group h4{margin:calc(var(--u) * 10) 0 calc(var(--u) * 4);font-family:var(--font-display);font-size:calc(var(--u) * 11);color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}.viewer-controls{gap:calc(var(--u) * 4);margin:calc(var(--u) * 6) 0;flex-direction:column;display:flex}.viewer-controls .faction-toggle{padding:calc(var(--u) * 3) calc(var(--u) * 5);align-items:center;display:inline-flex}.viewer-controls .faction-toggle.on{background:var(--panel)}.viewer-controls .faction-toggle:not(.on){opacity:.35}.faction-toggle-icon{width:calc(var(--u) * 12);height:calc(var(--u) * 12)}.viewer-grid{gap:calc(var(--u) * 14) calc(var(--u) * 8);padding-bottom:calc(var(--u) * 8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.viewer-row{position:relative;container-type:inline-size}.viewer-row .card{--u:calc(100cqw / 110)}.viewer-row .n{left:50%;bottom:calc(var(--u) * -9);padding:calc(var(--u) * 1) calc(var(--u) * 6);background:var(--panel-2);border:1px solid var(--line);box-shadow:var(--shadow);font-weight:600;font-size:calc(var(--u) * 11);font-variant-numeric:lining-nums tabular-nums;border-radius:999px;position:absolute;translate:-50%}.grid-cards{gap:calc(var(--u) * 6);flex-wrap:wrap;display:flex}.setting{gap:calc(var(--u) * 4);margin-bottom:calc(var(--u) * 14);flex-direction:column;display:flex}.setting label{align-items:center;gap:calc(var(--u) * 6);display:flex}.setting .help{color:var(--ink-3);font-size:.9em}.seg{gap:calc(var(--u) * 4);flex-wrap:wrap;display:flex}.seg button{background:var(--panel);border:1px solid var(--line);border-radius:calc(var(--u) * 4);padding:calc(var(--u) * 3) calc(var(--u) * 8);font-size:calc(var(--u) * 11)}.seg button.on{border-color:var(--primary-line);background:var(--primary-bg);color:var(--primary-ink)}.viewer-section:last-child{min-height:100%}.viewer-section h3{margin:calc(var(--u) * 14) 0 calc(var(--u) * 2);padding-top:calc(var(--u) * 6);border-top:1px solid var(--line);font-family:var(--font-display);font-size:calc(var(--u) * 13)}@font-face{font-family:Cinzel;font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/cinzel-latin-DMUuCU8H.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/alegreya-sans-400-latin-DtLlO8BS.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/alegreya-sans-500-latin-DS713u5J.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/alegreya-sans-700-latin-DEbcy2sF.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--u:min(calc(100vw / 1280), calc(100vh / 720));--font-body:"Alegreya Sans", "Segoe UI", system-ui, sans-serif;--font-display:"Cinzel", Georgia, serif;--radius:calc(var(--u) * 8);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e7d8b4;--bg-2:#efe3c4;--panel:#f6eedb;--panel-2:#eadcb8;--line:#b9a178;--ink:#2c2016;--ink-2:#5b4732;--ink-3:#7d6748;--accent:#2c5592;--danger:#a8301f;--ok:#4d7a26;--warn:#b5761a;--brand:#a8301f;--buy:#d9a52e;--buy-ink:#9a6f10;--attack:#c23a2a;--heal:#2d8a5f;--seat-0:#2c5592;--seat-1:#9a3466;--f-deep:#2c5fa0;--f-brood:#2f8051;--f-celestial:#d7aa2a;--f-void:#b9501c;--f-unaligned:#8d7d64;--table-bg:radial-gradient(ellipse 80% 70% at 50% 45%, #f5ecd5 0%, #e8d8b2 55%, #ccb184 100%);--bar-bg:#5a3c191a;--side-bg:#5a3c190f;--seat-bg:#fffaeb59;--forces-bg:#7855231a;--pool-bg:#fffaeb80;--active-line:#4d7a2699;--active-glow:#4d7a2624;--scrim:#3c280f8c;--tray-bg:#3c280f59;--scrubber-bg:#f6eedbf0;--grid-line:#5a3c1924;--shadow:0 calc(var(--u) * 3) calc(var(--u) * 10) #50371447;--primary-bg:#2c5592;--primary-line:#1d3c6b;--primary-ink:#fff;--pulse:#2c5592b3;--danger-bg:#a8301f;--danger-line:#6e1d12;--danger-ink:#fff;--done-bg:#3f6b1f;--done-line:#26450f;--done-ink:#fff;--note-bg:#f3dfa6;--note-line:#b5761a;--note-ink:#7a4a08;--card-a:#fbf5e4;--card-b:#efe2c2;--band-ink:#fff8e6eb;--band-ink-light:#3c280099;--artifact-foot-ink:#fff8e6;--artifact-foot-mix:80%;--artifact-foot-ground:#2c2016;--brick-line:#0006;--back-bg:#7a2419;--back-line:#f0c87840;--back-edge:#4d150e;--back-ink:#f4d696bf;--artifact-fill:#7b4fa8;--artifact-line:#4b2b6e;--artifact-lit:#a27ad0;--artifact-pip:#22102f;--fortress-fill:#6b7790;--fortress-line:#3d475c;--fortress-pip:#2c2016;--fx-damage:#c23a2a80;--fx-heal:#2d8a5f66;--fx-burst:#d9a52e;--fx-shadow:#fff8e6e6;--hatch:#0000004d}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#15171a;--bg-2:#1c1f23;--panel:#202328;--panel-2:#2a2e34;--line:#40464e;--ink:#e8e4dc;--ink-2:#aca69b;--ink-3:#847e74;--accent:#e58a3a;--danger:#dc4b3a;--ok:#97b876;--warn:#e7a33e;--brand:#e58a3a;--buy:#dcb24a;--buy-ink:#dcb24a;--attack:#dc4b3a;--heal:#64bb8e;--seat-0:#7fa9d1;--seat-1:#c98fb0;--f-deep:#3a6fa8;--f-brood:#4a8c52;--f-celestial:#c9a42a;--f-void:#b8552a;--f-unaligned:#7d7a74;--table-bg:radial-gradient(ellipse 60% 55% at 22% 18%, #e58a3a21, transparent 70%), linear-gradient(#ffffff07 1px, transparent 1px) 0 0 / 100% 48px, linear-gradient(90deg, #ffffff06 1px, transparent 1px) 0 0 / 96px 96px, linear-gradient(90deg, #ffffff06 1px, transparent 1px) 48px 48px / 96px 96px, linear-gradient(180deg, #1d2024 0%, #121417 100%);--bar-bg:#00000073;--side-bg:#0000004d;--seat-bg:#ffffff06;--forces-bg:#00000040;--pool-bg:#00000040;--active-line:#e58a3a80;--active-glow:#e58a3a24;--scrim:#08090bc7;--tray-bg:#0009;--scrubber-bg:#181a1ef0;--grid-line:#2b2f35;--shadow:0 calc(var(--u) * 4) calc(var(--u) * 14) #0000008c;--primary-bg:#6b3510;--primary-line:#e58a3a;--primary-ink:#fff0e0;--pulse:#e58a3acc;--danger-bg:#4d1a14;--danger-line:#8f3328;--danger-ink:#fff0e0;--done-bg:#2f5517;--done-line:#97b876;--done-ink:#eef6e4;--note-bg:#3d3412;--note-line:#8a7426;--note-ink:#e7c86a;--card-a:#282b30;--card-b:#191b1f;--band-ink:#0000008c;--band-ink-light:#0000008c;--artifact-foot-ink:var(--ink);--artifact-foot-mix:40%;--artifact-foot-ground:#121417;--brick-line:#00000080;--back-bg:#2b2f35;--back-line:#e58a3a2e;--back-edge:#555b63;--back-ink:#e58a3a8c;--artifact-fill:#6a4691;--artifact-line:#c4a8e2;--artifact-lit:#8a63b5;--artifact-pip:#150a1f;--fortress-fill:#3a465e;--fortress-line:var(--ink-2);--fortress-pip:#0b0f17;--fx-damage:#ff50508c;--fx-heal:#50dca066;--fx-burst:#ffb35c;--fx-shadow:#000;--hatch:#00000061}*{box-sizing:border-box}html,body{background:var(--table-bg);background-color:var(--bg);color:var(--ink);font-family:var(--font-body);background-attachment:fixed;min-width:1280px;height:100%;min-height:720px;margin:0}#root{height:100%}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}.btn{background:var(--panel-2);border:1px solid var(--line);border-radius:calc(var(--u) * 6);padding:calc(var(--u) * 6) calc(var(--u) * 12);font-size:calc(var(--u) * 13);align-items:center;gap:calc(var(--u) * 6);display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent)}.btn.primary{background:var(--primary-bg);border-color:var(--primary-line);color:var(--primary-ink)}.btn.danger{background:var(--danger-bg);border-color:var(--danger-line);color:var(--danger-ink)}.btn.done{background:var(--done-bg);border-color:var(--done-line);color:var(--done-ink);box-shadow:0 0 0 calc(var(--u) * 2) var(--done-line)}kbd{border:1px solid var(--line);color:var(--ink-3);border-radius:3px;padding:0 .35em;font-size:.75em}.btn:is(.primary,.danger,.done) kbd{color:inherit;opacity:.75;border-color:currentColor}.page{max-width:760px;margin:0 auto;padding:48px 16px}.page h1{font-family:var(--font-display);letter-spacing:.08em;margin:0 0 8px;font-size:40px}.page .lead{color:var(--ink-2);margin:0 0 32px}.field{align-items:center;gap:8px;margin:12px 0;display:flex}.field input{background:var(--panel);border:1px solid var(--line);color:var(--ink);font:inherit;border-radius:6px;flex:1;min-width:0;padding:8px 10px}.card-box{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin:16px 0;padding:20px}.muted{color:var(--ink-2)}.small{font-size:13px}.games-list{margin:0;padding:0;list-style:none}.games-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.page.home{text-align:center;max-width:600px}.home .card-box{flex-direction:column;align-items:center;display:flex}.home .field{flex-wrap:wrap;justify-content:center;align-self:stretch}.home .field input{flex:0 240px}.home .check{justify-content:center}.home .card-box>.btn.primary{margin-top:8px;padding:8px 24px;font-size:15px}.home .games-list{text-align:left;align-self:stretch}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.coin-toss{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.coin-toss h2{margin:0}.coin-picks{flex-wrap:wrap;gap:8px;display:flex}.coin{width:72px;height:72px;transform-style:preserve-3d;margin:8px 0;animation:1.2s ease-out both coin-spin-0;position:relative}.coin.side-1{animation-name:coin-spin-1}.coin .face{border:3px solid var(--line);background:var(--panel-2);font-family:var(--font-display);backface-visibility:hidden;border-radius:50%;place-items:center;font-size:28px;display:grid;position:absolute;inset:0}.coin .tails{transform:rotateY(180deg)}@keyframes coin-spin-0{0%{transform:rotateY(0)}to{transform:rotateY(1800deg)}}@keyframes coin-spin-1{0%{transform:rotateY(0)}to{transform:rotateY(1980deg)}}@media (prefers-reduced-motion:reduce){.coin{animation-duration:0s}}.curtain{background:var(--table-bg);background-color:var(--bg);width:100%;color:var(--ink);font:inherit;cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.curtain-name{font-family:var(--font-display);letter-spacing:.04em;font-size:36px}.check{align-items:center;gap:8px;margin:12px 0;display:flex}.seg{border:1px solid var(--line);border-radius:6px;display:inline-flex;overflow:hidden}.seg button{background:var(--panel);font:inherit;color:var(--ink-2);border:0;padding:6px 12px}.seg button+button{border-left:1px solid var(--line)}.seg button.on{background:var(--panel-2);color:var(--ink);font-weight:700}.field select{background:var(--panel);border:1px solid var(--line);color:var(--ink);font:inherit;border-radius:6px;padding:8px 10px}