:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cloth:radial-gradient(ellipse 70% 60% at 50% 48%, #ffd6a017, transparent 70%), repeating-linear-gradient(93deg, #ffffff03 0 .15rem, transparent .15rem .9rem), radial-gradient(ellipse at 50% 50%, #3b2d22 0%, #261d16 55%, #110d0a 100%);--bg:#120e0b;--panel:#241d18;--raised:#33291f;--ink:#eee4d3;--muted:#a5967f;--line:#4d4034;--offered:#4fd18f;--selected:#f2b544;--danger:#ef6a5c;--alert:#f2c14e;--yours:#63b3ed;--yours-soft:#63b3ed2e;--combat:#e2574c;--alert-soft:#f2c14e66;--alert-tint:#f2c14e1a;--on-accent:#17110c;--card-w:8.5rem;--left-w:22rem;--side-w:19rem;--banner-bottom:12.5rem;font-family:system-ui,sans-serif}body{background:var(--bg);color:var(--ink);margin:0;overflow-x:clip}html:has(.stage){font-size:min(.833333vw,1.48148dvh)}.stage{background:var(--cloth);grid-template-columns:var(--left-w) minmax(0, 1fr) var(--side-w);padding:max(.8rem, env(safe-area-inset-top)) max(.8rem, env(safe-area-inset-right)) max(.8rem, env(safe-area-inset-bottom)) max(.8rem, env(safe-area-inset-left));box-sizing:border-box;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr) auto;grid-template-areas:"opp opp opp""turn combat stack""me me stack""phases hand actions";gap:.6rem;display:grid;position:fixed;inset:0;overflow:hidden}.play,.board,.battlefield{display:contents}.reconnecting{top:max(.8rem, env(safe-area-inset-top));z-index:40;background:var(--panel);border:1px solid var(--alert);border-radius:999px;margin:0;padding:.35rem .9rem;font-size:.85rem;animation:1.2s ease-in-out infinite alternate reconnecting;position:fixed;left:50%;translate:-50%}@keyframes reconnecting{to{border-color:#0000}}.stage:has(>.play[data-offline]):after{content:"";z-index:30;pointer-events:none;background:#0000004d;position:fixed;inset:0}.turn-bar{grid-area:turn}.opponents{grid-area:opp;grid-template-columns:repeat(var(--opponents), minmax(0, 1fr));gap:.6rem;min-height:0;display:grid}.seat[data-mine]{grid-area:me}.combat{grid-area:combat}.hand{grid-area:hand;justify-content:center;min-width:0;display:flex}.phases{grid-area:phases}.stack-zone{grid-area:stack}.hud-actions{grid-area:actions}.connecting{color:var(--muted);grid-area:1/1/-1/-1;place-self:center}.seat{background:#0000002e;border-radius:.8rem;grid-template-columns:12rem minmax(0,1fr);gap:.6rem;min-width:0;min-height:0;padding:.5rem;display:grid}.seat[data-mine]{background:#0000001f}.seat-side{flex-direction:column;gap:.5rem;min-height:0;display:flex}.permanents{--card-w:min(8.5rem, (100cqh - .5rem) / 2 / 1.2);flex-direction:column;justify-content:center;gap:.5rem;min-width:0;display:flex;container-type:size}.seat:not([data-mine]) .permanents{flex-direction:column-reverse}.hud{top:max(.8rem, env(safe-area-inset-top));right:max(.8rem, env(safe-area-inset-right));z-index:60;flex-direction:column;align-items:flex-end;gap:.4rem;display:flex;position:absolute}.concede{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:.35rem;padding:.2rem .6rem;font-size:.8rem}.concede:hover,.concede[data-armed]{border-color:var(--danger);color:var(--danger)}.concede[data-armed]{background:var(--panel);font-weight:600}.error{color:var(--danger);margin:0;font-size:.85rem}.disclaimer{color:var(--muted);opacity:.7;font-size:.7rem}.phases{background:#00000059;border-radius:.8rem;flex-direction:column;align-self:end;gap:.35rem;padding:.5rem .6rem;display:flex;box-shadow:inset 0 0 0 1px #ffffff0d}.phase-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:.2rem;display:grid}.phase{color:var(--muted);font:inherit;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:.35rem;padding:.3rem .2rem;font-size:.72rem;position:relative;overflow:hidden}.phase:hover{border-color:var(--line);color:var(--ink)}.phase[data-combat]{background:color-mix(in srgb, var(--combat) 10%, transparent)}.phase[aria-pressed=true]:after{content:"";background:var(--offered);border-radius:50%;width:.4rem;height:.4rem;position:absolute;top:.2rem;right:.2rem}.phase[aria-current]{background:var(--yours);border-color:var(--yours);color:var(--on-accent);font-weight:700}.phase[data-combat][aria-current]{background:var(--combat);border-color:var(--combat)}.phase-side,.phase-reason{color:var(--muted);margin:0;font-size:.72rem}.autopass{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:.35rem;padding:.3rem .7rem;font-size:.85rem}.autopass[aria-pressed=true]{border-color:var(--offered);color:var(--offered);font-weight:600}.turn-bar h1{margin:0;font-size:1.1rem}.turn-bar{border-left:.35rem solid #0000;padding-left:.6rem}.turn-bar[data-turn=mine]{border-left-color:var(--yours);background:linear-gradient(90deg, var(--yours-soft), transparent 60%)}.turn-bar[data-turn=mine] h1{color:var(--yours)}.turn-bar[data-turn=theirs] h1{color:var(--muted)}.turn-bar[data-in-combat]{border-left-color:var(--combat)}.combat-flag{background:var(--combat);color:var(--on-accent);text-transform:uppercase;letter-spacing:.05em;border-radius:.6rem;margin-left:.4rem;padding:.05rem .35rem;font-size:.7rem}.turn-detail{color:var(--muted);margin:.2rem 0 .6rem;font-size:.85rem}[data-seat]{--seat:#63b3ed}[data-seat="1"]{--seat:#e8735f}[data-seat="2"]{--seat:#5fcf8a}[data-seat="3"]{--seat:#c79af0}.seat{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--seat) 18%, transparent)}.player-face{border:1px solid color-mix(in srgb, var(--seat) 35%, transparent);width:100%;color:inherit;font:inherit;text-align:left;cursor:default;background:linear-gradient(90deg,#0009,#0000004d);border-radius:2.4rem .8rem .8rem 2.4rem;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.6rem;padding:.4rem .6rem .4rem .4rem;display:grid;position:relative}.avatar{color:#fff;text-shadow:0 .1rem .25rem #0009;background:var(--avatar,none) center / cover, radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--seat) 70%, white), var(--seat) 45%, color-mix(in srgb, var(--seat) 45%, black));width:3.4rem;height:3.4rem;box-shadow:0 0 0 .18rem #17110c, 0 0 0 .3rem color-mix(in srgb, var(--seat) 45%, transparent);border-radius:50%;grid-row:1/3;place-items:center;font-size:1.5rem;font-weight:800;display:grid;position:relative}.player[data-active] .avatar{box-shadow:0 0 0 .18rem #17110c, 0 0 0 .38rem var(--yours), 0 0 1.2rem var(--yours)}.player[data-priority] .avatar:after{content:"";background:var(--alert);width:1rem;height:1rem;box-shadow:0 0 0 .15rem #17110c, 0 0 .6rem var(--alert);border-radius:50%;position:absolute;bottom:-.15rem;right:-.15rem}.player-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.player-life{font-size:1.7rem;font-weight:800;line-height:1}.player-life:before{content:"♥";vertical-align:.2rem;color:var(--danger);margin-right:.3rem;font-size:1.1rem}.player[data-offered] .player-face{cursor:pointer;box-shadow:0 0 0 .18rem var(--offered), 0 0 1.2rem color-mix(in srgb, var(--offered) 55%, transparent)}.player[data-lost]{opacity:.45}.player[data-away] .avatar{filter:grayscale();opacity:.55}.player-away{color:var(--muted);font-weight:400}.mana-pool{flex-wrap:wrap;grid-column:1/-1;gap:.25rem;margin-top:.3rem;display:flex}.mana-pip{--pip:#c9c1b6;color:#17110c;background:radial-gradient(circle at 35% 30%, white, var(--pip) 55%);border-radius:.7rem;place-items:center;min-width:1.35rem;height:1.35rem;font-size:.75rem;font-weight:800;display:grid;box-shadow:0 0 0 .1rem #00000080}.mana-pip[data-mana=W]{--pip:#efe3bd}.mana-pip[data-mana=U]{--pip:#6aa9e9}.mana-pip[data-mana=B]{--pip:#a28fb3}.mana-pip[data-mana=R]{--pip:#ef7a5f}.mana-pip[data-mana=G]{--pip:#6cc070}.mana-pip[data-mana=C]{--pip:#b9b2a8}.piles{align-items:flex-end;gap:.5rem;display:flex}.pile{--pile-w:3rem;width:var(--pile-w);height:calc(var(--pile-w) * 680 / 488);border:1px dashed var(--line);color:inherit;font:inherit;cursor:pointer;background:#00000040;border-radius:.3rem;padding:0;position:relative;box-shadow:.12rem .12rem #17110c,.24rem .24rem #00000080}.pile:disabled{cursor:default;box-shadow:none}.pile.library{cursor:default;border:0}.card-back-face,.pile-face{border-radius:.3rem;width:100%;height:100%;position:absolute;inset:0}.pile-face{object-fit:cover}.pile-count{text-align:center;background:#000000bf;border-radius:.6rem;min-width:1.2rem;padding:0 .3rem;font-size:.75rem;font-weight:700;line-height:1.2rem;position:absolute;bottom:-.4rem;right:-.4rem}.pile[data-kind=exile] .pile-face{opacity:.6}.pile-icon{width:64%;height:56%;color:var(--muted);opacity:.6;position:absolute;inset:22% 18%}.pile[aria-expanded=true]{box-shadow:0 0 0 .15rem var(--selected)}.pile[data-live]{box-shadow:0 0 0 .12rem var(--danger), 0 0 .9rem color-mix(in srgb, var(--danger) 60%, transparent)}.pile-usable{background:var(--danger);color:#fff;text-align:center;border-radius:.65rem;min-width:1.3rem;padding:0 .3rem;font-size:.8rem;font-weight:800;line-height:1.3rem;position:absolute;top:-.45rem;right:-.45rem;box-shadow:0 0 0 .12rem #17110c}.board h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .4rem;font-size:.8rem}.board h3{color:var(--muted);margin:.4rem 0 .3rem;font-size:.8rem;font-weight:400}.cards{flex-wrap:nowrap;gap:.5rem;min-width:0;min-height:1rem;margin:0;padding:0;list-style:none;display:flex}.cards>:last-child{flex-shrink:0}.permanents>.cards{min-height:calc(var(--card-w) * 1.2);flex:none}.card{--card-h:calc(var(--card-w) * 680 / 488 + 3.1rem);width:var(--card-w);height:var(--card-h);isolation:isolate;flex:0 auto;min-width:0;position:relative}.card-face{width:var(--card-w);box-sizing:border-box;background:var(--panel);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform calc(.12s * var(--speed,1)) ease;border:2px solid #0000;border-radius:.4rem;flex-direction:column;padding:.4rem;display:flex;position:absolute;inset:0 auto 0 0;box-shadow:0 .15rem .5rem #00000073}.card[data-live] .card-face{border-color:var(--line);box-shadow:0 0 0 1px var(--line)}.card[data-offered] .card-face{border-color:var(--offered)}.card[data-selected] .card-face{border-color:var(--selected)}.card:hover{z-index:30}.card[data-tapped]{width:var(--card-h)}.card[data-tapped] .card-face{left:calc((var(--card-h) - var(--card-w)) / 2);width:var(--card-w);transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.card-face,.card:hover .card-face{transition:none}}.card img{object-fit:contain;border-radius:.3rem;flex:0 auto;width:100%;min-height:0;display:block}.card-name{margin-top:.2rem;font-size:.8rem;display:block}.card-line,.card-flags{color:var(--muted);font-size:.72rem;display:block}.card-cost,.card-pt,.card-flag{margin-right:.35rem}.card-damage-bar{background:var(--line);border-radius:.2rem;height:.28rem;position:absolute;bottom:.4rem;left:.4rem;right:.4rem;overflow:hidden}.card-damage-bar:after{content:"";width:calc(var(--hurt) * 100%);background:var(--danger);position:absolute;inset:0 auto 0 0}.card-badge{z-index:1;background:var(--selected);color:var(--on-accent);border-radius:.6rem;padding:.1rem .35rem;font-size:.7rem;position:absolute;top:-.4rem;right:-.3rem}.stack-zone{--card-w:9rem;background:#00000038;border-radius:.9rem;align-self:center;min-height:0;max-height:100%;padding:.6rem .8rem .9rem;box-shadow:inset 0 0 0 1px #ffffff0d}.stack-zone[data-busy]{box-shadow:inset 0 0 0 1px var(--alert-soft), 0 0 1.6rem #0006;background:#00000061}.stack-zone h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem;font-size:.75rem}.stack-idle{color:var(--muted);margin:0;font-size:.8rem}.stack{margin:0;padding:0;list-style:none;display:grid}.stack:empty{display:none}.stack-item{width:var(--card-w);height:auto;margin:calc(var(--depth) * 2.6rem) 0 0 calc(var(--depth) * 1.6rem);z-index:calc(50 - var(--depth));grid-area:1/1;align-self:start}.stack-item .card-face{border:.16rem solid var(--line);cursor:default;background:#0b0806;border-radius:.6rem;width:100%;padding:0;position:relative;inset:auto}.stack-item img{border-radius:.45rem}.stack-item[data-side=theirs] .card-face{border-color:var(--danger);box-shadow:0 0 1rem color-mix(in srgb, var(--danger) 45%, transparent)}.stack-item[data-side=mine] .card-face{border-color:var(--yours);box-shadow:0 0 1rem color-mix(in srgb, var(--yours) 45%, transparent)}.stack-item[data-ability] .card-face{border-style:dashed}.stack-item[data-ability] img{aspect-ratio:626/457;object-fit:cover}.stack-kind{background:var(--selected);color:var(--on-accent);text-transform:uppercase;letter-spacing:.05em;border-radius:.5rem;padding:.05rem .45rem;font-size:.7rem;font-weight:700;position:absolute;top:.4rem;left:.4rem}.stack-info{flex-wrap:wrap;gap:.15rem .4rem;padding:.3rem .1rem 0;font-size:.75rem;display:flex}.stack-info .card-name{margin:0;font-weight:700}.stack-who{color:var(--muted)}.stack-targets{color:var(--ink);flex-basis:100%}.stack-ribbon{background:var(--offered);white-space:nowrap;font-weight:700;top:-.6rem;left:50%;right:auto;translate:-50%}.stack-item[data-resolving] .card-face{border-style:dotted}.arrows{z-index:45;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.arrow{fill:none;stroke-width:.35rem;stroke-linecap:round;filter:drop-shadow(0 0 .25rem #000c);opacity:.9}.arrow.target{stroke:var(--selected)}.arrow.choosing{stroke:var(--offered)}.arrow.aiming{stroke:var(--offered);stroke-dasharray:.6rem .5rem;opacity:.75}.arrow.attack{stroke:var(--combat)}.arrowhead.target{fill:var(--selected)}.arrowhead.choosing,.arrowhead.aiming{fill:var(--offered)}.arrowhead.attack{fill:var(--combat)}.recap{background:var(--alert-tint);border:1px solid var(--alert-soft);color:var(--ink);border-radius:.5rem;margin:0;padding:.5rem .7rem;font-size:.8rem}.recap-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.15rem;font-size:.7rem;display:block}.hud-actions{flex-direction:column;justify-content:flex-end;gap:.5rem;min-height:0;display:flex}.action-bar{background:#00000059;border-radius:1rem;flex-direction:column;gap:.45rem;padding:.6rem;transition:box-shadow .15s;display:flex}.action-bar[data-waiting]{box-shadow:0 0 0 .15rem var(--alert), 0 0 1.6rem var(--alert-soft)}.action-bar .primary{color:#fff;min-height:4.2rem;font:inherit;letter-spacing:.02em;cursor:pointer;touch-action:manipulation;background:linear-gradient(#4b8fd0,#2c5e94);border:0;border-radius:.8rem;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.5rem 1rem;font-size:1.5rem;font-weight:800;display:flex;box-shadow:inset 0 .1rem #ffffff40,0 .25rem .8rem #00000080}.action-bar .primary:hover:not(:disabled){filter:brightness(1.12)}.action-bar .primary:active:not(:disabled){translate:0 .1rem}.action-bar .primary:disabled{background:var(--raised);color:var(--muted);cursor:not-allowed;box-shadow:none}.primary-sub{opacity:.85;font-size:.8rem;font-weight:600}.secondary{flex-wrap:wrap;gap:.4rem;display:flex}.secondary button,.card-options button,.triggers button{border:1px solid var(--line);background:var(--raised);color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;border-radius:.6rem;flex:auto;padding:.45rem .7rem;font-size:.9rem}.secondary button:hover,.card-options button:hover,.triggers button:hover{border-color:var(--offered)}.secondary .pass-turn{flex:none;font-size:1.1rem}.pass-turn[aria-pressed=true]{border-color:var(--alert);background:color-mix(in srgb, var(--alert) 25%, var(--raised))}.waiting-for{text-align:center;color:var(--muted);margin:0;padding:1rem .5rem}.prompt-banner{left:50%;bottom:var(--banner-bottom,14rem);z-index:35;text-align:center;background:#120d0ae0;border-radius:.9rem;flex-direction:column;align-items:center;gap:.45rem;max-width:52rem;padding:.55rem 1.1rem;display:flex;position:absolute;translate:-50%;box-shadow:0 .4rem 1.4rem #0000008c}.prompt-banner[data-asking]{box-shadow:0 0 0 .12rem var(--alert), 0 .4rem 1.4rem #0000008c}.question{margin:0;font-size:1.05rem;font-weight:700}.hint{color:var(--muted);margin:0;font-size:.85rem}.card-options,.triggers{flex-wrap:wrap;justify-content:center;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.card-options .primary{border-color:var(--offered);font-weight:700}.prompt{font-weight:600}.menu{position:relative}.volume{align-items:center;gap:.6rem;font-size:.85rem;display:flex}.volume input{accent-color:var(--selected);flex:1}.menu-button{width:2.6rem;height:2.6rem;color:var(--muted);font:inherit;cursor:pointer;background:#00000059;border:1px solid #ffffff1a;border-radius:50%;padding:0;font-size:1.2rem;line-height:1}.menu-button:hover,.menu-button[aria-expanded=true]{background:var(--raised);color:var(--ink)}.menu-status{color:var(--muted);margin:0;font-size:.8rem}.menu-panel .disclaimer{margin:0;line-height:1.3}.menu-panel{z-index:70;border:1px solid var(--line);background:var(--panel);border-radius:.8rem;flex-direction:column;gap:.8rem;width:26rem;max-height:min(56rem,100dvh - 4rem);padding:.9rem 1rem;display:flex;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 1rem 2.5rem #000000b3}.menu-panel h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .4rem;font-size:.75rem}.menu-settings{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.menu-settings h2{flex-basis:100%}.menu-stops{display:none}.menu-log{min-height:0;font-size:.85rem;overflow-y:auto}.log-turn h3{color:var(--ink);margin:.6rem 0 .2rem;font-size:.8rem}.log-turn ol{color:var(--muted);margin:0;padding-left:1.2rem}.menu-actions{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.leave{color:var(--muted);font-size:.85rem}.lobby{box-sizing:border-box;min-height:100dvh;padding:max(1.5rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:var(--cloth);background-attachment:fixed;flex-direction:column;align-items:center;gap:1.2rem;display:flex}.lobby h1{letter-spacing:.04em;margin:0;font-size:2rem}.lobby-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;width:min(100%,44rem);display:flex}.lobby-who{color:var(--muted);margin:0}.lobby-who strong{color:var(--ink)}.link-button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:.2rem;text-decoration:underline}.tables{flex-direction:column;gap:1rem;width:min(100%,44rem);margin:0;padding:0;list-style:none;display:flex}.table-card{border:1px solid var(--line);background:#00000080;border-radius:1rem;flex-direction:column;gap:.7rem;padding:1rem;display:flex;box-shadow:0 .8rem 2rem #0006}.table-head{flex-wrap:wrap;align-items:baseline;gap:.3rem .8rem;display:flex}.table-head h2{margin:0;font-size:1.25rem}.table-status{color:var(--muted);flex:1;font-size:.85rem}.table-seats{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.table-seat{background:color-mix(in srgb, var(--seat) 8%, transparent);border-radius:.7rem;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;padding:.5rem .6rem;display:flex}.table-seat .avatar{flex:none;width:2.6rem;height:2.6rem;font-size:1.2rem}.table-seat:not([data-here]) .avatar{filter:grayscale();opacity:.55}.table-seat-who{flex-direction:column;flex:8rem;min-width:0;display:flex}.table-seat-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.table-seat-presence{color:var(--muted);font-size:.8rem}.table-seat[data-here] .table-seat-presence{color:var(--offered)}.table-seat-deck,.table-seat select{text-transform:capitalize;color:var(--muted);flex:0 11rem}.table-seat select{min-height:2.75rem;font:inherit;border:1px solid var(--line);background:var(--bg);color:inherit;border-radius:.5rem;padding:.3rem .5rem}.seat-link{box-sizing:border-box;color:#fff;text-align:center;background:linear-gradient(#4b8fd0,#2c5e94);border-radius:.6rem;place-items:center;width:10rem;min-height:2.75rem;padding:.4rem .8rem;font-weight:700;text-decoration:none;display:inline-grid}.seat-link:hover{filter:brightness(1.12)}:is(.table-seat:has(.seat-link[data-armed]) .seat-link,.seat-link[data-armed]){background:var(--panel);outline:1px solid var(--danger);color:var(--danger)}.new-table{min-height:2.75rem;font:inherit;background:var(--offered);color:var(--on-accent);cursor:pointer;border:0;border-radius:.6rem;padding:.5rem 1.4rem;font-weight:700}.new-table:disabled{opacity:.6}.name-form{justify-content:center}.name-field{width:min(100%,20rem);color:var(--muted);flex-direction:column;gap:.4rem;display:flex}.name-field input{min-height:2.75rem;font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:.5rem;padding:.4rem .7rem;font-size:1.2rem}.name-form button[type=submit]{min-width:10rem;min-height:2.75rem;font:inherit;background:var(--offered);color:var(--on-accent);cursor:pointer;border:0;border-radius:.6rem;font-weight:700}.name-form button[type=submit]:disabled{opacity:.5;cursor:default}.lobby .hint{text-align:center;max-width:36rem;margin:0}.lobby .disclaimer{text-align:center;margin-top:auto}.waiting-room .lobby-head,.room-seats,.deck-choice{width:min(100%,60rem)}.room-status{color:var(--muted);margin:0}.room-seats{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.room-seat{border:1px solid color-mix(in srgb, var(--seat) 40%, var(--line));background:linear-gradient(180deg, color-mix(in srgb, var(--seat) 10%, #0000008c), #0000008c);text-align:center;border-radius:1rem;flex-direction:column;align-items:center;gap:.6rem;padding:1rem;display:flex}.room-seat[data-ready]{border-color:var(--offered);box-shadow:0 0 .8rem color-mix(in srgb, var(--offered) 35%, transparent)}.room-seat .avatar{width:3.6rem;height:3.6rem;font-size:1.6rem}.room-seat:not([data-here]) .avatar{filter:grayscale();opacity:.55}.room-seat[data-here] .table-seat-presence{color:var(--offered)}.room-seat .table-seat-who{flex:none;align-items:center}.room-seat-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:auto;display:flex}.room-seat-actions button,.add-seat{min-height:2.75rem;font:inherit;border:1px solid var(--line);background:var(--raised);color:inherit;cursor:pointer;border-radius:.5rem;padding:.35rem .9rem}.room-seat-actions .ready{color:#fff;background:linear-gradient(#4b8fd0,#2c5e94);border-color:#0000;min-width:8rem;font-weight:700}.room-seat-actions .ready[aria-pressed=true]{background:var(--offered);color:var(--on-accent)}.room-seat-actions .ready:disabled{background:var(--raised);color:var(--muted);cursor:default}.room-seat-actions .remove-seat{min-width:2.75rem;color:var(--muted);padding:0;font-size:1.3rem}.room-seat.add{background:0 0;border-style:dashed;justify-content:center}.add-seat{border-radius:50%;width:4rem;height:4rem;font-size:2rem;line-height:1}.deck-choice{flex-direction:column;gap:.8rem;display:flex}.deck-choice h2{margin:0;font-size:1.2rem}.deck-choice .hint{text-align:left;max-width:none}.deck-boxes{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.deck-box{border:1px solid var(--line);background:var(--panel);color:inherit;font:inherit;text-align:left;border-radius:.7rem;grid-template-columns:1fr auto;align-content:start;gap:.3rem .5rem;padding:0 0 .6rem;display:grid;overflow:hidden}.deck-box[data-empty]{min-height:6rem;color:var(--muted);text-align:center;background:0 0;border-style:dashed;grid-template-columns:1fr;align-content:center;place-items:center;padding:.6rem}button.deck-box{cursor:pointer;height:100%}button.deck-box:hover{border-color:var(--muted)}.deck-box[aria-pressed=true]{border-color:var(--offered);box-shadow:0 0 0 2px var(--offered)}.deck-art{aspect-ratio:1.37;object-fit:cover;grid-column:1/-1;width:100%;display:block}.deck-name{padding-left:.6rem;font-weight:700}.deck-colors{gap:.2rem;padding-right:.6rem;display:flex}.deck-colors .mana-pip{min-width:1rem;height:1rem}.deck-description{color:var(--muted);grid-column:1/-1;padding:0 .6rem;font-size:.8rem}.deck-description:first-letter{text-transform:uppercase}.room-seat .deck-box{width:100%}.room-seat .deck-description{display:none}.deck-list{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,16rem);gap:.5rem 1.2rem;display:grid}.deck-list h3{grid-column:1/-1;margin:0;font-size:1rem}.deck-list ul{columns:2 12rem;margin:0;padding:0;list-style:none}.deck-list li button{width:100%;min-height:2rem;color:inherit;font:inherit;text-align:left;cursor:default;background:0 0;border:0;border-radius:.35rem;gap:.5rem;padding:.2rem .4rem;display:flex}.deck-list li button[aria-current=true],.deck-list li button:hover{background:var(--raised)}.deck-count{min-width:1.5rem;color:var(--muted);text-align:right}.deck-reading{flex-direction:column;align-self:start;gap:.5rem;display:flex;position:sticky;top:1rem}.deck-reading img{border-radius:4.75%/3.5%;width:100%;display:block}.deck-reading p{margin:0}.deck-card-status{white-space:nowrap;color:var(--muted);border:1px solid var(--line);border-radius:.3rem;align-self:center;margin-left:auto;padding:0 .4rem;font-size:.75rem}.deck-card-status[data-status=blocked]{color:var(--danger);border-color:var(--danger)}.deck-card-problem{color:var(--muted);font-size:.85rem}.deck-box[data-waiting] .deck-art{filter:grayscale()brightness(.7)}.deck-box[data-waiting]:disabled{cursor:not-allowed;opacity:.6}.deck-waiting{color:var(--danger);grid-column:1/-1;padding:0 .6rem;font-size:.8rem}.decks{flex-direction:column;gap:.8rem;width:min(100%,44rem);display:flex}.decks-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.decks-head h2{margin:0;font-size:1.4rem}.deck-form{border:1px solid var(--line);background:var(--panel);border-radius:.7rem;flex-direction:column;gap:.7rem;padding:1rem;display:flex}.deck-form label{color:var(--muted);flex-direction:column;gap:.3rem;display:flex}.deck-form input,.deck-form textarea{min-height:2.75rem;font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:.5rem;padding:.4rem .7rem}.deck-form textarea{resize:vertical;font-family:ui-monospace,monospace;font-size:.9rem}.lobby .deck-form .hint{text-align:left}.deck-problems{margin:0;padding-left:1.2rem}.deck-form-actions,.deck-throw-away{align-items:center;gap:1rem;display:flex}@media (width<=40rem){.deck-list{grid-template-columns:1fr}.deck-reading{justify-self:center;max-width:16rem}}.overlay{z-index:90;animation:overlay-in calc(.5s * var(--speed,1)) ease-out both;background:radial-gradient(at 50% 45%,#00000073,#000c);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.overlay-panel{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel), #17110c);text-align:center;border-radius:1.2rem;flex-direction:column;align-items:center;gap:1rem;min-width:min(28rem,100%);padding:2rem 2.5rem;display:flex;box-shadow:0 1.5rem 4rem #000000b3}.overlay-title{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:4rem;font-weight:800}.overlay[data-outcome=victory] .overlay-title{color:var(--selected);text-shadow:0 0 2rem color-mix(in srgb, var(--selected) 60%, transparent)}.overlay[data-outcome=defeat] .overlay-title,.overlay[data-outcome=lost] .overlay-title{color:var(--danger)}.overlay[data-outcome=lost] .overlay-title{font-size:2.2rem}.overlay-text{color:var(--muted);margin:0;font-size:1.1rem}.overlay-actions{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.overlay-actions button,.overlay-link{border:1px solid var(--line);background:var(--raised);min-height:2.75rem;color:var(--ink);font:inherit;cursor:pointer;border-radius:.7rem;place-items:center;padding:.4rem 1.3rem;font-weight:700;text-decoration:none;display:inline-grid}.overlay-actions button{color:#fff;background:linear-gradient(#4b8fd0,#2c5e94);border-color:#0000}.game-over{color:#fff;min-height:2.75rem;font:inherit;cursor:pointer;background:linear-gradient(#4b8fd0,#2c5e94);border:0;border-radius:.8rem;font-weight:800;box-shadow:0 .25rem .8rem #00000080}.overlay-actions button.quiet{border-color:var(--line);background:var(--raised);color:var(--ink)}@keyframes overlay-in{0%{opacity:0}}.card-counters{flex-wrap:wrap;gap:.2rem;margin-top:.2rem;display:flex}.card-counter{background:var(--offered);color:var(--on-accent);border-radius:.5rem;padding:.05rem .3rem;font-size:.68rem;font-weight:600}.combat{--duel-w:5.5rem;border-block:2px dashed color-mix(in srgb, var(--combat) 45%, transparent);min-width:0;padding:.4rem 0;container-type:inline-size}.combat h3{color:var(--combat);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .3rem;font-size:.75rem}.duels{--card-w:max(2.4rem, min(var(--duel-w), (100cqw - (var(--duels) - 1) * .8rem) / var(--duels) / 1.25));flex-wrap:nowrap;justify-content:safe center;align-items:flex-start;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}.duel{flex-direction:column;flex:0 auto;align-items:safe center;gap:.3rem;min-width:0;display:flex}.duels>:last-child{flex-shrink:0}.duel[data-mine]{flex-direction:column-reverse}.duel-line{color:var(--ink);text-align:center;white-space:nowrap;background:#00000073;border-radius:.7rem;margin:0;padding:.1rem .55rem;font-size:.75rem}.duel .cards:empty{display:none}.card.ghost{pointer-events:none}.card.ghost .card-face{opacity:.4;filter:grayscale();border-color:var(--line);border-style:dashed}.ghost-badge{background:var(--muted)}.drawer{z-index:35;box-sizing:border-box;background:var(--panel);border:1px solid var(--line);border-radius:.6rem;flex-direction:column;grid-area:hand;align-self:end;gap:.3rem;min-width:0;height:calc(100% + 2.5rem);padding:.4rem .6rem .5rem;display:flex;box-shadow:0 .5rem 1.5rem #0009;container-type:size}.drawer>.cards{--card-w:calc((100cqh - 2.4rem) * 488 / 680);scrollbar-width:thin;flex:1;align-items:center;min-height:0;overflow:auto hidden}.drawer .card{--card-h:calc(var(--card-w) * 680 / 488);flex-shrink:0}.drawer .card-face{background:0 0;border:0;border-radius:.4rem;padding:0}.drawer .card[data-live] .card-face,.drawer .card[data-offered] .card-face{box-shadow:0 0 0 .16rem var(--offered)}.drawer .card[data-selected] .card-face{box-shadow:0 0 0 .16rem var(--selected)}.drawer-title{color:var(--muted);justify-content:space-between;align-items:center;gap:.6rem;margin:0;font-size:.75rem;display:flex}.drawer-close{border:1px solid var(--line);background:var(--raised);width:1.6rem;height:1.6rem;color:var(--ink);font:inherit;cursor:pointer;border-radius:50%;padding:0;line-height:1}.flying{z-index:55;object-fit:cover;transform-origin:0 0;pointer-events:none;border-radius:.4rem;position:absolute;box-shadow:0 .6rem 1.4rem #0009}.floater{z-index:58;pointer-events:none;color:#fff;-webkit-text-stroke:.06rem #000000b3;text-shadow:0 .15rem .5rem #000c;white-space:nowrap;font-size:2rem;font-weight:900;position:absolute}.floater[data-kind=loss],.floater[data-kind=damage]{color:#ff7a6b}.floater[data-kind=gain]{color:#7ff0a8}.floater[data-player]{-webkit-text-stroke:.08rem #000c;font-size:3.4rem}.impact{z-index:57;pointer-events:none;background:radial-gradient(circle,#fff5dcf2 0%,#ffaa5acc 22%,#ef6a5c73 45%,#0000 70%);border-radius:50%;width:6rem;height:6rem;position:absolute}.hurt-veil{z-index:56;pointer-events:none;background:radial-gradient(#0000 45%,#c81e148c 100%);position:fixed;inset:0}.floater[data-kind=counter]{color:var(--selected);font-size:1.3rem}.turn-banner{z-index:65;pointer-events:none;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 .2rem .8rem #000000b3;background:linear-gradient(90deg,#0000,#000000bf 20% 80%,#0000);padding:.8rem 4rem;font-size:2.6rem;font-weight:900;position:absolute;top:46%;left:50%}.turn-banner[data-mine=true]{color:var(--yours)}.announce{z-index:64;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute}.announce img{aspect-ratio:488/680;object-fit:cover;width:16rem;box-shadow:0 0 0 .2rem var(--seat,var(--line)), 0 0 2.5rem color-mix(in srgb, var(--seat,#fff) 60%, transparent), 0 1.5rem 3rem #000000bf;border-radius:.8rem}.announce-caption,.announce-targets{text-align:center;background:#000c;border-radius:999px;max-width:24rem;margin:0;padding:.3rem 1rem}.announce-caption{font-size:1.15rem;font-weight:800}.announce-targets{color:#ff9a8b;font-size:.95rem}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card-blank{aspect-ratio:5/7;background:linear-gradient(160deg, var(--raised), var(--panel));border:1px dashed var(--line);min-height:0;color:var(--muted);text-align:center;border-radius:.3rem;flex:auto;justify-content:center;align-items:center;padding:.3rem;font-size:.8rem;display:flex}.card-flag.token{color:var(--selected)}.hosted{isolation:isolate;flex:0 auto;min-width:0;list-style:none;position:relative}.hosted:hover{z-index:30}.hosted>.cards:first-child{z-index:1;position:relative}.attachments{z-index:0;position:absolute;top:-1.8rem;left:.9rem}.card{--frame:var(--line)}.card[data-color=W]{--frame:#e8dcb5}.card[data-color=U]{--frame:#4f93d8}.card[data-color=B]{--frame:#8a72a0}.card[data-color=R]{--frame:#dc5a3e}.card[data-color=G]{--frame:#4e9c55}.card[data-color=multi]{--frame:#d8b04c}.card[data-color=colorless]{--frame:#8f8a85}.card.tile{--card-h:calc(var(--card-w) * 1.2)}.tile .card-face{border:.16rem solid var(--frame);background:#0b0806;border-radius:.55rem;padding:0}.tile .card-art{object-fit:cover;object-position:50% 30%;border-radius:.4rem;width:100%;height:100%;position:absolute;inset:0}.tile .card-blank{aspect-ratio:auto;color:var(--ink);background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--frame) 35%, transparent), transparent 70%), linear-gradient(160deg, var(--raised), #0b0806);border:0;border-radius:.4rem;align-items:flex-start;padding-top:25%;font-size:.85rem;position:absolute;inset:0}.tile .card-name{color:#fff;text-shadow:0 1px 2px #000;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000000e0 60%);border-radius:0 0 .4rem .4rem;margin:0;padding:1.1rem .45rem .3rem;font-size:.72rem;font-weight:600;line-height:1.15;position:absolute;inset:auto 0 0;overflow:hidden}.tile .card-face:has(.card-pt,.card-loyalty) .card-name{padding-right:2.6rem}.tile .card-line{z-index:1;position:absolute;bottom:-.35rem;right:-.35rem}.tile .card-pt{color:var(--ink);background:var(--panel);border:.14rem solid var(--frame);border-radius:.45rem;margin:0;padding:.05rem .4rem;font-size:.85rem;font-weight:700;display:block;box-shadow:0 .1rem .3rem #0009}.card-loyalty{text-align:center;color:#fff;border:.14rem solid var(--frame);clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);background:linear-gradient(#3a3530,#15120f);min-width:1.6rem;padding:.1rem .35rem .3rem;font-weight:800;display:inline-block}.tile .card-loyalty{font-size:.9rem;display:block}.tile .card-flags{gap:.2rem;display:flex;position:absolute;top:.25rem;left:.3rem}.tile .card-flag{color:var(--ink);background:#000000b3;border-radius:.3rem;margin:0;padding:0 .25rem;font-size:.6rem}.tile .card-flag.token{color:var(--selected)}.tile .card-counters{flex-direction:column;align-items:flex-end;margin:0;position:absolute;top:.25rem;right:.3rem}.tile .card-damage-bar{pointer-events:none;background:0 0;border-radius:.4rem;height:auto;inset:0}.tile .card-damage-bar:after{width:auto;height:calc(var(--hurt) * 100%);border-bottom:.2rem solid var(--danger);background:linear-gradient(#0000,#e23c328c);inset:auto 0 0}.tile[data-live] .card-face{border-color:var(--frame);box-shadow:0 0 0 .12rem #ffffff40}.tile[data-offered] .card-face{border-color:var(--frame);box-shadow:0 0 0 .18rem var(--offered), 0 0 1.1rem color-mix(in srgb, var(--offered) 60%, transparent)}.tile[data-selected] .card-face{border-color:var(--frame);box-shadow:0 0 0 .18rem var(--selected), 0 0 1.1rem color-mix(in srgb, var(--selected) 60%, transparent)}.card[data-piled]{margin-left:calc(-.72 * var(--card-w) - .5rem)}.hand{--card-w:8rem;align-items:flex-end}.hand>.cards{gap:0;padding:0 1rem}.hand .card{--card-h:calc(var(--card-w) * 680 / 488);margin-left:calc(var(--card-w) * -.16)}.hand .card:first-child{margin-left:0}.hand .card-face{transform-origin:50% 100%;transform:translateY(calc(var(--off) * var(--off) * .22rem)) rotate(calc(var(--off) * 2.5deg));transition:transform calc(.15s * var(--speed,1)) ease, filter calc(.15s * var(--speed,1)) ease;background:0 0;border:0;border-radius:.5rem;padding:0}.hand .card img{border-radius:.5rem}.hand .card{touch-action:none;-webkit-user-select:none;user-select:none}.hand .card[data-dragging]{z-index:3}.hand .card[data-dragging] .card-face{transform:translate(var(--drag-x), var(--drag-y)) scale(1.12);cursor:grabbing;transition:none}.hand .card:hover .card-face,.hand .card[data-selected] .card-face{transform:translateY(-2.2rem)scale(1.12)}.hand .card[data-live] .card-face,.hand .card[data-offered] .card-face{box-shadow:0 0 0 .16rem var(--offered), 0 0 1.2rem color-mix(in srgb, var(--offered) 55%, transparent)}.hand .card[data-selected] .card-face{box-shadow:0 0 0 .16rem var(--selected), 0 0 1.2rem color-mix(in srgb, var(--selected) 55%, transparent)}.hand:has([data-live],[data-offered]) .card:not([data-live],[data-offered],[data-selected]) .card-face{filter:brightness(.5)saturate(.6)}.hand .card-name,.hand .card-line,.hand .card-flags,.hand .card-counters,.drawer .card-name,.drawer .card-line,.drawer .card-flags,.drawer .card-counters{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.seat{position:relative}.hand-backs{--card-w:2.4rem;z-index:2;pointer-events:none;align-items:center;gap:.4rem;display:flex;position:absolute;top:.4rem;right:1rem}.hand-backs ul{margin:0;padding:0;list-style:none;display:flex}.card-back{width:var(--card-w);height:calc(var(--card-w) * 680 / 488);margin-left:calc(var(--card-w) * -.55);transform:translateY(calc(var(--off) * var(--off) * .08rem)) rotate(calc(var(--off) * -3deg));transform-origin:50% 0}.card-back:first-child{margin-left:0}.card-back,.card-back-face{background:radial-gradient(circle,#c99a52 0 14%,#5a3d1f 15% 22%,#0000 23%),repeating-linear-gradient(45deg,#ffffff0a 0 .2rem,#0000 .2rem .4rem),linear-gradient(160deg,#3b2716,#1b120a);border:.1rem solid #9a7440;border-radius:.25rem;box-shadow:0 .1rem .3rem #0009}.hand-count{color:var(--ink);background:#0000008c;border-radius:.6rem;padding:.05rem .45rem;font-size:.8rem;font-weight:700}.inspector{z-index:60;pointer-events:none;filter:drop-shadow(0 1rem 2rem #000000b3);flex-direction:column;gap:.5rem;width:24rem;display:flex;position:absolute;top:50%;translate:0 -50%}.inspector[data-side=left]{left:1.5rem}.inspector[data-side=right]{right:1.5rem}.inspector-card{border-radius:1.1rem;width:100%;display:block}.inspector-text{box-sizing:border-box;min-height:12rem;color:var(--ink);background:radial-gradient(circle at 50% 20%,#ffffff0f,#0000 60%),linear-gradient(170deg,#3a3029,#17120e);border:.35rem solid #2b241e;border-radius:1.1rem;flex-direction:column;gap:.6rem;padding:1.4rem 1.3rem;display:flex}.inspector-name{margin:0;font-size:1.4rem;font-weight:700}.inspector-type{border-bottom:1px solid var(--line);color:var(--muted);margin:0;padding-bottom:.5rem}.inspector-rules{white-space:pre-line;margin:0;font-size:1.05rem;line-height:1.35}.inspector-facts{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.inspector-facts li{background:var(--panel);border:1px solid var(--line);border-radius:.8rem;padding:.15rem .55rem;font-size:.85rem}@media (pointer:coarse){.menu-button,.menu-panel button,.action-bar button,.prompt-banner button{min-width:44px;min-height:44px}.play>.phases .phase{min-height:44px}}@media (height<=540px){html:has(.stage){font-size:min(1.25vw,2.22222dvh)}.stage{--left-w:16rem;--side-w:17rem;--banner-bottom:8.5rem}.pile{--pile-w:2.4rem}.hand{--card-w:5rem}.combat{--duel-w:3.4rem}.play>.phases .phase{pointer-events:none;min-height:0}.play>.phases .phase-side,.play>.phases .phase-reason{display:none}.menu-stops{display:block}}@media (orientation:portrait){html:has(.stage){font-size:min(2.77778vw,1.5625dvh,16px)}.stage{padding:max(.5rem, env(safe-area-inset-top)) max(.5rem, env(safe-area-inset-right)) max(.5rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));grid-template:"opp opp"minmax(0,1fr)"turn phases""combat combat""me me"minmax(0,1fr)"hand hand""actions actions"/minmax(0,1fr) auto;gap:.5rem}.hud{top:max(.5rem, env(safe-area-inset-top));right:max(.5rem, env(safe-area-inset-right))}.opponents .seat:last-child .hand-backs{margin-right:calc(max(2.6rem,44px) + .4rem)}.stack-zone{max-height:none}.seat{grid-template:"side backs""rows rows"minmax(0,1fr)/minmax(0,1fr) auto;gap:.4rem;padding:.4rem}.seat[data-mine]{grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"rows rows""side side"}.seat-side{flex-direction:row;grid-area:side;align-items:center;gap:.8rem}.seat-side .player{flex:0 17rem;min-width:0}.opponents .seat{container:seat/inline-size}@container seat (width<=26rem){.hand-backs ul{display:none}.seat-side{gap:.4rem}.seat-side .player{flex:auto}.avatar{width:2.4rem;height:2.4rem;font-size:1.1rem}.player-life{font-size:1.3rem}.pile{--pile-w:2.2rem}}.permanents{grid-area:rows}.hand-backs{grid-area:backs;align-self:center;position:static}.turn-bar{flex-wrap:wrap;align-self:center;align-items:baseline;column-gap:.6rem;display:flex}.turn-detail{margin:0}.phases{width:17rem}.play>.phases .phase{pointer-events:none;min-height:0}.play>.phases .phase-side,.play>.phases .phase-reason{display:none}.menu-stops{display:block}.stack-zone{z-index:25;grid-area:turn/turn-start/turn/phases-end;align-items:center;gap:.6rem;padding:.3rem .5rem;display:flex;position:absolute;inset:0;overflow:hidden}.stack-zone[data-busy]{background:#1b1511}.stack-zone:not([data-busy]){display:none}.stack-zone h2{writing-mode:vertical-rl;margin:0;rotate:180deg}.stack{gap:.5rem;min-width:0;height:100%;display:flex}.stack-item{flex:0 auto;grid-area:auto;align-items:center;gap:.4rem;width:auto;min-width:0;height:100%;margin:0;display:flex}.stack-item .card-face{flex:none;width:3.6rem;height:3.6rem;overflow:hidden}.stack-item .card-face img,.stack-item[data-ability] .card-face img{aspect-ratio:auto;object-fit:cover;object-position:50% 28%;width:100%;height:100%}.stack-item[data-ability] .card-face img{object-position:center}.stack-kind{padding:0 .3rem;font-size:.6rem;top:auto;bottom:.15rem;left:.15rem}.stack-info{flex-flow:column;gap:0;min-width:0;max-width:11rem;padding:0}.stack-info>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stack-ribbon{padding:0 .3rem;font-size:.6rem;top:.1rem;left:.1rem;translate:none}.stage{--card-w-hand:6.5rem}.hand{--card-w:var(--card-w-hand)}.combat{--duel-w:4.4rem}.action-bar{flex-direction:row;align-items:stretch}.action-bar .primary{flex:auto}.action-bar .secondary{flex-wrap:nowrap;flex:0 auto}.hud-actions{position:relative}.prompt-banner{bottom:calc(100% + var(--card-w-hand) * 680 / 488 + 1rem);box-sizing:border-box;max-width:calc(100% - 1rem)}.inspector,.inspector[data-side]{width:min(24rem,80%);left:50%;right:auto;translate:-50% -50%}}@media (orientation:landscape){.seat{--side:5rem;grid-template-columns:var(--side) minmax(0, 1fr) auto;grid-template-rows:minmax(0,1fr)}.seat-side{grid-area:1/1;align-items:stretch;gap:.4rem}.seat[data-mine] .seat-side{flex-direction:column-reverse}.permanents{grid-area:1/2}.permanents>.cards{justify-content:center}.piles{flex-flow:column wrap;flex:auto;place-content:center;align-items:center;gap:.6rem;min-height:0}.seat[data-mine] .piles{justify-content:flex-end}.seat:not([data-mine]) .piles{justify-content:flex-start}.player-face{text-align:center;border-radius:1.6rem 1.6rem .6rem .6rem;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:.15rem;padding:.35rem .2rem .3rem}.avatar{grid-row:auto;width:2.4rem;height:2.4rem;font-size:1.1rem}.player-name{max-width:100%;font-size:.65rem}.player-life{font-size:1.3rem}.player-life:before{vertical-align:.15rem;margin-right:.15rem;font-size:.8rem}.mana-pool{z-index:3;flex-wrap:nowrap;margin:0;position:absolute;top:.2rem;left:calc(100% + .3rem)}.hand-backs{--card-w:1.8rem;flex-direction:column;grid-area:1/3;align-self:center;gap:.3rem;position:static}.hand-backs .card-back{margin-left:calc(var(--card-w) * -.65)}.hand-backs .card-back:first-child{margin-left:0}.opponents .seat:last-child .hand-backs{margin-top:calc(max(2.6rem,44px) + .4rem)}}.prompt-banner:not([data-asking],:has(.card-options)){display:none}