:root{--ink-rgb:242,237,224;--surface-rgb:20,26,18;--a-04:.04;--a-08:.08;--a-12:.12;--a-14:.14;--a-16:.16;--a-18:.18;--a-30:.30;--a-35:.35;--a-55:.55;--a-80:.80;--ink-04:rgba(var(--ink-rgb),var(--a-04));--ink-08:rgba(var(--ink-rgb),var(--a-08));--ink-12:rgba(var(--ink-rgb),var(--a-12));--ink-18:rgba(var(--ink-rgb),var(--a-18));--ink-30:rgba(var(--ink-rgb),var(--a-30));--ink-55:rgba(var(--ink-rgb),var(--a-55));--ink-80:rgba(var(--ink-rgb),var(--a-80));--surface-12:rgba(var(--surface-rgb),var(--a-12));--surface-30:rgba(var(--surface-rgb),var(--a-30));--surface-55:rgba(var(--surface-rgb),var(--a-55));--surface-80:rgba(var(--surface-rgb),var(--a-80));--ink:rgb(var(--ink-rgb));--surface:rgb(var(--surface-rgb));--dim:var(--ink-55);--line:var(--ink-12);--panel:linear-gradient(0deg,var(--ink-04),var(--ink-04)),var(--surface-80);--accent-rgb:249,122,31;--accent:rgb(var(--accent-rgb));--accent-04:rgba(var(--accent-rgb),var(--a-04));--accent-12:rgba(var(--accent-rgb),var(--a-12));--accent-30:rgba(var(--accent-rgb),var(--a-30));--accent-55:rgba(var(--accent-rgb),var(--a-55));--accent-80:rgba(var(--accent-rgb),var(--a-80));--rust:color-mix(in srgb,var(--accent) 72%,var(--surface));--warm:color-mix(in srgb,var(--accent) 62%,var(--ink));--side-mine-rgb:58,110,205;--side-theirs-rgb:205,58,58;--side-mine-ink:#9ec1ff;--side-theirs-ink:#ff9e9e;--leaf:#3c5a28;--sand:#a8863c;--mist:#4d6470;--rogue:#26222e;--ring:inset 0 0 0 1px var(--ink-18);--ring-soft:inset 0 0 0 1px var(--ink-12);--ring-accent:inset 0 0 0 1px var(--accent);--ring-card:inset 0 0 0 1px var(--surface-30);--ring-hover:inset 0 0 0 1px var(--ink-30);--ring-card-hover:inset 0 0 0 1px var(--surface-55);--ring-selected:inset 0 0 0 2px var(--accent);--ring-focus:inset 0 0 0 2px var(--accent);--ring-warn:inset 0 0 0 1px var(--warm);--ring-focus-inverted:inset 0 0 0 2px var(--surface);--cut:8px;--card-h:clamp(56px,10.4svh,124px);--card-w:calc(var(--card-h) * .716);--hand-scale:1.02;--card-h-hand:calc(var(--card-h) * var(--hand-scale));--card-w-hand:calc(var(--card-w) * var(--hand-scale));--card-h-leader:calc(var(--card-h) * 1.6);--font-body:"Source Sans 3";--font-display:"Anton";--font-body-stack:var(--font-body),"Source Sans 3",system-ui,sans-serif;--font-display-stack:var(--font-display),"Anton",Impact,system-ui,sans-serif;--w-reg:400;--w-mid:600;--w-bold:700;--fs-micro:clamp(8px,.34vw + .50vh,11.5px);--fs-2xs:clamp(8.5px,.34vw + .52vh,11px);--fs-xs:clamp(9.5px,.40vw + .60vh,12.5px);--fs-sm:clamp(10.5px,.45vw + .68vh,14px);--fs-md:clamp(12px,.50vw + .75vh,15.5px);--fs-lg:clamp(13.5px,.60vw + .90vh,19px);--fs-xl:clamp(22px,1.40vw + 1.80vh,44px);--ls-micro:.18em}html{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}body,html{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font-body-stack);font-weight:var(--w-reg);font-size:var(--fs-md);line-height:1.35;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}button{cursor:pointer;font-weight:var(--w-mid)}.wordmark,h1{font-family:var(--font-display-stack);font-weight:var(--w-reg);font-size:var(--fs-xl);line-height:1.05;letter-spacing:.01em}.as-head>span,.bn-state,.bn-who,.btn,.counter,.cs-head>span,.micro,.pcfg legend,.pv-meta,.zonelabel{font-size:var(--fs-micro);font-weight:var(--w-bold);text-transform:uppercase;letter-spacing:var(--ls-micro);line-height:1.2}.actionsheet,.banner,.boardhalf,.btn,.cardframe,.chainstack,.counter,.cs-entry,.db-body,.db-chip,.db-io textarea,.db-panel,.db-search input,.handstrip,.lb-act,.lb-code,.lb-head,.lb-list,.lb-lock,.lb-pip,.lb-row,.manualmenu,.pcfg,.pileviewer,.preview,.sb-chat,.sb-chatinput input,.sb-chatlog li,.sb-log,.sb-log li,.setup input,.setup select,.sidebar,.su-card,.su-field,.su-hue,.warnbanner{-webkit-clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)))}.btn{--cut:4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--ink-08);color:var(--ink);border:0;box-shadow:var(--ring);padding:5px 10px;text-align:center;cursor:pointer;transition:background .12s ease,box-shadow .12s ease,transform .08s ease}.btn:hover{background:var(--ink-12);box-shadow:var(--ring-hover)}.btn:active{background:var(--ink-18);transform:translateY(1px)}.btn--strong{background:var(--accent);color:var(--surface);box-shadow:none}.btn--strong:hover{background:var(--warm);box-shadow:var(--ring-hover)}.btn--strong:active{background:var(--accent)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn:disabled:hover{background:var(--ink-08);box-shadow:var(--ring)}.btn[aria-disabled=true]{opacity:.5;cursor:default;transform:none}.btn[aria-disabled=true]:hover{background:var(--ink-08);box-shadow:var(--ring)}.btn--strong:disabled:hover{background:var(--accent);box-shadow:none}.cardframe{position:relative}.cf-art{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.cf-art.on{display:block}.cardframe.hasart .cf-stats{position:absolute;left:0;right:0;bottom:0;z-index:2;margin:0;padding:3% 6%;background:var(--surface-80);color:var(--ink);font-weight:var(--w-bold);text-align:right}.cardframe{background:var(--ink);color:var(--surface);box-shadow:var(--ring-card);--cut:clamp(4px,.8vh,9px);aspect-ratio:.716;height:100%;width:auto;max-width:100%;flex:0 0 auto;padding:5% 7%;box-sizing:border-box;overflow:hidden;font-size:var(--fs-xs);line-height:1.25;display:flex;flex-direction:column;gap:2px;transition:transform .15s ease}.cardframe.rested{transform:rotate(90deg) scale(.82)}.cardframe.back{background-image:repeating-linear-gradient(45deg,var(--ink-12),var(--ink-12) 4px,var(--ink-04) 4px,var(--ink-04) 8px)}.cardframe.back,.cardframe.chakratoken{background-color:var(--surface);background-size:cover;background-position:50%;background-repeat:no-repeat}.cardframe.chakratoken{width:100%;height:auto;background-image:repeating-linear-gradient(45deg,var(--ink-18),var(--ink-18) 4px,var(--ink-08) 4px,var(--ink-08) 8px)}.cf-name{font-size:var(--fs-xs)}.cf-name,.cf-stats{font-weight:var(--w-bold)}.cf-stats{color:var(--rust)}.cf-stats.up,.pv-stats.up{color:var(--accent)}.cf-stats.up:after,.pv-stats.up:after{content:" \2191"}.cf-stats.down:after,.pv-stats.down:after{content:" \2193"}.cf-traits{color:var(--surface-55)}.cf-effect,.cf-traits{font-size:var(--fs-2xs)}.cf-effect{color:var(--surface-80);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}.cf-traits{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.cardframe.silenced{background:var(--ink-55)}.cardframe.silenced .cf-art{filter:saturate(.15)}.cf-silenced{position:absolute;top:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;width:1.35em;height:1.35em;font-size:var(--fs-2xs);font-weight:var(--w-bold);line-height:1;background:var(--surface-80);color:var(--ink)}.cardframe.silenced .cf-name{padding-left:1.5em}.slotpos{position:absolute;display:flex;align-items:center;justify-content:center}.handcard.highlight,.handcard.sel,.slotpos.highlight{cursor:pointer;filter:drop-shadow(0 0 6px var(--accent))}.handcard.highlight .cardframe,.handcard.sel .cardframe,.slotpos.highlight .cardframe{box-shadow:var(--ring-selected)}.handcard.staged .cardframe,.slotpos.staged .cardframe{box-shadow:inset 0 0 0 3px var(--accent),inset 0 0 22px var(--accent-30)}.handcard.staged,.slotpos.staged{filter:drop-shadow(0 0 10px var(--accent-80))}.boardhalf{position:relative;flex:1 1;min-height:0;aspect-ratio:2.1/1;width:auto;max-width:100%;max-height:calc(100cqw / 2.1);align-self:center;background-size:cover;background-position:50%;overflow:hidden;--cut:clamp(10px,1.8vh,22px);box-shadow:var(--ring);transition:box-shadow .35s ease,filter .35s ease}.boardhalf.idle{box-shadow:var(--ring-soft),inset 0 0 0 999px var(--surface-55);filter:saturate(.6)}.boardhalf.active{box-shadow:var(--ring),inset 0 0 0 2px var(--accent-55),inset 0 0 26px var(--accent-12)}.boardhalf.active:before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 2px var(--accent-80),inset 0 0 34px var(--accent-12);opacity:0;animation:turn-breath 2.6s ease-in-out infinite}@keyframes turn-breath{0%,to{opacity:0}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.boardhalf{transition:none}.boardhalf.active:before{animation:none;opacity:0}}.zonelabel{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--ink-30);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;text-shadow:0 1px 2px var(--surface-80)}.zonelabel--area{font-size:var(--fs-lg);color:var(--ink-12)}.counter{position:absolute;transform:translateX(-50%);white-space:nowrap;--cut:5px;background:var(--surface-80);box-shadow:var(--ring-soft);color:var(--ink);padding:2px 6px;pointer-events:none}.setup{max-width:720px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:16px}.pcfg{--cut:12px;border:0;box-shadow:var(--ring-soft);background:var(--ink-04);padding:12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.db-io textarea,.db-search input,.lb-code,.sb-chatinput input,.setup input,.setup select,.su-field{--cut:6px;background:var(--ink-04);color:var(--ink);border:0;box-shadow:var(--ring-soft);padding:6px 8px}.db-io textarea,.db-search input,.lb-code,.su-field{width:100%;box-sizing:border-box;background:var(--surface-80);box-shadow:var(--ring)}.db-io textarea:disabled,.db-search input:disabled,.lb-code:disabled,.sb-chatinput input:disabled,.setup input:disabled,.setup select:disabled,.su-field:disabled{opacity:.45;cursor:default}.setup>.btn--strong{padding:8px 16px;align-self:flex-start}.village{padding:6px 12px;color:var(--ink)}.su-hue.leaf,.village.leaf,.village.leaf:hover{background:var(--leaf)}.su-hue.sand,.village.sand,.village.sand:hover{background:var(--sand);color:var(--surface)}.su-hue.mist,.village.mist,.village.mist:hover{background:var(--mist)}.su-hue.rogue,.village.rogue,.village.rogue:hover{background:var(--rogue)}.village:hover{box-shadow:var(--ring-hover)}.village.sel{box-shadow:var(--ring-selected);filter:drop-shadow(0 0 5px var(--accent))}.warnbanner{--cut:10px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent);padding:10px 12px;color:var(--warm);font-size:var(--fs-sm)}.table{--gap-panel:8px;max-width:1400px;margin:0 auto;padding:8px;height:100svh;box-sizing:border-box;overflow:hidden;display:flex;align-items:stretch;gap:var(--gap-panel);background:url(/backgrounds/general.webp) 50%/cover no-repeat fixed}.table:before{content:"";position:fixed;inset:0;background:var(--surface-30);pointer-events:none}.table>*{position:relative}.btn.danger{background:rgba(var(--side-theirs-rgb),var(--a-18));box-shadow:inset 0 0 0 1px rgba(var(--side-theirs-rgb),var(--a-55));color:var(--side-theirs-ink)}.btn.danger:active,.btn.danger:hover{background:rgba(var(--side-theirs-rgb),var(--a-30));box-shadow:inset 0 0 0 1px rgba(var(--side-theirs-rgb),var(--a-80))}.concede-confirm{color:var(--dim);grid-column:1/-1}.concede-confirm,.playfield{display:flex;gap:6px;align-items:center}.playfield{flex:1 1 auto;min-width:0;flex-direction:column;height:100%;min-height:0;container-type:inline-size}.playfield>.banner,.playfield>.handstrip{width:min(100%,900px);box-sizing:border-box}.banner{flex:0 0 auto;flex-wrap:wrap;--cut:12px;background:var(--panel);box-shadow:var(--ring-soft);padding:6px 12px;font-size:var(--fs-sm)}.banner,.bn-lead{display:flex;gap:8px;align-items:center}.bn-lead{min-width:0}.bn-state{color:var(--accent);flex:0 0 auto}.bn-hint:before,.bn-who:before{color:var(--ink-30);margin-right:8px;letter-spacing:0}.bn-who:before{content:"·"}.bn-hint:before{content:"—"}.bn-hint{color:var(--dim);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bn-turn{color:var(--dim);font-size:var(--fs-xs);margin-left:auto}.bn-life{display:flex;align-items:center;gap:12px}.bn-side{display:flex;align-items:baseline;gap:5px}.bn-name{color:var(--dim);font-size:var(--fs-xs)}.bn-hp{font-size:var(--fs-lg);font-weight:var(--w-bold);line-height:1}.bn-side.mine .bn-hp{color:var(--side-mine-ink)}.bn-side.theirs .bn-hp{color:var(--side-theirs-ink)}.bn-acts{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.banner .toast{color:var(--warm)}.handstrip{align-items:flex-end;--hand-count:6;--hand-card-w:var(--card-w-hand);--hand-gap:calc(var(--card-w) * .08);--hand-lift:calc(var(--card-h) * .14);--hand-step:clamp(calc(var(--hand-card-w) * .16),calc((100cqw - var(--hand-card-w)) / max(1, var(--hand-count) - 1)),calc(var(--hand-card-w) + var(--hand-gap)));--cut:12px;container-type:inline-size;padding:6px;justify-content:safe center;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;background:var(--panel);box-shadow:var(--ring-soft);min-height:calc(var(--card-h-hand) + 12px + var(--hand-lift));box-sizing:border-box}.handcard,.handstrip{flex:0 0 auto;display:flex}.handcard{position:relative;align-items:center;justify-content:center;width:var(--hand-card-w);height:var(--card-h-hand);transition:transform .12s ease}.handcard+.handcard{margin-left:calc(var(--hand-step) - var(--hand-card-w))}.handcard.highlight,.handcard.sel,.handcard:hover{z-index:5}.handcard:hover{transform:translateY(calc(-1 * var(--hand-lift)))}.handcard.highlight,.handcard.sel{transform:translateY(calc(-1 * var(--hand-lift) * .55))}.actionrail{width:clamp(148px,14vw,208px);min-width:0;overflow:hidden;justify-content:flex-end;padding-bottom:calc(var(--card-h-hand) + 18px)}.actionrail,.actionsheet{flex:0 0 auto;display:flex;flex-direction:column}.actionsheet{max-height:100%;z-index:30;--cut:12px;background:var(--panel);box-shadow:var(--ring);padding:10px;gap:6px;max-height:42vh;overflow-y:auto;filter:drop-shadow(0 14px 30px var(--surface-80))}.as-head{display:flex;justify-content:space-between;align-items:center;color:var(--dim)}.as-opt{text-align:left;text-transform:none;letter-spacing:normal;font-size:var(--fs-sm);font-weight:var(--w-mid)}.as-opt:hover{background:var(--ink-12);box-shadow:var(--ring-hover)}.as-confirm{display:flex;align-items:center;gap:8px;padding:6px 2px}.as-confirm>span{flex:1 1;color:var(--dim)}.as-note,.as-why{display:block;margin-top:3px;font-size:var(--fs-xs);font-weight:var(--w-mid);line-height:1.3}.as-note{color:var(--warm)}.as-why{color:var(--dim);font-style:italic}.as-opt--off:hover{background:var(--ink-08);box-shadow:var(--ring)}.as-none{color:var(--dim);margin:4px}.chainstack{flex:0 0 auto;--cut:12px;background:var(--panel);box-shadow:var(--ring-soft);padding:8px;margin-bottom:var(--gap-panel);max-height:28vh;overflow-y:auto;display:flex;flex-direction:column;gap:4px;box-sizing:border-box}.cs-head{display:flex;justify-content:space-between;align-items:baseline;gap:6px;color:var(--dim)}.cs-list{margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.cs-entry{list-style:none;display:flex;align-items:baseline;gap:6px;--cut:6px;padding:4px 6px;font-size:var(--fs-xs);line-height:1.3}.cs-entry.mine{color:var(--side-mine-ink);background:rgba(var(--side-mine-rgb),var(--a-16));box-shadow:inset 0 0 0 1px rgba(var(--side-mine-rgb),var(--a-35))}.cs-entry.theirs{color:var(--side-theirs-ink);background:rgba(var(--side-theirs-rgb),var(--a-14));box-shadow:inset 0 0 0 1px rgba(var(--side-theirs-rgb),var(--a-30))}.cs-ord{flex:0 0 auto;font-weight:var(--w-bold);opacity:var(--a-55)}.cs-name{flex:1 1 auto;font-weight:var(--w-mid)}.cs-who{flex:0 0 auto;font-size:var(--fs-2xs);opacity:var(--a-80)}.cs-negated .cs-name{text-decoration:line-through}.cs-flag{flex:0 0 auto;font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--warm)}.cs-after{color:var(--dim);background:var(--ink-08);box-shadow:var(--ring-soft)}.sidebar{flex:0 0 290px;min-width:0;background:var(--panel);box-shadow:var(--ring-soft);font-size:var(--fs-sm);display:flex;flex-direction:column;gap:8px;box-sizing:border-box}.preview,.sidebar{--cut:12px;padding:10px}.preview{background:var(--ink);color:var(--surface);box-shadow:var(--ring-card);min-height:var(--card-h-leader);flex:0 0 auto}.preview-empty{display:flex;align-items:center;justify-content:center;color:var(--dim);background:var(--surface-30);box-shadow:var(--ring-soft)}.pv-name{font-weight:var(--w-bold);font-size:var(--fs-lg);line-height:1.15}.pv-meta{color:var(--surface-55)}.pv-stats{color:var(--rust);font-weight:var(--w-bold);margin:4px 0}.pv-traits{color:var(--surface-55);font-size:var(--fs-xs);margin-bottom:4px}.pv-silenced{margin-top:6px;padding:4px 8px;color:var(--rust);background:var(--surface-12);box-shadow:var(--ring-card);font-size:var(--fs-xs);font-weight:var(--w-mid);line-height:1.35}.pv-effect{font-size:var(--fs-sm);margin-top:4px;line-height:1.4}.pv-timing{display:block;font-size:var(--fs-xs);color:var(--surface-55);font-style:normal;text-transform:uppercase;letter-spacing:.12em}.pv-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.pv-chip{display:inline-block;padding:1px 6px;background:var(--ink-08);box-shadow:var(--ring);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;font-style:normal}.pv-chip--keyword{color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.sb-tabs{display:flex;gap:4px;flex:0 0 auto}.sb-tabs .btn{--cut:6px;flex:1 1;background:var(--ink-04);color:var(--dim);padding:6px}.sb-tabs .btn:hover{background:var(--ink-08)}.sb-chat{display:flex;flex-direction:column;flex:1 1;min-height:0;--cut:10px;background:var(--surface-30);box-shadow:var(--ring-soft);padding:4px;box-sizing:border-box}.sb-chatlog{flex:1 1;overflow-y:auto;margin:0;padding:0 2px}.sb-chatinput{display:flex;gap:4px;margin-top:6px}.sb-chatinput input{flex:1 1}.sb-controls{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;flex:0 0 auto}.sb-log{margin:0;padding:4px;flex:1 1;overflow-y:auto;min-height:0;box-sizing:border-box;--cut:10px;background:var(--surface-30);box-shadow:var(--ring-soft)}.sb-chatlog li,.sb-log li{list-style:none;margin:3px 0;padding:3px 8px;--cut:6px;max-width:88%;width:-moz-fit-content;width:fit-content;line-height:1.35}.sb-chatlog .mine,.sb-log .mine{margin-left:auto;text-align:right;color:var(--side-mine-ink);background:rgba(var(--side-mine-rgb),var(--a-16));box-shadow:inset 0 0 0 1px rgba(var(--side-mine-rgb),var(--a-35))}.sb-chatlog .theirs,.sb-log .theirs{margin-right:auto;text-align:left;color:var(--side-theirs-ink);background:rgba(var(--side-theirs-rgb),var(--a-14));box-shadow:inset 0 0 0 1px rgba(var(--side-theirs-rgb),var(--a-30))}.sb-chatlog .neutral,.sb-log .neutral{margin:3px auto;text-align:center;color:var(--dim)}.sb-log .priv{color:var(--dim)}.sb-log .manual{color:var(--warm)}.sb-log .tone-combat{font-weight:var(--w-mid)}.sb-log .tone-system{font-style:italic;opacity:var(--a-80)}.manualmenu{position:fixed;z-index:40;--cut:10px;background:var(--panel);box-shadow:var(--ring);padding:6px;display:flex;flex-direction:column;gap:4px;max-width:min(90vw,260px);filter:drop-shadow(0 10px 24px var(--surface-80))}.manualmenu .btn{text-align:left}.deckbuilder{--gap-panel:8px;--db-col-min:136px;--db-card-h:calc(var(--db-col-min) / .716);height:100svh;box-sizing:border-box;background:var(--surface);overflow:hidden;padding:var(--gap-panel)}.db-col,.deckbuilder{display:flex;gap:var(--gap-panel)}.db-col{flex-direction:column;min-height:0;min-width:0}.db-col--left{flex:none;width:300px}.db-col--main{flex:1 1 auto}.db-col--right{flex:none;width:320px}.db-panel{background:var(--panel);padding:12px;display:flex;flex-direction:column;gap:8px}.db-body,.db-panel{--cut:12px;box-shadow:var(--ring-soft)}.db-body{flex:1 1 auto;min-height:0;overflow-y:auto;background:var(--ink-04);padding:14px}.db-cardbox{display:flex;justify-content:center;height:var(--db-card-h)}.db-title{font-family:var(--font-display-stack);font-weight:var(--w-reg);text-transform:uppercase;color:var(--ink)}.db-chip{--cut:4px;display:inline-block;color:var(--ink-80);box-shadow:var(--ring);padding:4px 10px}.db-chip--warn{color:var(--warm)}.db-filters{display:flex;gap:4px}.db-filters .btn{flex:1 1}.db-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(var(--db-col-min),1fr))}.db-results{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.db-scroll{flex:1 1 auto;min-height:0;overflow-y:auto}.db-entry{flex-direction:column}.db-entry,.db-step{display:flex;gap:4px}.db-stats,.db-step{align-items:center}.db-stats{display:flex;gap:14px;flex-wrap:wrap}.db-stats b{color:var(--warm);font-weight:inherit}.db-effect{font-size:var(--fs-sm);line-height:1.4}.db-rules{color:var(--dim);font-size:var(--fs-xs);line-height:1.4}.db-acts{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.db-back{margin:0 auto}.db-back,.sc-back{display:block;color:var(--dim)}.sc-back{margin:8px auto 0}.db-spacer,.lb-spacer{flex:1 1 auto}.db-panel--grow{flex:1 1 auto;min-height:0}.deckbuilder .micro{color:var(--dim)}.db-nameline{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.db-leaderrow{display:flex;gap:14px;align-items:flex-start}.db-leaderrow .db-rules{flex:1 1;min-width:0}.db-picks{display:flex;gap:8px;flex-wrap:wrap}.db-io{display:flex;flex-direction:column;gap:6px}.db-io textarea{min-height:92px;resize:vertical;display:block}.db-cardpick{display:block;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer}.deckbuilder[aria-busy=true] .db-cardpick{opacity:.45;cursor:default}.db-issues{max-height:7.5em;overflow-y:auto}.db-issues p{margin:0 0 .35em}.db-cardpick[aria-checked=true]{filter:drop-shadow(0 0 6px var(--accent))}.db-cardpick[aria-checked=true] .cardframe{box-shadow:var(--ring-selected)}.db-step .micro{flex:1 1 auto;text-align:center}.db-offcolor{opacity:.45}.lobbies{--gap-panel:8px;--lb-cols:minmax(220px,2fr) minmax(140px,1.2fr) minmax(110px,1fr) minmax(90px,.8fr) minmax(200px,1.4fr);height:100svh;min-height:700px;box-sizing:border-box;overflow:hidden;background:var(--surface);display:flex;flex-direction:column;gap:var(--gap-panel);padding:var(--gap-panel)}.lobbies .micro{color:var(--dim)}.lb-head{flex:none;--cut:12px;background:var(--panel);box-shadow:var(--ring-soft);padding:12px 18px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.lb-title{font-family:var(--font-display-stack);font-weight:var(--w-reg);font-size:var(--fs-lg);letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}.lobbies .lb-back{color:var(--dim);transition:color .12s ease}.lobbies .lb-back:hover{color:var(--accent)}.lb-actions{flex:none;display:flex;gap:var(--gap-panel);flex-wrap:wrap}.lb-act{flex:1 1 380px;min-width:0;--cut:12px;background:var(--panel);box-shadow:var(--ring-soft);padding:12px 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lb-act .btn{flex:none}.lb-act-note{color:var(--dim)}.lb-act-note,.lb-code{font-size:var(--fs-sm)}.lb-code{flex:1 1 auto;min-width:0;padding:9px 12px;text-transform:uppercase;letter-spacing:.08em}.lb-filters{flex:none;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.lb-list{flex:1 1 auto;min-height:0;overflow-y:auto;--cut:12px;background:var(--ink-04);box-shadow:var(--ring-soft);padding:10px;display:flex;flex-direction:column;gap:8px}.lb-cols,.lb-row{display:grid;grid-template-columns:var(--lb-cols);grid-gap:12px;gap:12px;align-items:center}.lb-cols{padding:2px 16px}.lb-row{--cut:8px;background:var(--panel);box-shadow:var(--ring-soft);padding:12px 16px}.lb-room{flex-direction:column;gap:3px}.lb-nameline,.lb-room{display:flex;min-width:0}.lb-nameline{align-items:center;gap:8px}.lb-name{font-size:var(--fs-md);font-weight:var(--w-mid);color:var(--ink);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-lock{--cut:3px;flex:none;display:inline-block;box-shadow:var(--ring);padding:2px 7px}.lobbies .lb-lock{color:var(--warm)}.lb-host{display:flex;flex-direction:column;gap:3px;min-width:0}.lb-hostname{font-size:var(--fs-sm);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobbies .lb-rules{color:var(--ink-80)}.lb-players{display:flex;align-items:center;gap:8px;min-width:0}.lb-pip{--cut:2px;flex:none;width:6px;height:6px;background:var(--accent)}.lb-seats{font-size:var(--fs-sm);font-weight:var(--w-bold);color:var(--ink)}.lb-acts{display:flex;justify-content:flex-end;gap:6px}.lb-empty{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px;text-align:center}.lb-empty-title{font-family:var(--font-display-stack);font-weight:var(--w-reg);font-size:var(--fs-lg);letter-spacing:.02em;text-transform:uppercase;color:var(--ink-55)}.lb-empty-note{font-size:var(--fs-sm);color:var(--dim)}.signup{min-height:100svh;box-sizing:border-box;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:28px}.signup .micro{color:var(--dim)}.signup .su-msg--warn{color:var(--warm)}.signup .su-msg--ok{color:var(--ink-80)}.signup .su-msg--fine{color:var(--ink-30)}.signup .su-chosen{color:var(--accent)}.signup .su-link{color:var(--ink-80);transition:color .12s ease}.signup .su-link:hover{color:var(--accent)}.su-brand{display:flex;align-items:baseline;gap:14px}.signup .wordmark{font-size:var(--fs-lg);letter-spacing:.05em}.su-card{width:min(1060px,100%);box-sizing:border-box;--cut:12px;background:var(--panel);box-shadow:var(--ring-soft);display:grid;grid-template-columns:minmax(320px,1fr) minmax(380px,1.15fr);grid-gap:34px;gap:34px;padding:34px 38px 30px}.su-form,.su-side{display:flex;flex-direction:column;min-width:0}.su-form{gap:14px}.su-side{gap:12px}.su-title{margin:0 0 6px;font-family:var(--font-display-stack);font-weight:var(--w-reg);font-size:var(--fs-xl);line-height:1;letter-spacing:.01em;text-transform:uppercase;color:var(--ink)}.su-note{margin:0;font-size:var(--fs-sm);line-height:1.5;color:var(--dim);text-wrap:pretty}.su-group{display:flex;flex-direction:column;gap:5px}.su-field{padding:11px 13px;font-size:var(--fs-sm)}.su-field[aria-invalid=true]{box-shadow:var(--ring-warn)}.su-pwrow{display:flex;gap:6px}.su-pwrow .su-field{flex:1 1 auto;min-width:0}.su-pwrow .btn{flex:none}.su-meter{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.su-bar{flex:none;width:54px;height:3px;background:var(--ink-12)}.su-bar--weak{background:var(--warm)}.su-bar--lit{background:var(--accent)}.su-villages{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.su-villages .btn{--cut:8px;background:var(--surface-80);box-shadow:var(--ring-soft);display:flex;flex-direction:column;align-items:stretch;gap:8px;min-height:118px;padding:14px 16px;text-align:left;text-transform:none;letter-spacing:normal}.su-villages .btn:hover{background:linear-gradient(0deg,var(--ink-08),var(--ink-08)),var(--surface-80);box-shadow:var(--ring-hover)}.su-village-head{display:flex;align-items:center;gap:8px}.su-hue{--cut:3px;flex:none;width:10px;height:10px}.su-village-name{flex:1 1 auto;min-width:0;font-family:var(--font-display-stack);font-weight:var(--w-reg);font-size:var(--fs-md);letter-spacing:.03em;line-height:1;text-transform:uppercase;color:var(--ink)}.su-village-blurb{font-size:var(--fs-xs);font-weight:var(--w-reg);line-height:1.45;color:var(--dim)}.su-rule{height:1px;background:var(--line);margin-top:2px}.su-terms{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.su-terms input{margin:3px 0 0;accent-color:var(--accent)}.su-terms-copy{font-size:var(--fs-xs);line-height:1.5;color:var(--dim)}.su-submit{padding:13px 24px}.su-foot{text-align:center}.autopass .btn.on,.db-acts .btn.on,.db-entry .btn.on,.db-filters .btn.on,.deckorient .btn.on,.lb-filters .btn.on,.sb-tabs .btn.on,.su-villages .btn.on{color:var(--ink);background:var(--ink-12);box-shadow:var(--ring-accent)}.btn:focus-visible,.db-back:focus-visible,.lb-back:focus-visible,.menu .menu-tile:focus-visible,.sc-back:focus-visible,.su-link:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--ring-focus)}.su-field[aria-invalid=true]:focus-visible{box-shadow:var(--ring-focus)}.su-terms input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:none}.btn--strong:focus-visible{box-shadow:var(--ring-focus-inverted)}.autopass .btn.on:focus-visible,.db-acts .btn.on:focus-visible,.db-entry .btn.on:focus-visible,.db-filters .btn.on:focus-visible,.deckorient .btn.on:focus-visible,.lb-filters .btn.on:focus-visible,.sb-tabs .btn.on:focus-visible,.su-villages .btn.on:focus-visible{box-shadow:var(--ring-focus)}@media (max-width:900px){.actionrail{display:contents}.actionsheet{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);width:min(94vw,420px);max-height:50svh}.table{display:block;min-height:100svh;overflow:visible;--card-h:min(clamp(56px,10.4svh,124px),18vw)}.playfield,.table{height:auto}.boardhalf{flex:0 0 auto;width:100%}.sidebar{width:auto;margin-top:var(--gap-panel)}.sb-chat,.sb-log{flex:0 0 auto;height:34svh}.deckbuilder{display:block;height:auto;min-height:100svh;overflow:visible}.db-col--left,.db-col--right{width:auto}.db-col+.db-col{margin-top:var(--gap-panel)}.btn{min-height:32px}.db-back,.lb-back,.sc-back{padding:11px 8px}.su-link{padding:11px 0}.lobbies{display:block;height:auto;min-height:100svh;overflow:visible}.lb-cols{display:none}.lb-row{display:flex;flex-direction:column;align-items:stretch;gap:8px}.lb-acts{justify-content:flex-start}.su-card{grid-template-columns:minmax(0,1fr);gap:22px;padding:26px 22px 24px}.signup{padding:22px 16px}body,html{overflow-x:hidden}}.pv-art{display:block;width:100%;aspect-ratio:.716;object-fit:contain;margin:0 0 8px;background:var(--surface-30)}.deckstack{position:relative;height:100%;aspect-ratio:.716}.deckstack.horizontal{height:calc(100% / .716);transform:rotate(90deg)}.deckstack .deckstack-layer{position:absolute;inset:0;transform:translate(calc(var(--i) * 1.6px),calc(var(--i) * -1.6px));background:var(--surface);box-shadow:var(--ring);-webkit-clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.deckstack .cardframe{position:relative;z-index:1;height:100%;width:100%}.pile-clickable{cursor:pointer}.pile-clickable:hover .cardframe{box-shadow:var(--ring-card-hover)}.pile-clickable:focus-visible .cardframe{box-shadow:var(--ring-focus)}.pile-clickable:focus-visible{outline:none}.pileviewer-scrim{position:fixed;inset:0;z-index:60;display:grid;place-items:center}.pileviewer{--cut:14px;width:min(92vw,760px);max-height:82svh;display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--panel);box-shadow:var(--ring)}.pileviewer-head{display:flex;justify-content:space-between;align-items:center;color:var(--dim)}.pileviewer-grid{display:grid;grid-gap:8px;gap:8px;overflow-y:auto;padding-right:4px;grid-template-columns:repeat(auto-fill,minmax(var(--card-w-hand),1fr))}.pileviewer-cell{height:var(--card-h-hand);display:flex;align-items:center;justify-content:center}.pileviewer-cell .cardframe{transition:transform .15s ease}.pileviewer-cell:hover .cardframe{transform:translateY(-3px);box-shadow:var(--ring-card-hover)}.deckorient{display:flex;gap:6px;align-items:center}.deckorient .micro{color:var(--dim)}.autopass{display:flex;gap:6px;align-items:center}.autopass .micro{color:var(--dim)}