@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bricolage-400.woff2)format("woff2")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/bricolage-600.woff2)format("woff2")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/bricolage-800.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07101c;--panel:#1c1f28;--panel-2:#232734;--line:#2c313d;--fg:#f2f5f7;--dim:#8b93a5;--accent:#c8aa6e;--ease-ui:cubic-bezier(.4, 0, .2, 1);--back-art:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20120%20160%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23c8aa6e%27%20stroke-width%3D%272%27%3E%3Ccircle%20cx%3D%2760%27%20cy%3D%2780%27%20r%3D%2727%27%20opacity%3D%27.55%27%2F%3E%3Ccircle%20cx%3D%2760%27%20cy%3D%2780%27%20r%3D%2733%27%20opacity%3D%27.22%27%2F%3E%3Cpath%20d%3D%27M60%2041%20L80%2080%20L60%20119%20L40%2080%20Z%27%20opacity%3D%27.8%27%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%27M60%2057%20L71%2080%20L60%20103%20L49%2080%20Z%27%20fill%3D%27%23c8aa6e%27%20opacity%3D%27.42%27%2F%3E%3Cg%20stroke%3D%27%23c8aa6e%27%20stroke-width%3D%271.6%27%20opacity%3D%27.42%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M12%2026%20V12%20H26%27%2F%3E%3Cpath%20d%3D%27M108%2026%20V12%20H94%27%2F%3E%3Cpath%20d%3D%27M12%20134%20V148%20H26%27%2F%3E%3Cpath%20d%3D%27M108%20134%20V148%20H94%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);--danger:#c05a5a;--ok:#5fa572;--rule:var(--line);--rift:#8b93a5;--live:var(--ok);--radius:10px;--lift:none;--glow:none;--ground:radial-gradient(circle at 0% 0%, #46858252, #0000 36%), radial-gradient(circle at 100% 100%, #a7864c38, #0000 42%), linear-gradient(160deg, #1d324d, #1a2b43);--felt:repeating-linear-gradient(90deg, #0000 0px, #0000 1px, #b6cbff03 1px, #b6cbff03 2px), repeating-linear-gradient(0deg, #0000 0px, #0000 1px, #b6cbff03 1px, #b6cbff03 2px), repeating-linear-gradient(-18deg, #08143208 0px, #08143208 2px, #0000 2px, #0000 10px), radial-gradient(140% 120%, #1e376e38 0%, #12265559 35%, #0b1a3d 55%, #07132f 75%, #0e2049 100%);--blur:none;--back-1:#1b2440;--back-2:#0d1424;--back-3:#16203a;--gold-ink:#1a1608;--gold-bright:#fff6da;--gold-mid:#e8cd8e;--gold-deep:#b28c45;--d-body:#e8813a;--d-calm:#3d9be9;--d-chaos:#b458d6;--d-fury:#e0483c;--d-mind:#f2c14e;--d-order:#4fbf7b;--card-sm:clamp(32px, 4.4vh, 52px);--card-md:clamp(54px, 7.6vh, 92px);--card-lg:clamp(62px, 8.6vh, 108px);--legend-col:clamp(84px, 12vh, 152px);--rail-col:clamp(26px, 2.6vh, 40px);--slot-col:clamp(72px, calc(18vh - 46px), 190px);--opp-col:clamp(240px, 25vw, 520px);--board-min:1030px}:root[data-theme=pit]{--bg:#0d1017;--panel:#151a24;--panel-2:#1d2431;--line:#2a3342;--fg:#eae7e1;--dim:#8a93a6;--accent:#d6b26b;--rift:#8a6bd1;--live:#4fb3a6;--ok:#4fb3a6;--danger:#c9615c;--radius:12px;--lift:0 10px 30px #00000073;--ground:radial-gradient(120% 60% at 50% 0%, #5a78c80f, transparent 60%);--felt:radial-gradient(120% 90% at 50% 0%, #5a78c812, transparent 60%);--back-1:#1f2a4d;--back-2:#0d1424;--back-3:#18223c}:root[data-theme=felt]{--bg:#0f1311;--panel:#16201b;--panel-2:#1e2a23;--line:#2c3a31;--fg:#ede7dc;--dim:#90a093;--accent:#c9a45c;--rift:#9b6fc0;--live:#62b08a;--ok:#62b08a;--danger:#c2635a;--radius:12px;--lift:0 10px 30px #00000080;--felt:repeating-linear-gradient(48deg, #ffffff03 0 2px, transparent 2px 5px), radial-gradient(120% 90% at 50% 0%, #6eb48c0f, transparent 60%);--back-1:#1b2a22;--back-2:#0d1611;--back-3:#16241c;--gold-deep:#9c7f45}:root[data-theme=hextech]{--bg:#010a13;--panel:#0a1428;--panel-2:#102039;--line:#1e3a5f;--fg:#f0e6d2;--dim:#a09b8c;--accent:#c89b3c;--rule:#785a28;--rift:#0ac8b9;--live:#0ac8b9;--ok:#0ac8b9;--danger:#ce4a4a;--radius:3px;--lift:0 12px 34px #0009;--glow:0 0 22px #c89b3c2e;--ground:radial-gradient(80% 50% at 50% 8%, #0ac8b912, transparent 64%), linear-gradient(180deg, #785a280f, transparent 20%);--felt:radial-gradient(100% 80% at 50% 0%, #0ac8b912, transparent 60%);--back-1:#10233f;--back-2:#04101f;--back-3:#0b1b31;--gold-ink:#0d1016;--gold-bright:#f5ecd8;--gold-mid:#dcc08a;--gold-deep:#785a28}:root[data-theme=atlas]{--bg:#07101c;--panel:#0b1a3d;--panel-2:#152857;--line:#8496b86b;--fg:#eef4ff;--dim:#8ea7ba;--accent:#74efff;--rule:#c0d3ff3d;--rift:#e7b975;--live:#78ddb7;--ok:#78ddb7;--danger:#ff9a9a;--radius:5px;--lift:0 12px 26px #03081480;--glow:0 0 5.44px #4fb29f8f;--ground:radial-gradient(circle at 0% 0%, #46858252, transparent 36%), radial-gradient(circle at 100% 100%, #a7864c38, transparent 42%), linear-gradient(160deg, #1d324d, #1a2b43);--felt:repeating-linear-gradient(90deg, transparent 0 1px, #b6cbff03 1px 2px), repeating-linear-gradient(0deg, transparent 0 1px, #b6cbff03 1px 2px), repeating-linear-gradient(-18deg, #08143208 0 2px, transparent 2px 10px), radial-gradient(140% 120%, #1e376e38 0%, #12265559 35%, #0b1a3d 55%, #07132f 75%, #0e2049 100%);--back-1:#3a567b;--back-2:#2a425f;--back-3:#32496a;--gold-ink:#07101c;--gold-bright:#f7fbff;--gold-mid:#ead9ac;--gold-deep:#ae753f;--seat-you:#4fb29f;--seat-you-bright:#75e5d0;--seat-opp:#ae753f;--seat-opp-bright:#e7b975}:root[data-theme=void]{--bg:#09050f;--panel:#150c24;--panel-2:#1f1233;--line:#33224f;--fg:#ece5f8;--dim:#9a8cb8;--accent:#9d5cff;--rift:#a3e635;--live:#a3e635;--ok:#a3e635;--danger:#f43f5e;--radius:14px;--lift:0 16px 40px #000000a6;--glow:0 0 30px #9d5cff4d;--ground:radial-gradient(62% 46% at 50% 8%, #9d5cff33, transparent 68%), radial-gradient(50% 40% at 88% 92%, #a3e63512, transparent 64%);--felt:radial-gradient(90% 70% at 50% 0%, #9d5cff1c, transparent 62%);--back-1:#2a1a46;--back-2:#100722;--back-3:#201038;--gold-ink:#120a1f;--gold-bright:#f3e9ff;--gold-mid:#c9a4ff;--gold-deep:#7a43cc}:root[data-theme=runeterra]{--bg:#120e0a;--panel:#1c1611;--panel-2:#281f17;--line:#3a2e22;--fg:#efe3ce;--dim:#a6937a;--accent:#d9a441;--rule:#6b5433;--rift:#9c6fd4;--live:#7cb36f;--ok:#7cb36f;--danger:#c2553f;--radius:6px;--lift:0 12px 32px #0000008c;--glow:0 0 20px #d9a44124;--ground:radial-gradient(100% 55% at 50% 0%, #d9a4410f, transparent 60%), repeating-linear-gradient(94deg, #ffffff02 0 3px, transparent 3px 7px);--felt:radial-gradient(100% 80% at 50% 0%, #d9a4410f, transparent 60%);--back-1:#2b2016;--back-2:#140f0a;--back-3:#241a12;--gold-ink:#17110a;--gold-bright:#fbf0d8;--gold-mid:#e3c286;--gold-deep:#9c7634}:root[data-theme=domains]{--bg:#0b0d10;--panel:#14181d;--panel-2:#1c222a;--line:#283039;--fg:#eceff3;--dim:#8d98a6;--accent:#f2c14e;--rift:#b458d6;--live:#4fbf7b;--ok:#4fbf7b;--danger:#e0483c;--radius:8px;--lift:0 10px 28px #00000073;--felt:linear-gradient(180deg, #ffffff04, transparent 40%);--back-1:#1d242e;--back-2:#0c0f13;--back-3:#171d25;--gold-ink:#0f1115;--gold-bright:#fff4d6;--gold-mid:#f2c14e;--gold-deep:#a8842f}:root[data-theme=prism]{--bg:#06070b;--panel:#ffffff0d;--panel-2:#ffffff14;--line:#ffffff1c;--rule:#ffffff21;--fg:#f2f5fa;--dim:#98a3b4;--accent:#f2c14e;--rift:#c05cf0;--live:#38e0a5;--ok:#38e0a5;--danger:#ff5c78;--radius:16px;--lift:0 18px 44px #0009;--glow:0 0 34px #f2c14e47;--blur:blur(14px);--ground:radial-gradient(52% 46% at 8% 6%, #b458d642, transparent 66%), radial-gradient(48% 44% at 94% 12%, #3d9be938, transparent 66%), radial-gradient(60% 46% at 52% 96%, #4fbf7b29, transparent 66%);--felt:radial-gradient(80% 60% at 50% 0%, #ffffff0d, transparent 62%);--back-1:#1b2233;--back-2:#0a0d14;--back-3:#141a27;--gold-ink:#10121a;--gold-bright:#fff6da;--gold-mid:#ffd15c;--gold-deep:#b68c2e;--d-body:#ff9445;--d-calm:#4aa8ff;--d-chaos:#c05cf0;--d-fury:#ff5247;--d-mind:#ffd15c;--d-order:#38e0a5}:root[data-theme=prism] .panel,:root[data-theme=prism] .setBlock,:root[data-theme=prism] .slot,:root[data-theme=prism] .gameRow,:root[data-theme=prism] .lobby .panel{-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}:root[data-theme=codex]{--bg:#0d0c0a;--panel:#17150f;--panel-2:#211d15;--line:#322c20;--rule:#6a5a3c;--fg:#f2ead8;--dim:#a2957c;--accent:#e0b055;--rift:#9a6bcc;--live:#6fae6a;--ok:#6fae6a;--danger:#c2553f;--radius:4px;--lift:0 10px 26px #00000080;--glow:0 0 18px #e0b05529;--ground:repeating-linear-gradient(91deg, #ffffff03 0 2px, transparent 2px 6px), radial-gradient(100% 50% at 50% 0%, #e0b0550d, transparent 60%);--felt:radial-gradient(100% 80% at 50% 0%, #e0b0550d, transparent 60%);--back-1:#262016;--back-2:#12100b;--back-3:#1f1a12;--gold-ink:#14110b;--gold-bright:#f8edd4;--gold-mid:#dfb455;--gold-deep:#96762f;--d-body:#d4763a;--d-calm:#4a86b8;--d-chaos:#9a6bcc;--d-fury:#c4493f;--d-mind:#dfb455;--d-order:#6fae6a}*{box-sizing:border-box}html,body{height:100%}body{background-color:var(--bg);background-image:var(--ground);color:var(--fg);background-attachment:fixed;margin:0;font:15px/1.45 system-ui,sans-serif;overflow:hidden}#app{height:100%;overflow:auto}.muted{color:var(--dim)}.small{font-size:12px}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel-2);color:var(--fg);transition:border-color .12s var(--ease-ui), background-color .12s var(--ease-ui), color .12s var(--ease-ui);border-radius:7px;padding:9px 14px}button:hover:not(:disabled){border-color:var(--dim)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--gold-ink);font-weight:600}button.ghost{background:0 0}button.big{width:100%;padding:13px 20px;font-size:16px}input,select{font:inherit;background:var(--bg);border:1px solid var(--line);color:var(--fg);border-radius:7px;width:100%;padding:9px 11px}input:disabled{opacity:.5}label{color:var(--dim);gap:5px;font-size:12px;display:grid}.banner{border:1px solid var(--danger);color:#f0c9c9;background:#3a2222;border-radius:7px;padding:9px 12px;font-size:13px}.siteHead{border-bottom:1px solid var(--line);z-index:20;background:var(--bg);justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;display:flex;position:sticky;top:0}.headStart,.headDivider{display:none}.siteHead.scrolled .headStart{gap:8px;display:flex}.siteHead.scrolled .headDivider{display:block}.siteHead.alwaysOn .headStart{gap:8px;display:flex}.siteHead.alwaysOn .headDivider{display:block}.siteHead [aria-current=page]{color:var(--ink);border-color:var(--dim)}.screen{flex-direction:column;height:100%;min-height:0;display:flex}.screen>.siteHead{flex:none}.screen>.library,.screen>.builder,.screen>.page{flex:auto;min-height:0}.headDivider{background-color:var(--panel-2);align-self:stretch;width:2px}.headStart #hdrCode{text-align:center;width:7.5em}.brand{align-items:center;gap:12px;display:flex}.brandMark{filter:drop-shadow(0 0 10px #78c8ff59);width:42px;height:42px}.brandWords{line-height:1;display:grid}.brandThe{text-transform:uppercase;letter-spacing:.32em;color:var(--dim);margin-bottom:3px;font-size:10px}.brandName{letter-spacing:.06em;background:linear-gradient(180deg, var(--gold-bright) 8%, var(--gold-mid) 40%, var(--gold-deep) 74%, #f0dca4 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font:700 22px/1 Cinzel,Georgia,Times New Roman,serif}.landing{gap:14px;max-width:800px;margin:0 auto;padding:7vh 22px 48px;display:grid}.nameRow{text-align:center}.startRow{grid-template-columns:1fr 1fr;align-items:start;gap:50px;display:grid;position:relative}.startRow:after{content:"";background-color:var(--panel-2);width:2px;margin:auto;position:absolute;inset:0}.startRow>form{gap:8px;display:flex}.startRow #create{width:100%}.join{gap:8px;display:flex}.join input{text-align:center}#code{text-transform:uppercase;letter-spacing:.22em;font-weight:600}.join button{flex:none;min-width:140px}.headActions{align-items:center;gap:8px;display:flex}.lobby{gap:18px;max-width:720px;margin:0 auto;padding:32px 20px 48px;display:grid}.lobbyHead{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.lobbyHead .right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.lobbyHead .right .small{white-space:nowrap}.code{letter-spacing:.18em;color:var(--accent);background:0 0;border:none;padding:2px 0;font-size:30px;font-weight:700}.code.copied:after{content:" copied";letter-spacing:0;color:var(--ok);font-size:11px}.slots{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.slot{background:var(--panel);border:1px solid var(--line);border-radius:10px;align-content:start;gap:8px;min-height:116px;padding:14px;display:grid}.slot.me{background:var(--panel-2)}.slot.empty{border-style:dashed}.slotNum{color:var(--dim);text-transform:uppercase;letter-spacing:.07em;font-size:11px}.who{align-items:center;gap:8px;display:flex}.nm{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.dot{border-radius:50%;flex:none;width:8px;height:8px}.dot.on{background:var(--ok)}.dot.off{background:var(--dim)}.teamTag{text-transform:uppercase;letter-spacing:.07em;font-size:12px}.sit{width:100%}button.small{justify-self:start;padding:5px 9px;font-size:12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr 1fr 200px;gap:12px;padding:16px;display:grid}.note{margin:-6px 0 0}@media (width<=560px){.panel{grid-template-columns:1fr}}.devPanel{border:1px dashed var(--danger);border-radius:10px;gap:8px;padding:12px 14px;display:grid}.devHead{text-transform:uppercase;letter-spacing:.1em;color:var(--danger);font-size:11px}.devRow{align-items:center;gap:8px}.devRow>button{flex:none}.devField{align-items:center;gap:6px;margin-left:auto;display:flex}.devField select{width:auto;padding:6px 8px}.devPanel p{margin:0}.table{grid-template-columns:var(--opp-col) 12px minmax(calc(var(--board-min) + 20px), 1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"hud hud hud""top split mat";gap:8px;min-width:min-content;height:100%;padding:8px;display:grid;overflow:hidden}.hud{grid-area:hud;align-items:center;gap:12px;display:flex}.hud .spacer{flex:1}.hud .code{color:var(--accent);letter-spacing:.16em;font-weight:700}.slotTop{flex-direction:column;grid-area:top;gap:8px;min-height:0;display:flex;position:relative}.splitter{cursor:col-resize;grid-area:split;justify-content:center;align-items:center;display:flex}.splitter:before{content:"";background:var(--line);border-radius:2px;width:2px;height:min(64px,40%);transition:background .15s,height .15s}.splitter:hover:before,.splitter:focus-visible:before{background:var(--accent);height:min(120px,70%)}.splitter:focus-visible{outline:none}body.splitting{-webkit-user-select:none;user-select:none}body.splitting .splitter:before{background:var(--accent)}.slotTop>.area.opp{flex:1 1 0;min-width:0;min-height:0;overflow:hidden}.slotBottom{grid-area:mat;min-height:0;display:grid;overflow:hidden}.slotTop{min-height:0;overflow:auto}.centre{min-height:0}.table.watching .centre{grid-area:mat}.slotTop:empty{display:none}.area{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.row{flex-wrap:wrap;align-items:flex-start;gap:5px;display:flex}@media (height<=900px){.hud button.small{padding:3px 8px}.zoneLabel{margin-bottom:2px;font-size:9px}.runeWrap{padding:2px 9px 3px}.handWrap{padding:4px 9px}.area{padding:6px 8px}.table{gap:6px;padding:6px}.area.opp>.oppBody{gap:4px}.hud{gap:8px}}@media (height<=800px){:root{--card-md:clamp(42px, 7.6vh, 92px);--card-lg:clamp(46px, 8.6vh, 108px)}.handWrap>.zoneLabel{font-size:9px}.handWrap>.zoneLabel button{padding:0 6px;font-size:10px}}.zoneLabel{text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin-bottom:4px;font-size:10px}.card{background:#0d0f14;border:1px solid #000;border-radius:5px;flex:none;transition:transform .12s;position:relative;overflow:hidden}.card img{object-fit:cover;width:100%;height:100%;display:block}.back{background:var(--back-art) center / 62% auto no-repeat, radial-gradient(ellipse at 50% 38%, #2b3350 0%, #171c2c 62%, #0f1320 100%);border:1px solid #3b4667;box-shadow:inset 0 0 0 2px #c8aa6e29}.card .back{width:100%;height:100%}.card-sm{width:var(--card-sm);aspect-ratio:3/4}.card-md{width:var(--card-md);aspect-ratio:3/4}.card-lg{width:var(--card-lg);aspect-ratio:3/4}.card-xl{width:260px;height:347px}.card-xl.landscape{height:195px}.card.landscape{aspect-ratio:4/3}.card.exhausted{transform:rotate(90deg)}.card-sm.exhausted{margin:0 11px}.card-md.exhausted{margin:0 20px}.card-lg.exhausted{margin:0 24px}.card.stunned{outline:2px solid var(--danger);outline-offset:-2px}.pips{gap:2px;display:flex;position:absolute;bottom:2px;left:2px}.pip{border:1px solid var(--line);color:var(--fg);background:#000000d1;border-radius:3px;padding:2px 3px;font-size:9px;line-height:1}.pip.dmg{background:#6b2020;border-color:#a04040}.pip.stun{border-color:var(--accent);background:#5a3a10}.piles{flex-wrap:wrap;gap:6px;display:flex}.pile{text-align:center}.pileBox{aspect-ratio:3/4;border:1px dashed var(--line);border-radius:5px;place-items:center;width:42px;display:grid;position:relative}.pile.empty .pileBox{opacity:.4}.pile.accent .pileBox{border-color:#4a5474}.pileBox .back{border-radius:4px;position:absolute;inset:0}.pileN{text-shadow:0 1px 3px #000;font-size:13px;font-weight:700;position:relative}.pileLabel{color:var(--dim);margin-top:2px;font-size:9px}.badge{border-left:3px solid var(--team,transparent);align-items:center;gap:7px;padding-left:6px;font-size:12px;display:flex}.badge.active{background:#c8aa6e17;border-radius:4px}.badge .nm{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.badge .score{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.badge .score i{color:var(--dim);font-style:normal;font-weight:400}.badge .turn{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border:1px solid var(--accent);border-radius:3px;padding:1px 4px;font-size:9px}.area.opp{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;display:grid;position:relative}.area.opp>.oppSide{grid-column:1}.area.opp>.oppBody{grid-column:2;align-content:start;gap:6px;min-width:0;min-height:0;display:grid;overflow-y:auto}.oppSide{width:clamp(64px,7.5vw,150px)}.table.watching .area.opp .oppBase{max-height:calc(var(--card-sm) * 1.4);overflow-y:auto}.table.watching .slotTop[data-opponents="1"] .oppSide{width:var(--legend-col)}.table.watching .slotTop[data-opponents="3"] .oppSide{width:calc(var(--legend-col) * .62)}.badge .expand{border-color:var(--line);background:0 0;padding:1px 6px;font-size:11px;line-height:1.3}.badge .expand:hover{border-color:var(--accent);color:var(--accent)}.oppStats{color:var(--dim);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 9px;font-size:11px;display:flex}.oppStats .exh{color:var(--accent);font-style:normal}.oppBase{flex-wrap:wrap;gap:4px;display:flex}.oppView{display:none}html.oppTight .area.opp{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:6px}html.oppTight .area.opp>.oppBody{grid-area:1/1;overflow:visible}html.oppTight .area.opp>.oppSide{grid-area:2/1;justify-self:center;place-items:start center;min-height:0;display:grid;overflow:hidden}html.oppTight .oppSide{width:min(100%,148px)}html.oppTight .oppSide .legendPanel img{width:auto;max-width:100%;max-height:100%}html.oppTight .area.opp .oppStats,html.oppTight .area.opp .oppBase,html.oppTight .area.opp .oppRunes,html.oppTight .area.opp .shown{display:none}html.oppTight .area.opp .oppView{justify-self:start;display:inline-flex}html.oppTight .area.opp .badge .expand{display:none}.area.opp>.oppBody{scrollbar-width:thin}.centre{border:1px solid var(--line);background:linear-gradient(#171a22,#12141a);border-radius:12px;flex-direction:column;min-height:0;padding:10px;display:flex;overflow:auto}.centre.empty>p{margin:auto}.bfRow{flex:auto;align-items:stretch;gap:10px;min-height:0;display:flex}.bf{background:var(--panel);border:1px solid var(--line);border-radius:9px;flex:210px;align-content:start;gap:4px;min-width:190px;max-width:340px;padding:7px;display:grid}.bfCard{border-radius:6px;justify-content:center;display:flex;position:relative;overflow:hidden}.bfCard img{object-fit:contain;max-width:100%;max-height:86px;display:block}.bfName{font-size:11px;font-weight:600;position:absolute;bottom:4px;left:6px}.bfMeta{justify-content:space-between;align-items:center;gap:8px;display:flex}.fd{border:1px dashed var(--line);color:var(--dim);border-radius:4px;padding:1px 5px;font-size:10px}.fd.mine{border-color:var(--accent);color:var(--accent);border-style:solid}.fd.empty{opacity:.45}.bfCards{align-content:flex-start;min-height:46px}.area.self{flex-direction:column;gap:6px;height:100%;min-height:0;display:flex}.selfMeta{margin-bottom:0}.selfTop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;display:flex}.selfTop>.selfActions{flex:auto}.selfTop>.selfMeta{flex:0 auto}.matGrid{min-height:0;min-width:var(--board-min);grid-template-columns:var(--rail-col) var(--slot-col) minmax(0, 1fr) var(--slot-col) var(--slot-col);grid-template-rows:minmax(calc(var(--slot-col) * 88 / 63), 1fr) min-content min-content min-content;flex:auto;grid-template-areas:"bf bf bf legend champ""rail base base base deck""rail runedeck runes runes dead""hand hand hand hand hand";gap:6px;display:grid}.matBf{grid-area:bf;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.matChamp{grid-area:champ}.matRuneDeck{grid-area:runedeck}.matDead{grid-area:dead}.matGrid .pileBox{aspect-ratio:63/88;width:100%}.matGrid>.baseWrap{grid-area:base;min-width:0}.matGrid>.runeWrap{grid-area:runes;min-width:0}.matDeck{grid-area:deck}.matChamp,.matRuneDeck,.matDeck,.matDead{place-self:start stretch;min-width:0}.matGrid>.handWrap{grid-area:hand;min-width:0}.matDead .pileLabel{display:none}.deadTabs{gap:3px;margin-bottom:3px;display:flex}.deadTab{border:1px solid var(--line);min-width:0;color:var(--dim);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;background:0 0;border-radius:5px;flex:1 1 0;justify-content:center;align-items:center;gap:3px;padding:1px 3px;font-size:9px;line-height:1.35;display:flex;overflow:hidden}.deadTab i{font-variant-numeric:tabular-nums;opacity:.75;font-style:normal}.deadTab.on{border-color:var(--accent);color:var(--accent);background:#c8aa6e1a}.deadTab:hover:not(.on){color:var(--fg);border-color:var(--dim)}.matGrid>.legendPanel{grid-area:legend;place-self:start stretch;min-width:0}.matGrid>.legendPanel img{width:100%;height:auto;display:block}.scoreRail{flex-direction:column;grid-area:rail;gap:2px;min-height:0;padding:2px 0;display:flex;overflow-y:auto}.railPip{border:1px solid var(--line);background:var(--panel-2);min-height:11px;color:var(--dim);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:999px;flex:1 1 0;padding:0;font:600 10px/1 system-ui,sans-serif}.railPip:hover{border-color:var(--accent);color:var(--fg)}.railPip.filled{color:var(--fg);background:#3a3524;border-color:#5b5236}.railPip.on{background:var(--accent);border-color:var(--accent);color:var(--gold-ink)}.base,.runes,.hand{flex-wrap:nowrap;align-items:center;padding-bottom:2px;overflow:auto hidden}.base{min-height:calc(var(--card-md) * 1.34 + 6px)}.runes{min-height:calc(var(--card-sm) * 1.34 + 6px)}.hand{min-height:calc(var(--card-lg) * 1.34 + 6px)}.handWrap{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:7px 9px}.handWrap>.zoneLabel{align-items:center;gap:8px;line-height:1.1;display:flex}.handWrap>.zoneLabel button{padding:1px 7px;line-height:1.4}.baseWrap{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:4px 9px 5px}#oppZoom{background:0 0;border:none;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:0}#oppZoom[open]{place-items:center;display:grid}#oppZoom::backdrop{background:#000c}.zoomWrap{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:12px;width:min(900px,92vw);padding:16px;display:grid}.zoomWrap header{align-items:center;gap:14px;display:flex}.zoomWrap header .badge{flex:1;font-size:15px}.zoomBody{gap:10px;max-height:70vh;display:grid;overflow:auto}.card,.bfCard{cursor:zoom-in}#cardZoom{background:0 0;border:none;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:0}#cardZoom[open]{place-items:center;display:grid}#cardZoom::backdrop{background:#000000db}.cardZoomWrap{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:18px;padding:16px;display:flex}.cardZoomWrap img{border-radius:30px;max-width:min(70vw,620px);max-height:84vh;display:block}.cardZoomWrap .back.big{border-radius:8px;width:300px;height:420px}.cardZoomMeta{align-content:start;gap:8px;min-width:170px;max-width:240px;display:grid}.cardZoomMeta h3{margin:0;font-size:17px}.cardZoomMeta button{justify-self:start}.stateTags{flex-wrap:wrap;gap:5px;display:flex}.stateTags span{border:1px solid var(--accent);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:11px}.table.two .band.opp.empty{position:absolute}.table.two .band.opp.empty .bandEmpty{opacity:.5;width:max-content;max-width:80%;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(180deg)}.draftModes{flex-wrap:wrap;gap:10px;margin:0 0 14px;display:flex}.draftModeBtn{text-align:left;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);color:var(--fg);cursor:pointer;gap:2px;padding:10px 16px;display:grid}.draftModeBtn b{font-size:15px}.draftModeBtn:hover{border-color:var(--accent)}.draftModeBtn.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.card.payExhaust,.card.payRecycle{outline-offset:2px;animation:1.1s ease-in-out infinite payPulse}.card.payExhaust{outline:2px solid var(--accent)}.card.payRecycle{outline:2px solid var(--danger)}.card.payExhaust{opacity:.62;filter:saturate(.5)}.card.payRecycle{opacity:.8}.card.payArmed{outline:2px dashed var(--gold-mid,#c8aa6e);outline-offset:2px}@keyframes payPulse{50%{outline-offset:4px}}@media (prefers-reduced-motion:reduce){.card.payExhaust,.card.payRecycle{animation:none}}.hoverCard{z-index:70;background:var(--panel);border:1px solid var(--line);pointer-events:none;border-radius:12px;gap:14px;max-width:min(94vw,520px);max-height:88vh;padding:12px;display:none;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 14px 40px #0000008c}.hoverCard.up{align-items:flex-start;animation:.11s ease-out both hoverIn;display:flex}.hoverCard .hoverArt{border-radius:14px;width:190px;max-height:84vh;display:block}.hoverCard .hoverMeta{align-content:start;gap:7px;min-width:160px;max-width:260px;max-height:84vh;display:grid;overflow:hidden}.hoverCard .hoverMeta h3{margin:0;font-size:15px}.hoverCard .hoverArt.landscape{width:250px}@keyframes hoverIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hoverCard.up{animation:none}}.pile[data-pile]{cursor:pointer}.pile[data-pile]:hover .pileBox{border-color:var(--accent)}#pileZoom{background:0 0;border:none;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:0}#pileZoom[open]{place-items:center;display:grid}#pileZoom::backdrop{background:#000000d6}.pileWrap{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-content:start;gap:10px;width:min(820px,92vw);max-height:86vh;padding:16px;display:grid;overflow:auto}.pileWrap.big{flex-direction:column;width:min(1160px,96vw);display:flex;overflow:hidden}.pileWrap.big>*{flex:none}.pileWrap.big .pileGrid{flex:auto;grid-template-columns:repeat(auto-fill,260px);place-content:start center;gap:12px;min-height:0;display:grid;overflow-y:auto}.pileWrap header{justify-content:space-between;align-items:center;gap:14px;display:flex}.pileWrap h3{margin:0;font-size:17px}.pileGrid{gap:8px}html.oppRight .table:not(.watching){grid-template-columns:minmax(calc(var(--board-min) + 20px), 1fr) 12px var(--opp-col);grid-template-areas:"hud hud hud""mat split top"}.logPanel{z-index:55;background:var(--panel);border-right:1px solid var(--line);grid-template-rows:auto minmax(0,1fr) auto;width:min(340px,92vw);display:grid;position:fixed;top:0;bottom:0;left:0;overflow:hidden;box-shadow:18px 0 40px #00000073}.logPanel.fresh{animation:.18s ease-out panelInLeft}html.oppRight .logPanel{border-right:none;border-left:1px solid var(--line);animation-name:panelInRight;left:auto;right:0;box-shadow:-18px 0 40px #00000073}@keyframes panelInLeft{0%{transform:translate(-100%)}to{transform:none}}@keyframes panelInRight{0%{transform:translate(100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){.logPanel{animation:none}}.logPanel header{border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;color:var(--dim);justify-content:space-between;align-items:center;padding:7px 10px;font-size:11px;display:flex}.logList{align-content:start;gap:5px;margin:0;padding:8px 10px;font-size:12px;line-height:1.45;list-style:none;display:grid;overflow-y:auto}.logList li{color:var(--dim)}.logList li.mine{color:var(--fg)}.logTime{color:#5f6779;font-variant-numeric:tabular-nums;margin-right:6px}.card.dragging{opacity:.32}.dragGhost{z-index:900;pointer-events:none;opacity:.92;position:fixed;transform:rotate(2deg);box-shadow:0 10px 26px #0009}[data-drop]{outline:1px solid #0000;transition:outline-color .1s}.dropHover{outline:2px dashed var(--accent);outline-offset:2px;background:#c8aa6e12;border-radius:6px}.menu{z-index:1000;background:var(--panel-2);border:1px solid var(--line);border-radius:9px;gap:2px;min-width:190px;max-width:260px;padding:5px;display:grid;position:fixed;box-shadow:0 12px 34px #0009}.menuTitle{color:var(--accent);border-bottom:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;padding:5px 8px 6px;font-size:11px;overflow:hidden}.menuItem{text-align:left;background:0 0;border:none;border-radius:5px;width:100%;padding:6px 8px;font-size:13px;display:block}.menuItem:hover:not(:disabled){background:#2b527659}.menuItem.on{color:#edf6ff;background:#2b52768a}.menuSep{background:var(--line);height:1px;margin:3px 0}.menuGroup{padding:3px 8px 5px}.menuGroupLabel{color:var(--dim);text-transform:uppercase;letter-spacing:.07em;font-size:10px}.menuRow{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.menuChip{background:var(--bg);border-radius:5px;padding:3px 9px;font-size:12px}.menuForm{align-items:center;gap:5px;padding:4px 8px 6px;display:flex}.menuForm label{color:var(--dim);flex:1;font-size:10px}.menuForm input{width:58px;padding:4px 6px}.menuForm button{padding:4px 9px;font-size:12px}button.score{font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:1px 3px;font-weight:700}button.score:hover{background:var(--line)}button.statPile{font:inherit;color:var(--dim);background:0 0;border:none;border-radius:4px;padding:0 2px}button.statPile:hover{color:var(--fg);background:var(--line)}button.fd{border:1px dashed var(--line);color:var(--dim);background:0 0;border-radius:4px;padding:1px 5px;font-size:10px}button.fd.mine{border-color:var(--accent);color:var(--accent);border-style:solid}button.fd.empty{opacity:.5}#picker{background:0 0;border:none;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:0}#picker[open]{place-items:center;display:grid}#picker::backdrop{background:#000000d6}.pickerWrap{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:11px;width:min(880px,92vw);max-height:86vh;padding:16px;display:flex}.pickerWrap>*{flex:none}.pickerWrap>.pickGrid{flex:auto;min-height:0}.pickerWrap header{justify-content:space-between;align-items:center;gap:14px;display:flex}.pickerWrap h3{margin:0;font-size:17px}.pickerWrap footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.pickerWrap footer button{width:auto}.pickGrid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:9px;display:grid;overflow-y:auto}.pickCard{background:var(--bg);border:1px solid var(--line);text-align:left;border-radius:8px;gap:4px;padding:5px;display:grid}.pickCard img{border-radius:4px;width:100%;display:block}.pickCard span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.pickCard:hover{border-color:var(--accent)}.pickCard.chosen{border-color:var(--accent);background:#c8aa6e21}.shown{border:1px solid var(--accent);background:#c8aa6e12;border-radius:7px;padding:5px 6px}.shown .zoneLabel{color:var(--accent);margin-bottom:3px}.card img,.pickCard img,.bfCard img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.tableBanner{z-index:60;pointer-events:none;width:max-content;max-width:min(360px,100vw - 32px);position:fixed;inset:auto 16px 16px auto;box-shadow:0 8px 24px #00000073}.runeWrap{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:4px 9px 5px}.oppRunes{border-top:1px dashed var(--line);flex-wrap:wrap;min-height:0;margin-top:4px;padding-top:4px}.oppRunes:empty{display:none}.card.facedown.known{border-color:var(--accent);box-shadow:inset 0 0 0 1px #c8aa6e73}.card.facedown.known:after{content:"";border-style:solid;border-width:0 14px 14px 0;border-color:transparent var(--accent) transparent transparent;position:absolute;top:0;right:0}.card.facedown.known{cursor:zoom-in}.card.facedown:not(.known){cursor:default}@keyframes cardFlip{0%{filter:brightness(1.6);transform:rotateY(90deg)}to{filter:none;transform:rotateY(0)}}.card.flipping img,.card.flipping .back{backface-visibility:hidden;animation:.26s ease-out cardFlip}@media (prefers-reduced-motion:reduce){.card.flipping img,.card.flipping .back{animation:none}}.deckPick{grid-template-columns:minmax(0,1fr) auto auto;align-items:end}.deckStatus{flex-wrap:wrap;gap:4px 14px;margin:-8px 0 0;display:flex}.deckStatus i{opacity:.55;font-style:normal}.builder{grid-template-rows:auto minmax(0,1fr);height:100%;display:grid}.builderHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.builderHead h1{margin:0;font-size:20px}.builderHead .row{align-items:center}.builderHead .row>button,.builderHead .row>.deckIdeas{border-radius:10px;justify-content:center;align-items:center;height:42px;padding:0 20px;font-size:15px;font-weight:600;line-height:36px;display:inline-flex}.builderBody{grid-template-columns:minmax(0,1fr) 340px;gap:14px;padding:14px 16px;display:grid;overflow:hidden}.pool{grid-template-rows:auto auto minmax(0,1fr);gap:9px;display:grid;overflow:hidden}.poolControls{gap:8px}.poolControls input{flex:1}.pool .pickGrid{align-content:start;overflow-y:auto}#poolResults{display:contents}.deckPanel{background:var(--panel);border:1px solid var(--line);border-radius:10px;align-content:start;gap:12px;padding:12px;display:grid;overflow-y:auto}.deckSummary{color:var(--dim);gap:14px;font-size:12px;display:flex}.deckSummary b{color:var(--fg);font-size:15px}.deckSection h4{text-transform:uppercase;letter-spacing:.07em;color:var(--dim);margin:0 0 6px;font-size:11px;font-weight:600}.deckList{gap:4px;margin:0;padding:0;list-style:none;display:grid}.deckList li{background:var(--bg);border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;padding:3px 6px;display:flex}.deckList img{cursor:zoom-in;border-radius:3px;width:26px}.deckList .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.qty{align-items:center;gap:5px;display:flex}.qty button{padding:1px 7px;font-size:13px;line-height:1.2}.qty b{text-align:center;font-variant-numeric:tabular-nums;min-width:14px}.deckIndex{gap:6px;margin:0;padding:0;list-style:none;display:grid}.deckIndex li{align-items:center;gap:8px;display:flex}.deckOpen{text-align:left;flex:1;gap:2px;padding:8px 10px;display:grid}.builderDialog{background:0 0;border:none;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:0}.builderDialog[open]{place-items:center;display:grid}.builderDialog::backdrop{background:#000000d6}.builderDialog textarea{background:var(--bg);border:1px solid var(--line);width:100%;color:var(--fg);resize:vertical;border-radius:7px;padding:9px;font:12px/1.5 ui-monospace,monospace}.builderDialog code{background:var(--bg);border-radius:3px;padding:1px 4px}@media (width<=1000px){.builderBody{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}}#builderStatus.unsaved{color:var(--accent)}#saveBtn.saved{background:var(--ok);border-color:var(--ok);color:#0d1a10}.bfPreview{align-items:flex-start;gap:18px;display:flex;overflow:auto}.bfPreview img{border-radius:30px;max-width:min(62vw,620px);max-height:66vh;display:block}.bfPreviewMeta{align-content:start;gap:12px;min-width:190px;display:grid}.pickerWrap.readerWrap{overflow-y:auto}.readerWrap .bfPreview{overflow:visible}@media (width<=820px){.bfPreview{flex-direction:column}.bfPreview img{max-width:100%}}.pile.faceup .pileBox{border-style:solid;border-color:var(--line);overflow:hidden}.pile.faceup .pileBox img{object-fit:cover;width:100%;height:100%;display:block}.pile.faceup .pileN{background:#000000bf;border-radius:3px;padding:0 3px;font-size:11px;position:absolute;bottom:1px;right:1px}.poolCard{position:relative}.poolCard .pickCard{width:100%}.poolCard.chosen .pickCard{border-color:var(--accent);background:#c8aa6e21}.infoBtn{border-color:var(--dim);background:#000000b8;border-radius:50%;width:20px;height:20px;padding:0;font-size:11px;font-style:italic;font-weight:700;line-height:1;position:absolute;top:6px;right:6px}.infoBtn:hover{background:var(--accent);color:var(--gold-ink);border-color:var(--accent)}.deckList img:hover{outline:1px solid var(--accent)}#showMore{justify-content:center;gap:8px;width:100%;margin-top:8px;display:flex}label.inline{color:var(--dim);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}label.inline input{width:auto}#champTiers button.on{border-color:var(--accent);color:var(--accent)}.championSlot .pileBox{border-style:solid;padding:0;overflow:hidden}.championSlot .card{width:100%;height:100%}.card-slot{width:var(--card-sm);aspect-ratio:3/4}.slotHint{text-transform:uppercase;letter-spacing:.07em;color:var(--dim);font-size:9px}.championSlot.empty .pileBox{border-style:dashed}.championSlot.empty:hover .pileBox{border-color:var(--accent)}.championSlot.empty:hover .slotHint{color:var(--accent)}.deckIdeas{color:var(--fg);border:1px solid var(--line);border-radius:7px;align-items:center;padding:5px 9px;font-size:12px;text-decoration:none;display:inline-flex}.deckIdeas:hover{border-color:var(--accent);color:var(--accent)}.legendPanel{cursor:zoom-in;grid-area:legend;align-self:start;transition:transform .18s;position:relative}.legendPanel img{border:1px solid var(--line);border-radius:8px;width:100%;display:block}.legendTag{text-transform:uppercase;letter-spacing:.07em;background:var(--accent);color:var(--gold-ink);border-radius:3px;padding:1px 5px;font-size:10px;position:absolute;bottom:6px;left:6px}.selfActions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.legendPanel.exhausted{transform:rotate(90deg)scale(.7)}.pip.status{text-transform:uppercase;letter-spacing:.04em;background:#2b3a5c;border-color:#4a5f8f}.statusGrid{flex-wrap:wrap;gap:6px;max-height:46vh;display:flex;overflow-y:auto}.statusChip{border-radius:20px;padding:4px 10px;font-size:12px}.statusChip.on{background:var(--accent);border-color:var(--accent);color:var(--gold-ink)}.attackRow{background:#5a86c00f;border-top:1px dashed #5a6a8f;border-radius:0 0 5px 5px;padding-top:5px}.attackLabel{color:#7f98c4}.notice{z-index:1200;background:var(--accent);color:var(--gold-ink);border-radius:10px;padding:12px 24px;font-size:16px;font-weight:700;transition:opacity .5s,transform .5s;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000008c}.notice.go{opacity:0;transform:translate(-50%)translateY(-12px)}.score em{color:#8fb3e0;margin-left:6px;font-size:11px;font-style:normal}.stack{padding-left:calc(var(--tucked,1) * 22px);flex:none;display:inline-flex;position:relative}.stack .tuck{top:0;left:calc(var(--i) * 22px);z-index:calc(var(--i));position:absolute}.stack .tuck .card{filter:brightness(.78)}.stack .tuck:hover .card{filter:brightness(1.05)}.stack>.card{z-index:10;position:relative}.seatDeck{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.seatDeck.none{color:var(--dim);font-style:italic}.rulesPanel{z-index:60;background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:10px;width:min(560px,92vw);padding:14px;transition:transform .18s ease-out;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:18px 0 40px #00000073}html.oppRight .rulesPanel{border-right:none;border-left:1px solid var(--line);left:auto;right:0;transform:translate(100%);box-shadow:-18px 0 40px #00000073}html.oppRight .rulesPanel.showing,.rulesPanel.showing{transform:none}.rulesPanel>*{flex:none}.rulesPanel>#rulesPane{flex-direction:column;flex:auto;min-height:0;display:flex}.rulesPanel #rulesPane>*{flex:none}.rulesPanel #rulesPane>.rulesList{flex:auto;min-height:0}.rulesPanel>#rulesKeys{flex:auto;min-height:0;overflow-y:auto}.rulesPanel>#rulesPane[hidden],.rulesPanel>#rulesKeys[hidden]{display:none}@media (prefers-reduced-motion:reduce){.rulesPanel{transition:none}}.rulesHead{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.rulesHead h2{margin:0 0 2px;font-size:17px}#rulesQ{width:100%}.rulesList{padding-right:4px;overflow-y:auto}.rule{text-indent:-92px;margin:0 0 10px;padding-left:92px;font-size:13px;line-height:1.5}.ruleId{text-indent:0;width:86px;color:var(--dim);font-variant-numeric:tabular-nums;vertical-align:top;margin-right:6px;display:inline-block}.linkish{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.pickGrid .showMore{grid-column:1/-1}.rulesLinks{margin:0}.rulesLinks a{color:var(--accent)}.seatIssues{color:var(--warn,#d9a441);margin-top:4px;font-size:11px;line-height:1.4}.savedHead{align-items:baseline;gap:8px;display:flex}.savedRow{border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;display:flex}.savedCode{letter-spacing:.08em;font-size:15px;font-weight:700}.savedRow .spacer{flex:1}.knocking{gap:6px;margin:10px 0;display:grid}.knockRow{border:1px solid var(--accent,#d9a441);background:#d9a44114;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.knockRow .spacer{flex:1}.knockWho{font-size:14px}.synergyList{align-content:start;overflow-y:auto}.synergyGroup+.synergyGroup{margin-top:14px}.synergyHead{letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#8b93a5);margin:0 0 6px;font-size:12px;font-weight:700}.poolControls #goesWith.on{border-color:var(--accent,#d9a441);color:var(--accent,#d9a441)}.setupBar{border:1px solid var(--accent,#d9a441);background:#d9a44114;border-radius:8px;grid-column:1/-1;gap:6px;padding:8px 10px;display:grid}.setupLine{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.setupLine .spacer{flex:1}.setupWhat{letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:700}.setupBar .knocking{margin:0}.atTable{border:1px solid var(--line,#2a2f3a);background:#ffffff08;border-radius:8px;margin:10px 0;padding:10px 12px;font-size:14px;line-height:1.5}.pairPanel{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:16px;padding:16px;display:flex}.pairQr{background:#fff;border-radius:6px;flex:none;padding:.5rem}.pairQr svg{width:208px;height:208px;display:block}.pairSay{flex-direction:column;flex:16rem;align-items:flex-start;gap:8px;display:flex}.pairGet{border-top:1px solid var(--line);flex:100%;padding-top:12px}.pairGet>summary{cursor:pointer;font-size:13px;font-weight:600;list-style-position:outside}.pairGet>summary::marker{color:var(--dim)}.pairGet>summary .small{font-weight:400}.pairGetBody{margin-top:12px}.pairGetStack{gap:16px;display:grid}.pairGetStack>.getRow+.getRow,.pairGetStack>.getRow~p{border-top:1px solid var(--line);padding-top:16px}.pairGetBody .pairQr.small svg{width:148px;height:148px}#appLink{font:inherit;color:var(--fg);border:1px solid var(--line);background:0 0;border-radius:7px;padding:5px 9px;font-size:12px;text-decoration:none;display:inline-block}#appLink:hover{border-color:var(--dim)}#pairZoom{background:0 0;border:none;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:0}#pairZoom[open]{place-items:center;display:grid}#pairZoom::backdrop{background:#000000db}#pairZoom .pairPanel{width:min(560px,92vw)}#closePair{align-self:flex-start;margin-left:auto}.pairText{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--fg);border-radius:5px;padding:6px 8px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px}.zoomMarkers{gap:5px;display:grid}.markerLabel,.kwLabel{text-transform:uppercase;letter-spacing:.08em;color:var(--dim);font-size:10px}.stateTags.markers span{background:var(--accent);color:#14161c;font-weight:600}.pickerWrap>.deckIndex{flex:auto;min-height:0;overflow-y:auto}.deckFilters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.deckFilters #deckSearch{flex:200px;width:auto;min-width:140px}.deckFilters #deckDomain,.deckFilters #deckSort{flex:none;width:auto}.deckFilters #deckCount{white-space:nowrap;flex:none}.noDecks{padding:12px 2px;list-style:none}.deckListTitle{align-items:center;gap:12px;display:flex}.table.watching{grid-template:"hud""top""mat"minmax(190px,auto)/minmax(0,1fr)}.table.watching .slotTop{flex-direction:row;overflow:visible}.table.watching .slotTop>.area.opp{flex:1 1 0}.table.watching .slotTop{grid-area:top}.watchTag{letter-spacing:.09em;text-transform:uppercase;color:var(--bg);background:var(--accent);border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.games{border-top:1px solid var(--line);margin-top:26px;padding-top:18px}.gamesHead{justify-content:space-between;align-items:center;gap:10px;display:flex}.gamesHead h2{margin:0;font-size:15px}.gameList{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.gameRow{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;gap:7px;padding:10px 12px;display:grid}.gameHead{justify-content:space-between;align-items:center;gap:10px;display:flex}.gameCode{letter-spacing:.14em;color:var(--accent);font-family:ui-monospace,monospace;font-size:13px;font-weight:700}.gameSeats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.gameSeat{background:var(--bg);border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;min-width:0;padding:6px 10px;display:flex}.gameSeat>.gameWho{flex:auto;min-width:0}.gameSeat b,.gameSeat .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gameSeat.away{opacity:.55}.gamePts{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700}.gameActions{justify-content:flex-end;display:flex}.deckLegend{letter-spacing:.03em;color:var(--accent);border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;border-radius:20px;flex:none;align-self:center;max-width:190px;padding:1px 7px;font-size:10px;overflow:hidden}.seatLegend{color:var(--accent);margin-top:2px;font-size:11px}.table.watching .oppSide{width:170px}.oppSide{flex-direction:column;gap:8px;display:flex}.oppSide>*{width:100%}.table.watching .oppBody>.oppStats{flex-wrap:nowrap;align-items:center;min-height:20px;overflow-x:auto}.table.watching .oppBody>.badge{min-height:30px}.table.watching .area.opp .oppBase{max-height:none}.watchChampion{cursor:pointer;border-radius:6px;width:100%;position:relative;overflow:hidden}.watchChampion img{border-radius:6px;width:100%;display:block}.watchChampion .slotHint{background:#0009;padding:1px 5px;position:absolute;bottom:0;left:0}.watchChampion.empty{display:none}.gameSeat{align-items:center}.gameWho{line-height:1.35;display:grid}.gameLegend{aspect-ratio:3/4;object-fit:cover;border:1px solid var(--line);background:var(--bg);border-radius:3px;width:38px}.gameLegend.none{opacity:.25;display:block}@media (height<=900px){.matGrid{gap:4px}.baseWrap,.runeWrap{padding:3px 7px 4px}.bfCards{min-height:30px}.bf{gap:3px;padding:5px}:root{--card-sm:clamp(28px, 4.4vh, 52px);--card-md:clamp(46px, 7.6vh, 92px);--card-lg:clamp(52px, 8.6vh, 108px)}}@media (width>=900px){.bf{flex-basis:280px;grid-template-columns:minmax(84px,32%) minmax(0,1fr);align-items:start;min-width:228px;max-width:440px}.bfCard{align-items:flex-start}.bfCard img{max-height:132px}.bf .zoneLabel:not(.attackLabel){display:none}}#victory{background:0 0;border:none;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:0;overflow:hidden}#victory::backdrop{background:#02060edb}#victory[open]{place-items:center;display:grid}.vicWrap{place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.vicSky{background:radial-gradient(42% 38% at 50% 44%,#7ed8ff6b,#0000 70%),radial-gradient(60% 55% at 26% 66%,#3c78d257,#0000 72%),radial-gradient(55% 50% at 76% 32%,#18449661,#0000 70%),linear-gradient(#061223,#0a1a30 55%,#050d1a);animation:15s ease-in-out infinite alternate vicDrift;position:absolute;inset:-20%}.vicRays{aspect-ratio:1;background:conic-gradient(#0000 0deg 6deg,#96dcff29 7deg 9deg,#0000 10deg 26deg,#96dcff1a 27deg 28deg,#0000 29deg 60deg);width:min(140vh,140vw);animation:44s linear infinite vicSpin;position:absolute;-webkit-mask-image:radial-gradient(closest-side,#000 12%,#00000080 45%,#0000 78%);mask-image:radial-gradient(closest-side,#000 12%,#00000080 45%,#0000 78%)}.vicMotes{pointer-events:none;position:absolute;inset:0}.vicMotes i{background:#bfe9ff;border-radius:50%;width:3px;height:3px;animation:9s linear infinite vicFloat;position:absolute;bottom:-10px;box-shadow:0 0 8px 2px #96dcff99}.vicMotes i:first-child{animation-delay:-.4s;left:8%}.vicMotes i:nth-child(2){animation-delay:-3.1s;left:15%}.vicMotes i:nth-child(3){animation-delay:-6.2s;left:22%}.vicMotes i:nth-child(4){animation-delay:-1.7s;left:29%}.vicMotes i:nth-child(5){animation-delay:-4.8s;left:36%}.vicMotes i:nth-child(6){animation-delay:-7.6s;left:43%}.vicMotes i:nth-child(7){animation-delay:-2.3s;left:51%}.vicMotes i:nth-child(8){animation-delay:-5.5s;left:58%}.vicMotes i:nth-child(9){animation-delay:-.9s;left:65%}.vicMotes i:nth-child(10){animation-delay:-8.2s;left:72%}.vicMotes i:nth-child(11){animation-delay:-3.7s;left:79%}.vicMotes i:nth-child(12){animation-delay:-6.9s;left:86%}.vicMotes i:nth-child(13){animation-delay:-1.2s;left:93%}.vicMotes i:nth-child(14){animation-delay:-5.1s;left:4%}.vicStage{text-align:center;justify-items:center;gap:6px;padding:24px;animation:.7s cubic-bezier(.16,1.02,.3,1) both vicRise;display:grid;position:relative}.vicWing{filter:drop-shadow(0 0 14px #96dcff73);width:min(430px,62vw);height:auto}.vicStage>.vicWing:last-of-type{transform:rotate(180deg)}.vicPlate{background-color:#0000;background-image:linear-gradient(#1d1a12,#0d0c08 60%,#17140d),linear-gradient(#f3e0a8,#c8aa6e 40%,#7a5f2c);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:border-box;background-clip:padding-box,border-box;border:3px solid #0000;border-radius:10px;margin:-6px 0;padding:14px 54px;position:relative;box-shadow:0 0 0 1px #000000b3,0 10px 40px #0009,0 0 60px #78c8ff47}.vicWord{letter-spacing:.14em;text-indent:.14em;background:linear-gradient(180deg, var(--gold-bright) 6%, var(--gold-mid) 34%, var(--gold-deep) 62%, #f0dca4 96%);color:#0000;text-shadow:0 2px #00000073;-webkit-background-clip:text;background-clip:text;font:800 clamp(38px,7.4vw,92px)/1 Trajan Pro,Cinzel,Georgia,Times New Roman,serif;display:block;position:relative}.vicWord:after{content:attr(data-word);background:linear-gradient(100deg,#0000 38%,#ffffffeb 50%,#0000 62%) 0 0/260% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:3.4s ease-in-out .55s infinite vicSheen;position:absolute;inset:0}.vicWho{letter-spacing:.02em;color:#eaf6ff;text-shadow:0 0 22px #8cd2ff99;margin:12px 0 0;font-size:clamp(20px,2.6vw,34px);font-weight:700;animation:.7s cubic-bezier(.16,1.02,.3,1) .22s both vicRise}.vicSub{letter-spacing:.1em;text-transform:uppercase;color:#8fb6d8;margin:0 0 18px;font-size:13px;animation:.7s cubic-bezier(.16,1.02,.3,1) .32s both vicRise}#vicClose{width:auto;min-width:190px;animation:.7s cubic-bezier(.16,1.02,.3,1) .42s both vicRise}@keyframes vicRise{0%{opacity:0;transform:translateY(26px)scale(.9)}60%{opacity:1;transform:translateY(0)scale(1.03)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes vicSpin{to{transform:rotate(360deg)}}@keyframes vicDrift{0%{transform:scale(1)translate(-1.5%,1%)}to{transform:scale(1.12)translate(1.5%,-1%)}}@keyframes vicSheen{0%{background-position:160% 0}55%,to{background-position:-60% 0}}@keyframes vicFloat{0%{opacity:0;transform:translateY(0)scale(.6)}12%{opacity:.9}85%{opacity:.55}to{opacity:0;transform:translateY(-104vh)scale(1.25)}}@media (prefers-reduced-motion:reduce){.vicSky,.vicRays,.vicMotes i,.vicWord:after{animation:none}.vicStage,.vicWho,.vicSub,#vicClose{animation:10ms both vicRise}}.vicWrap.defeat .vicSky{background:radial-gradient(42% 38% at 50% 44%,#d65c4e57,#0000 70%),radial-gradient(60% 55% at 26% 66%,#96282c57,#0000 72%),radial-gradient(55% 50% at 76% 32%,#60141a6b,#0000 70%),linear-gradient(#200708,#2c0c0d 55%,#150406)}.vicWrap.defeat .vicRays{background:conic-gradient(#0000 0deg 6deg,#ff96821f 7deg 9deg,#0000 10deg 26deg,#ff968214 27deg 28deg,#0000 29deg 60deg)}.vicWrap.defeat .vicMotes i{background:#ffb08a;animation-name:vicFall;top:-10px;bottom:auto;box-shadow:0 0 8px 2px #e6785080}@keyframes vicFall{0%{opacity:0;transform:translateY(0)scale(1.1)}12%{opacity:.75}85%{opacity:.35}to{opacity:0;transform:translateY(104vh)scale(.6)}}.vicWrap.defeat .vicWing{filter:drop-shadow(0 0 14px #dc5a4666)}.vicWrap.defeat .wingTop{stop-color:#d9b3ac}.vicWrap.defeat .wingMid{stop-color:#a1524a}.vicWrap.defeat .wingLow{stop-color:#4a1f1d}.vicWrap.defeat .vicPlate{background-image:linear-gradient(#1d1211,#0d0807 60%,#170d0c),linear-gradient(#d9b3ac,#a1524a 40%,#4a1f1d);box-shadow:0 0 0 1px #000000b3,0 10px 40px #0009,0 0 60px #dc504642}.vicWrap.defeat .vicWord{background:linear-gradient(#ffe4dc 6%,#e39a8e 34%,#a84b42 62%,#f0c4b8 96%);-webkit-background-clip:text;background-clip:text}.vicWrap.defeat .vicWho{color:#ffeae4;text-shadow:0 0 22px #e678648c}.vicWrap.defeat .vicSub{color:#d3948c}.vicWrap.defeat #vicClose{color:#ffd9d1;border-color:#7a3a34}.vicWrap.defeat #vicClose:hover{border-color:#c86a5e}.openHand{border-color:var(--accent);color:var(--accent);place-self:start}.openHand b{font-variant-numeric:tabular-nums}.openHand.picked{background:#c8aa6e24}.handWrap>.zoneLabel #handShow em{color:var(--accent);text-transform:none;letter-spacing:0;font-style:normal}html.oppTight .area.opp .openHand{display:inline-flex}.library{grid-template-rows:auto minmax(0,1fr);height:100%;display:grid}.libraryBody{grid-template-columns:clamp(240px,24vw,360px) minmax(0,1fr);gap:14px;padding:14px 16px;display:grid;overflow:hidden}.libraryList{grid-template-rows:auto minmax(0,1fr);gap:9px;display:grid;overflow:hidden}.libraryList .deckIndex{overflow-y:auto}.libraryView{grid-template-rows:auto minmax(0,1fr);gap:12px;display:grid;overflow:hidden}.libEmpty{grid-row:span 2;place-items:center;font-size:14px;display:grid}.libHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:10px;display:flex}.libHead h2{margin:0 0 2px;font-size:19px}.libCards{align-content:start;gap:18px;padding-right:4px;display:grid;overflow-y:auto}.libSection h4{text-transform:uppercase;letter-spacing:.09em;color:var(--dim);margin:0 0 8px;font-size:12px}.libGrid{grid-template-columns:repeat(auto-fill,minmax(clamp(96px,9vw,132px),1fr));gap:10px;display:grid}.libCard{justify-items:center;gap:4px;display:grid}.libCard>button{border:1px solid var(--line);background:var(--bg);cursor:zoom-in;border-radius:7px;width:100%;padding:0;position:relative;overflow:hidden}.libCard>button:hover{border-color:var(--accent)}.libCard img{aspect-ratio:63/88;object-fit:cover;width:100%;display:block}.libCount{background:var(--accent);min-width:20px;color:var(--gold-ink);font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 5px;font:700 11px/1.5 system-ui,sans-serif;position:absolute;bottom:4px;right:4px}.libName{color:var(--dim);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.25;display:-webkit-box;overflow:hidden}.libraryList .deckOpen{text-align:left;align-items:center;gap:10px;width:100%;display:flex}.libraryList .deckOpen.picked{border-color:var(--accent);background:#c8aa6e1a}.libWho{min-width:0;display:grid}.libWho b,.libWho .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.libLegend{aspect-ratio:63/88;object-fit:cover;border-radius:4px;flex:none;width:34px}.libLegend.none{background:var(--panel-2);border:1px dashed var(--line)}@media (width<=1000px){.libraryBody{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}}.chain{border:1px dashed var(--line);background:#0000002e;border-radius:8px;align-items:center;gap:10px;min-height:0;margin-bottom:8px;padding:4px 8px;display:flex}.chain.empty{opacity:.55}.chain.empty .chainCards{min-height:0}.chainLabel{text-transform:uppercase;letter-spacing:.08em;color:var(--dim);flex:none;font-size:10px}.chainLabel b{color:var(--accent);font-variant-numeric:tabular-nums}.chainCards{flex-wrap:nowrap;flex:auto;align-items:center;gap:5px;min-width:0;overflow-x:auto}.chain:not(.empty){border-style:solid;border-color:var(--accent);background:#c8aa6e14}.pileSearch{flex:none}.pileWrap>.pileNote b{color:var(--accent);font-weight:600}.pilePick{justify-items:center;gap:4px;display:grid}.pilePickEnds{gap:4px;display:flex}.pilePickEnds button{border-color:var(--line);color:var(--dim);background:0 0;padding:1px 7px;font-size:10px;line-height:1.5}.pilePickEnds button:hover{border-color:var(--accent);color:var(--accent)}.pip.status.copy{color:#d8d0ff;background:#2a2350;border-color:#5b4ea0}.phases{align-items:center;gap:3px;margin-right:4px;display:flex}.phase{border:1px solid var(--line);background:var(--panel-2);width:20px;height:20px;color:var(--dim);cursor:help;border-radius:5px;place-items:center;font:700 11px/1 system-ui,sans-serif;display:grid;position:relative}.phase:hover,.phase:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}.phase:after{content:attr(data-tip);z-index:80;border:1px solid var(--line);background:var(--panel);width:max-content;max-width:280px;color:var(--fg);text-align:left;letter-spacing:0;opacity:0;pointer-events:none;border-radius:7px;padding:8px 10px;font:400 12px/1.45 system-ui,sans-serif;transition:opacity .12s;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #00000080}.phase:hover:after,.phase:focus-visible:after{opacity:1}#opening{background:0 0;border:none;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:0;overflow:hidden}#opening::backdrop{background:#040810e0}#opening[open]{place-items:center;display:grid}.openWrap{text-align:center;justify-items:center;gap:6px;padding:24px;display:grid}.openTitle{letter-spacing:.04em;background:linear-gradient(180deg, var(--gold-bright) 10%, var(--gold-mid) 45%, var(--gold-deep) 90%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font:700 clamp(20px,3vw,30px)/1.1 Bricolage Grotesque,system-ui,sans-serif}.openSay{max-width:46ch;color:var(--dim);margin:0 0 10px;font-size:13px}.openCount{color:var(--dim);min-height:1.2em;margin:10px 0 0;font-size:12px}.openActions{width:100%;margin-top:14px}.openActions .ghost{width:100%}#openGo{min-width:220px}.openRow{align-items:flex-start;gap:clamp(8px,1.6vw,20px);display:flex}.openCard{width:clamp(110px,15vw,210px)}.openFlip{cursor:pointer;perspective:1000px;background:0 0;border:none;width:100%;padding:0;display:block}.openInner{aspect-ratio:63/88;width:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,.9,.3,1);transition-delay:calc(var(--i) * .42s + .15s);display:block;position:relative;transform:rotateY(180deg)}.openCard.up .openInner{transform:none}.openCard.picked .openInner{transition-delay:0s;transform:rotateY(180deg)}.openBack,.openFace{backface-visibility:hidden;border:1px solid var(--line);border-radius:10px;position:absolute;inset:0;overflow:hidden}.openFace img{object-fit:cover;width:100%;height:100%;display:block}.openBack{background:linear-gradient(160deg, var(--back-1), var(--back-2) 60%, var(--back-3));place-items:center;display:grid;transform:rotateY(180deg)}.openMark{aspect-ratio:1;border:2px solid #c8aa6e80;border-radius:6px;width:38%;transform:rotate(45deg)}.openCard:hover .openFace,.openCard:hover .openBack{border-color:var(--accent)}.openCard.picked{opacity:.8}@media (prefers-reduced-motion:reduce){.openInner{transition:none}}.card.dealtLanding{visibility:hidden}.dealtFly{z-index:70;pointer-events:none;perspective:900px;transition:transform var(--flight,.62s) cubic-bezier(.32, .86, .35, 1);position:fixed}.dealtInner{width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--flight,.62s) cubic-bezier(.32, .86, .35, 1);display:block;position:relative;transform:rotateY(180deg)scale(1.22)}.dealtInner.flat{transform:scale(1.06)}.dealtFly.landed .dealtInner{transform:none}.dealtBack,.dealtFace{backface-visibility:hidden;border-radius:5px;position:absolute;inset:0;overflow:hidden;box-shadow:0 10px 26px #0000008c}.dealtFace>.card{width:100%;height:100%}.dealtFace img{object-fit:cover;width:100%;height:100%;display:block}.dealtBack{background:linear-gradient(160deg, var(--back-1), var(--back-2) 60%, var(--back-3));border:1px solid var(--line);transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.dealtFly{display:none}}#firstUp{background:0 0;border:none;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:0;overflow:hidden}#firstUp::backdrop{background:#040810e6}#firstUp[open]{place-items:center;display:grid}.firstWrap{text-align:center;opacity:0;justify-items:center;gap:2px;padding:24px;transition:opacity .4s,transform .4s cubic-bezier(.2,.9,.3,1);display:grid;transform:translateY(14px)}#firstUp.up .firstWrap{opacity:1;transform:none}.firstEyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--dim);margin:0 0 4px;font-size:12px}.firstName{letter-spacing:.02em;background:linear-gradient(180deg, var(--gold-bright) 8%, var(--gold-mid) 44%, var(--gold-deep) 92%);color:#0000;text-shadow:0 0 46px #c8aa6e47;-webkit-background-clip:text;background-clip:text;max-width:92vw;margin:0;font:700 clamp(44px,11vw,150px)/1 Cinzel,Georgia,serif;animation:.62s cubic-bezier(.2,1.1,.3,1) both firstLand}@keyframes firstLand{0%{opacity:0;letter-spacing:.14em;transform:scale(1.22)}to{opacity:1;letter-spacing:.02em;transform:none}}.firstGoes{letter-spacing:.3em;text-transform:uppercase;color:#d8c79a;margin:0 0 18px;font:400 clamp(15px,2.2vw,22px)/1.2 Cinzel,Georgia,serif}.firstOrder{border-top:1px solid #c8aa6e40;border-bottom:1px solid #c8aa6e40;gap:6px;margin:0;padding:14px 26px;list-style:none;display:grid}.firstOrder li{opacity:0;width:min(20ch,72vw);animation:.45s both firstRow;animation-delay:calc(var(--i) * .16s + .5s);align-items:baseline;gap:14px;display:flex}@keyframes firstRow{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.firstRank{text-align:right;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);flex:0 0 7ch;font-size:12px}.firstWho{color:var(--ink);font-size:clamp(16px,2.4vw,24px)}.firstWho.you{color:var(--gold-mid)}.firstSay{color:var(--dim);margin:16px 0 0;font-size:12px}.firstActions{margin-top:18px}#firstGo{min-width:220px}@media (prefers-reduced-motion:reduce){.firstWrap{opacity:1;transition:none;transform:none}.firstName,.firstOrder li{opacity:1;animation:none}}.firstNote{max-width:44ch;color:var(--dim);margin:4px 0 0;font-size:12px;line-height:1.5}.firstDrawn{max-width:44ch;color:var(--ink);margin:10px 0 0;font-size:13px;line-height:1.5}.firstDrawn b{color:var(--accent)}.openWrap.looking .openFlip{cursor:default}.openWrap.looking .openCard:hover .openFace,.openWrap.looking .openCard:hover .openBack{border-color:var(--line)}#champSetup,#present{background:0 0;border:none;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:0;overflow:hidden}#present::backdrop,#champSetup::backdrop{background:#040810e0}#present[open],#champSetup[open]{place-items:center;display:grid}.champQuick{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.champPick{width:clamp(96px,12vw,150px);color:inherit;cursor:pointer;background:0 0;border:none;gap:6px;padding:0;font-size:12px;display:grid}.champPick img{border:2px solid var(--line);border-radius:8px;width:100%;transition:border-color .15s,transform .15s;display:block}.champPick:hover img{border-color:var(--accent);transform:translateY(-4px)}.champPick span{color:var(--dim)}.champPick:hover span{color:var(--ink)}#champSetup .openActions{display:block}#champSetup #champPick{width:min(420px,80vw)}@media (prefers-reduced-motion:reduce){.champPick img{transition:none}.champPick:hover img{transform:none}}.presentWrap{text-align:center;justify-items:center;gap:6px;padding:24px;display:grid}.presentRow{align-items:flex-start;gap:clamp(8px,1.6vw,20px);display:flex}.presentCard{width:clamp(160px,22vw,300px);color:inherit;cursor:pointer;background:0 0;border:none;gap:6px;padding:0;display:grid}.presentCard img,.presentCard .presentNone{aspect-ratio:744/520;border:2px solid var(--line);object-fit:cover;background:#ffffff0a;border-radius:10px;width:100%;transition:border-color .15s,transform .15s;display:block}.presentCard:hover img,.presentCard:hover .presentNone{border-color:var(--accent)}.presentCard.picked img,.presentCard.picked .presentNone{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 10px 24px #00000080}.presentCard .presentName{color:var(--dim);font-size:12px}.presentCard.picked .presentName{color:var(--ink)}.presentCard:disabled{cursor:default;opacity:.45}.presentCard.picked:disabled{opacity:1}.presentCard:disabled:hover img,.presentCard:disabled:hover .presentNone{border-color:var(--line)}.presentCard.picked:disabled img{border-color:var(--accent)}#presentGo{min-width:220px}.presentActions{grid-template-columns:1fr 1fr;align-items:stretch;gap:20px;display:grid}.presentActions>button{width:100%}.presentActions #presentGo{min-width:0}@media (prefers-reduced-motion:reduce){.presentCard img,.presentCard .presentNone{transition:none}.presentCard.picked img,.presentCard.picked .presentNone{transform:none}}.mobileBar{background:var(--accent);color:var(--gold-ink);text-align:center;padding:9px 22px;font-size:14px;text-decoration:none;display:block}.mobileBar[hidden]{display:none}.mobileBar strong{text-decoration:underline}.mobileBar:hover{filter:brightness(1.06)}.newVersion{z-index:60;background:var(--panel);border:1px solid var(--accent);border-radius:10px;align-items:center;gap:12px;max-width:min(680px,92vw);padding:10px 14px;font-size:13px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000008c}.newVersion span{flex:1}.unread{background:var(--accent);min-width:1.35em;color:var(--gold-ink);text-align:center;border-radius:999px;margin-left:6px;padding:0 4px;font-size:11px;font-weight:700;line-height:1.45;display:inline-block}.tableChat{border-top:1px solid var(--line);flex-direction:column;flex:0 auto;min-height:0;display:flex}.tableChatList{flex:auto;min-height:3.5rem;max-height:40vh;margin:0;padding:8px 10px;font-size:12px;line-height:1.5;list-style:none;overflow-y:auto}.tableChatList li{overflow-wrap:anywhere;padding:2px 0}.tableChatList li.mine .tableChatWho{color:var(--accent)}.tableChatWho{color:var(--ink);margin-right:6px;font-weight:600}.tableChatEmpty{color:var(--dim);font-style:italic}.tableChatForm{border-top:1px solid var(--line);gap:6px;padding:8px 10px;display:flex}.tableChatForm input{flex:1;min-width:0;padding:5px 8px;font-size:12px}#luxOffer{background:0 0;border:none;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:0}#luxOffer[open]{place-items:center;display:grid}#luxOffer::backdrop{background:#040810e0}.luxWrap{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;justify-items:center;gap:10px;padding:24px 28px 20px;display:grid;box-shadow:0 24px 60px #0009}.luxWrap .openActions{gap:10px;display:flex}.luxGif{border:1px solid var(--line);border-radius:10px;max-width:min(520px,86vw);max-height:52vh;display:block}.chatPage{flex-direction:column;gap:12px;min-height:0;display:flex}.chatPage>:not(.builderHead){margin-left:16px;margin-right:16px}.chatPage>.chatForm{margin-bottom:16px}.chatNote{color:var(--dim);border-left:2px solid var(--accent);margin:0;padding-left:10px;font-size:12px}.chatList{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex:auto;min-height:0;margin:0;padding:12px 14px;list-style:none;overflow-y:auto}.chatEmpty{color:var(--dim);margin:0;font-size:13px}.chatLine{grid-template-columns:minmax(6ch,max-content) 1fr max-content;align-items:baseline;gap:10px;padding:4px 0;font-size:14px;line-height:1.5;display:grid}.chatWho{color:var(--accent);overflow-wrap:anywhere;font-weight:600}.chatSaid{overflow-wrap:anywhere}.chatWhen{color:var(--dim);font-variant-numeric:tabular-nums;font-size:11px}.chatName{gap:10px;max-width:42ch;display:grid}.chatName label{font-size:14px;font-weight:600}.chatName .row{gap:8px;display:flex}.chatName input{flex:1}.chatName p{margin:0}.chatForm{gap:8px;display:flex}.chatForm input{flex:1}@media (width<=640px){.chatLine{grid-template-columns:1fr;gap:2px}.chatWhen{display:none}}#appsDialog{background:0 0;border:none;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:0}#appsDialog[open]{place-items:center;display:grid}#appsDialog::backdrop{background:#000000db}.getPanel{background:var(--panel);border:1px solid var(--line);border-radius:10px;width:min(620px,92vw);max-height:88vh;padding:16px 20px 20px;overflow:auto}.getPanel header{align-items:center;gap:12px;display:flex}.getPanel header h3{flex:1;margin:0}.getSection{margin-top:18px}.getSection+.getSection{border-top:1px solid var(--line);padding-top:18px}.getSection h4{align-items:baseline;gap:8px;margin:0 0 8px;font-size:14px;display:flex}.getSection h4 .small{font-weight:400}.getRow{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.getSay{flex-direction:column;flex:15rem;align-items:flex-start;gap:8px;display:flex}.getSay p{margin:0}.getBtn{font:inherit;color:var(--gold-ink);background:var(--accent);border:1px solid var(--accent);border-radius:7px;margin-top:10px;padding:9px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.getBtn:hover{opacity:.9}.getWarn{background:#d01b231a;border:1px solid #d01b2380;border-radius:8px;margin-top:10px;padding:12px 14px}.getWarn p{margin:0;font-size:13px;line-height:1.5}.getSteps{color:var(--dim);margin:10px 0 0;padding-left:20px;font-size:13px;line-height:1.7}.getSteps b{color:var(--ink);font-weight:600}.getSteps kbd{font:inherit;background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:12px}.pip.buff{color:#f0dfb0;background:#c8aa6e38;border-color:#c8aa6e8c;font-weight:700}.counterList{gap:6px;display:grid}.counterRow{border:1px solid var(--line);background:#ffffff05;border-radius:8px;grid-template-columns:1fr auto auto auto auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.counterName{text-transform:capitalize}.counterValue{text-align:right;font-variant-numeric:tabular-nums;min-width:2.5ch;color:var(--accent);font-weight:700}.outTag{color:#e0a0a0;letter-spacing:.1em;text-transform:uppercase;background:#c05a5a29;border:1px solid #c05a5a80;border-radius:999px;padding:1px 7px;font-size:10px}.ghost.danger{color:#d99;border-color:#c05a5a73}.ghost.danger:hover{color:#f2b5b5;border-color:#c05a5ae6}.ruleChips{flex-wrap:wrap;gap:6px;display:flex}.ruleChip{border:1px solid var(--line);color:var(--dim);cursor:pointer;background:#ffffff08;border-radius:999px;padding:3px 10px;font-size:11px}.ruleChip:hover{border-color:var(--accent);color:var(--ink)}.ruleGroup{margin:0 0 14px}.ruleGroupHead{z-index:1;background:var(--panel);border-bottom:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin:0 0 6px;padding:4px 0;font-size:11px;font-weight:600;position:sticky;top:0}.ruleGroupHead .linkish{font:inherit;letter-spacing:inherit;text-decoration:none}.ruleGroupHead .linkish:hover{text-decoration:underline}.rulesList mark{color:inherit;background:#c8aa6e47;border-radius:2px;padding:0 1px}.rulesList:not(.reading) .rule[data-rule]{cursor:pointer;border-radius:4px}.rulesList:not(.reading) .rule[data-rule]:hover{background:#ffffff0a}.rulesList .rule.target{box-shadow:inset 2px 0 0 var(--accent);background:#c8aa6e1f}.ruleBack{margin:0 0 10px;font-size:12px}.askGo{width:100%;color:var(--accent);text-align:left;cursor:pointer;background:#c8aa6e12;border:1px dashed #c8aa6e80;border-radius:8px;padding:7px 10px;font-size:12px}.askGo:hover{background:#c8aa6e21;border-style:solid}.askWrap{border:1px solid #c8aa6e66;border-left:3px solid var(--accent);background:#c8aa6e12;border-radius:8px;padding:10px 12px}.askWrap.failed{background:#c05a5a14;border-color:#c05a5a80 #c05a5a80 #c05a5a80 #c05a5a}.askWrap.thinking{border-style:dashed}.askLabel{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-size:10px}.askProse{margin:0 0 8px;font-size:13px;line-height:1.55}.askNote{color:var(--dim);margin:0 0 6px;font-size:12px}.askFrom{color:var(--dim);margin:0 0 6px;font-size:11px}.askCite{color:var(--accent);font:inherit;cursor:pointer;background:#c8aa6e1f;border:1px solid #c8aa6e66;border-radius:4px;padding:0 4px;font-size:.92em}.askCite:hover{background:#c8aa6e42}.settingsBody{max-width:720px;margin:18px auto 0;padding-bottom:100px}.setCheck{cursor:pointer;align-items:center;gap:10px;margin:12px 0;font-size:14px;display:flex}.setCheck input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.setBlock{gap:10px;display:grid}.setBlock h2{margin:0;font-size:16px}.setRow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.setRow input{flex:260px;min-width:200px}.setState{border:1px solid var(--line);border-left:3px solid var(--line);color:var(--dim);border-radius:8px;margin:0;padding:8px 10px;font-size:13px}.setState.on{border-left-color:var(--accent);color:var(--ink)}.setWarn{background:#c05a5a1a;border:1px solid #c05a5a73;border-radius:8px;margin:0;padding:8px 10px;font-size:12px}.setNote{background:#c8aa6e14;border:1px solid #c8aa6e66;border-radius:8px;margin:0;padding:8px 10px;font-size:13px;line-height:1.5}.setNote.bad{background:#c05a5a1a;border-color:#c05a5a80}.setFine{border-top:1px solid var(--line);padding-top:10px;line-height:1.6}.score.scored{animation:.75s cubic-bezier(.2,1.2,.3,1) scorePop}@keyframes scorePop{0%{transform:scale(1)}22%{border-color:var(--accent);color:var(--gold-bright);background:#c8aa6e80;transform:scale(1.35)}to{transform:scale(1)}}.badge.arrived{animation:1.1s ease-out turnHere}@keyframes turnHere{0%{box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 0 #c8aa6e8c}35%{box-shadow:inset 0 0 0 1px var(--accent), 0 0 18px 5px #c8aa6e59}to{box-shadow:none}}@media (prefers-reduced-motion:reduce){.score.scored,.badge.arrived{animation:none}}#dice-3d-overlay{z-index:80;pointer-events:none;opacity:0;transition:opacity .25s;position:fixed;inset:0}#dice-3d-overlay.rolling{opacity:1}#dice-3d-overlay canvas{width:100%;height:100%;display:block}.diceSaid{z-index:81;color:var(--ink);background:#0a0e18f0;border:1px solid #c8aa6e80;border-radius:999px;align-items:baseline;gap:10px;padding:10px 18px;font-size:18px;animation:4.2s ease-out forwards diceSaid;display:flex;position:fixed;bottom:12%;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0000008c}.diceSaid b{color:var(--accent);font-variant-numeric:tabular-nums}.diceSaid em{color:var(--accent);font-style:normal;font-weight:700}.diceSaid span{color:var(--dim);font-size:12px}@keyframes diceSaid{0%{opacity:0;transform:translate(-50%,10px)}8%,82%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}@media (prefers-reduced-motion:reduce){.diceSaid{animation:none}}.libraryList .deckFilters input,.libraryList .deckFilters select{border-radius:10px;height:42px;padding:0 15px}.libraryList .deckFilters{flex-wrap:wrap}.libraryList .deckFilters #libSearch{flex:100%;min-width:0}.libraryList .deckFilters select{flex:1 1 0;width:auto;min-width:0}.lobby .deckFilters{grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;display:grid}.lobby .deckFilters #deckSearch{min-width:0}.siteHead button,.landing button,.builderHead button,.libHead button,.poolControls button,.pool #showMore,.lobby button{border-radius:10px;height:42px;padding:0 20px;font-size:15px;font-weight:600;line-height:36px}.siteHead input,.landing input,.landing select,.builderHead input,.poolControls input,.poolControls select,.deckPanel input,.lobby input,.lobby select{border-radius:10px;height:42px;padding:0 15px}.landing .linkish,.lobby .linkish{height:auto;line-height:inherit;font:inherit;border-radius:0;padding:0}.lobby .code{padding:0;font-size:30px;font-weight:700}.slot #stand{justify-self:stretch;width:100%}.packsBody{padding:20px 15px}.packLead{max-width:56ch;margin:0 0 18px}.packProblem{color:var(--warn,#d88)}.packSets{flex-wrap:wrap;gap:12px;display:flex}.packPick{text-align:left;border:1px solid var(--line);cursor:pointer;background:linear-gradient(160deg,#182142,#0e1526 70%);border-radius:12px;gap:2px;min-width:170px;padding:14px 18px;display:grid}.packPick:hover{border-color:var(--accent)}.packPickName{font-weight:600}.packPickSub{color:var(--dim);font-size:12px}.packStage{align-content:center;justify-items:center;min-height:min(72vh,720px);padding:12px 0;display:grid;position:relative}.packTear{cursor:pointer;background:0 0;border:none;padding:0}.packTear:disabled{cursor:default}.packWrap{aspect-ratio:63/88;perspective:900px;width:clamp(230px,30vw,330px);position:relative}.packStrip{z-index:4;background:linear-gradient(180deg, #2b3766, var(--back-1));border:1px solid var(--line);border-bottom:1px dashed #c8aa6e8c;border-radius:10px 10px 2px 2px;height:13%;position:absolute;inset:0 0 auto}.packTeeth{z-index:3;opacity:0;background:repeating-linear-gradient(135deg, var(--back-1) 0 3px, transparent 3px 6px);height:5px;position:absolute;inset:13% 0 auto;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.packInside{z-index:1;position:absolute;inset:9% 6% 6%}.packLeaf{border:1px solid var(--line);background:linear-gradient(160deg, var(--back-1), var(--back-2) 60%, var(--back-3));border-radius:20px;place-items:center;display:grid;position:absolute;inset:0;box-shadow:0 8px 22px #0000008c}.packLeaf:after{content:"";aspect-ratio:1;border:2px solid #c8aa6e80;border-radius:6px;width:38%;transform:rotate(45deg)}.packLeaf:first-child{transform:translate(-7px,-5px)rotate(-2.2deg)}.packLeaf:nth-child(2){transform:translate(5px,-3px)rotate(1.6deg)}.packLeaf:first-child:after,.packLeaf:nth-child(2):after{display:none}.packBody{border:1px solid var(--line);background:radial-gradient(120% 90% at 50% 0%, #5a82dc40, transparent 60%), linear-gradient(165deg, var(--back-1), var(--back-2) 60%, var(--back-3));z-index:2;border-radius:2px 2px 12px 12px;align-content:center;place-items:center;gap:14px;display:grid;position:absolute;inset:13% 0 0}.packPit{letter-spacing:.04em;color:#c8aa6e;font-size:15px;font-weight:700}.packBrand{letter-spacing:.22em;text-transform:uppercase;color:var(--dim);font-size:13px}.packSet{font-size:20px;font-weight:700}.packLogo{opacity:.95;border-radius:14px;width:34%;height:auto}.packHint{text-align:center;color:var(--dim);min-height:1.2em;font-size:12px;position:absolute;inset:auto 0 16px}.packFoil{pointer-events:none;background:linear-gradient(115deg,#0000 38%,#ffffff29 48%,#0000 58%) 0 0/260% 100%;border-radius:12px;animation:3.6s ease-in-out infinite packSheen;position:absolute;inset:0}@keyframes packSheen{0%{background-position:150% 0}60%,to{background-position:-70% 0}}@keyframes packPullOff{0%{opacity:1;transform:translate(0)rotate(0)}35%{opacity:1;animation-timing-function:cubic-bezier(.45,.05,.35,1);transform:translate(-18%,-4%)rotate(-1.5deg)}to{opacity:0;transform:translate(-135%,-16%)rotate(-7deg)}}.packWrap.torn .packStrip{animation:.6s linear both packPullOff}.packWrap.off .packStrip{opacity:0;animation:none}@keyframes packTeeth{0%,55%{opacity:0}to{opacity:1}}.packWrap.torn .packTeeth{animation:.6s both packTeeth}.packWrap.off .packTeeth{opacity:1;animation:none}.packWrap.torn .packFoil{opacity:0}@keyframes packPullOut{0%{transform:translateY(0)scale(1)}to{transform:translateY(-64%)scale(1.04)}}.packWrap.pulling .packInside{animation:.75s cubic-bezier(.3,.7,.25,1) both packPullOut}.packWrap.pulled .packInside{animation:none;transform:translateY(-64%)scale(1.04)}@keyframes packDrop{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(115vh)rotate(7deg)scale(.72)}}.packWrap.dropping .packBody{animation:.6s cubic-bezier(.5,0,.9,.5) both packDrop}@keyframes packSettle{0%{opacity:.85;transform:translateY(-5%)scale(.92)}to{opacity:1;transform:none}}.packStack.drawn{animation:.35s cubic-bezier(.2,.8,.3,1) both packSettle}.packMotes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.packMotes i{background:#c8aa6ee6;border-radius:50%;width:5px;height:5px;animation:1.5s ease-out forwards packSpark;position:absolute;bottom:30%;box-shadow:0 0 8px 2px #c8aa6e80}@keyframes packSpark{0%{opacity:0;transform:translateY(0)scale(.4)}20%{opacity:1}to{opacity:0;transform:translateY(-46vh)scale(1.2)}}.packStack{aspect-ratio:63/88;perspective:1200px;width:clamp(240px,32vw,390px);position:relative}.packCard{transform:translate(calc(var(--depth) * 6px), calc(var(--depth) * -6px));transition:transform .4s,opacity .4s;position:absolute;inset:0}.packCard.top{cursor:pointer;z-index:5}.packCard.tuck{pointer-events:none;animation:.5s cubic-bezier(.4,0,.3,1) both packTuck}@keyframes packTuck{0%{z-index:20;transform:translate(0)rotate(0)scale(1)}46%{z-index:20;transform:translate(-64%,2%)rotate(-7deg)scale(.94)}54%{z-index:0;transform:translate(-64%,2%)rotate(-7deg)scale(.94)}to{z-index:0;transform:translate(18px,-18px)rotate(0)scale(1)}}.packInner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.3,.9,.3,1);position:relative;transform:rotateY(180deg)}.packCard.up .packInner{transform:none}.packBack,.packFace{backface-visibility:hidden;border:1px solid var(--line);border-radius:20px;position:absolute;inset:0;overflow:hidden}.packBack{background:linear-gradient(160deg, var(--back-1), var(--back-2) 60%, var(--back-3));place-items:center;display:grid;transform:rotateY(180deg)}.packFace img{object-fit:cover;width:100%;height:100%;display:block}.packCard.foil .packFace:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff47 50%,#0000 60%) 0 0/250% 100%;animation:2.8s ease-in-out infinite packSheen;position:absolute;inset:0}.packRarity{text-transform:capitalize;border:1px solid var(--line);background:#080c16d9;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;bottom:8px;left:8px}.packRarity.r-uncommon{border-color:#9aa6b8}.packRarity.r-rare{color:#e6cf9b;border-color:#c8aa6e}.packRarity.r-epic{color:#dcb7ef;border-color:#b07bd0}.packCount{color:var(--dim);margin:16px 0 0;font-size:13px}.packSaid{margin:6px 0 0;font-size:14px}.packAgain{gap:10px;margin-top:16px;display:flex}@media (prefers-reduced-motion:reduce){.packFoil,.packMotes i,.packCard.foil .packFace:after{animation:none}.packCard.tuck{animation-duration:1ms}.packStack.drawn{animation:none}.packWrap,.packStrip,.packBody,.packCard,.packInner{transition:none}}.packStage.done{align-content:start;padding-top:24px}.packStage.opening{background:radial-gradient(90% 55% at 50% 62%,#5a82dc17,#0000 70%);align-content:end;padding-bottom:clamp(16px,5vh,48px)}.draftPack.opening .packStage{min-height:min(62vh,620px)}.draftPack.opening .packWrap{width:clamp(200px,22vw,280px)}.draftSet{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.draftSetPick{flex-wrap:wrap;gap:6px;display:flex}.draftSetPick button{border:1px solid var(--line);width:auto;color:var(--dim);cursor:pointer;background:0 0;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.draftSetPick button:hover{border-color:var(--accent)}.draftSetPick button.on{border-color:var(--accent);color:var(--fg);background:#c8aa6e24}.packCard.aside .packFace:before{content:"not drafted";z-index:2;border:1px solid var(--line);letter-spacing:.02em;color:var(--dim);background:#04070ed1;border-radius:999px;padding:2px 8px;font-size:10px;position:absolute;top:8px;right:8px}.packFan{grid-template-columns:repeat(auto-fill,minmax(clamp(110px,12vw,160px),1fr));gap:12px;width:100%;max-width:1120px;margin-top:16px;display:grid}.packFanCard{aspect-ratio:63/88;border:1px solid var(--line);background:var(--back-2);border-radius:10px;position:relative;overflow:hidden}.packFanCard img{object-fit:cover;width:100%;height:100%;display:block}.packFanCard .packRarity{padding:1px 6px;font-size:10px;bottom:6px;left:6px}.packFanCard.foil{border-color:#c8aa6ebf}.packFanCard.foil:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff42 50%,#0000 60%) 0 0/250% 100%;animation:2.8s ease-in-out infinite packSheen;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.packFanCard.foil:after{animation:none}}.packCard.land .packFace img,.packFanCard.land img,.draftCard.land img,.dbCard.land img{aspect-ratio:1039/744;object-fit:cover;width:calc(139.7% + 2px);height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.packFanCard{cursor:pointer;padding:0;display:block}.packFanCard:hover{border-color:var(--accent)}.draftPanel{grid-template-columns:1fr;gap:10px;display:grid}.draftPanel.on{border-color:var(--accent)}.draftHead{justify-content:space-between;align-items:center;gap:12px;display:flex}.draftSwitch{margin:0}.draftWhat{gap:8px;max-width:70ch;display:grid}.draftWhat p{margin:0;line-height:1.5}.draftScreen{gap:22px;max-width:1180px;margin:0 auto;padding:18px 15px 80px;display:grid}.draftHeader{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.draftHeader h1{margin:0 0 2px}.draftCount{white-space:nowrap;font-size:26px;font-weight:700}.draftCount .muted{font-size:15px;font-weight:400}.draftScreen h2{margin:0 0 10px;font-size:14px}.draftGrid{grid-template-columns:repeat(auto-fill,minmax(clamp(96px,10vw,140px),1fr));gap:10px;display:grid}.draftGrid.small{grid-template-columns:repeat(auto-fill,minmax(clamp(68px,7vw,96px),1fr));gap:7px}.draftCard{border:1px solid var(--line);background:var(--back-2);aspect-ratio:63/88;cursor:pointer;border-radius:10px;padding:0;display:block;position:relative;overflow:hidden}.draftCard img{object-fit:cover;width:100%;height:100%;display:block}.draftCard.pickable:hover{border-color:var(--accent);transform:translateY(-3px)}.draftCard{transition:transform .15s,border-color .15s}.draftCard:disabled{opacity:.5;cursor:default}.draftPack.waiting{opacity:.85}.draftSeats{gap:6px;max-width:520px;margin:0;padding:0;list-style:none;display:grid}.draftSeats li{border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr auto auto;align-items:baseline;gap:12px;padding:7px 12px;display:grid}.draftSeats li.me{border-color:var(--accent)}.dsPool{font-variant-numeric:tabular-nums;font-weight:700}.dsWait{color:var(--dim);font-size:12px}.dsWait.done{opacity:.6}.draftDone{gap:10px;max-width:70ch;display:grid}.draftReader::backdrop{background:#04070ebf}.draftPage{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.draftPage button{width:auto;min-width:44px}#draftTake{width:100%;margin-top:14px}.dbPage{padding:20px 20px 140px}.dbLead{max-width:72ch}.dbShort{color:var(--accent)}.dbHead{margin:18px 0 10px;font-size:14px}.dbGrid{grid-template-columns:repeat(auto-fill,minmax(clamp(78px,8vw,110px),1fr));gap:8px;display:grid}.dbGrid.small{grid-template-columns:repeat(auto-fill,minmax(clamp(70px,7vw,96px),1fr))}.dbCard{border:1px solid var(--line);background:var(--back-2);aspect-ratio:63/88;cursor:pointer;opacity:.4;border-radius:10px;padding:0;transition:opacity .15s,border-color .15s;position:relative;overflow:hidden}.dbCard.in{opacity:1;border-color:var(--accent)}.dbCard img{object-fit:cover;width:100%;height:100%;display:block}.dbMark{border:1px solid var(--line);background:#080c16d9;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:grid;position:absolute;top:4px;right:4px}.dbCard.in .dbMark{background:var(--accent);color:#101010;border-color:var(--accent)}.dbRunes{flex-wrap:wrap;gap:12px;margin-bottom:10px;display:flex}.dbRune{border:1px solid var(--line);border-radius:10px;justify-items:center;gap:4px;min-width:96px;padding:8px 10px;display:grid}.dbRune img{border-radius:6px;width:44px}.dbRuneName{color:var(--dim);font-size:12px}.dbRuneN{text-align:center;font-variant-numeric:tabular-nums;min-width:20px}.dbGo{flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px;display:flex}@media (prefers-reduced-motion:reduce){.draftCard,.dbCard{transition:none}.draftCard.pickable:hover{transform:none}}.kwBlock{margin-top:12px}.kwList{flex-wrap:wrap;gap:6px;display:flex}.kw{border:1px solid var(--accent);cursor:help;outline-offset:2px;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-block;position:relative}.kw.bare{border-color:var(--line);color:var(--dim);cursor:default}.kwSay{z-index:60;border:1px solid var(--line);text-align:left;white-space:normal;background:#0b1120;border-radius:10px;width:max(260px,22vw);max-width:min(340px,60vw);max-height:46vh;padding:10px 12px;font-size:12px;font-weight:400;line-height:1.45;display:none;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:0 10px 30px #0009}.kwSay b{display:inline}.kwSay i{margin-left:4px;font-size:11px;font-style:normal}.kwSay span{margin-top:6px;display:block}.kw:hover .kwSay,.kw:focus-visible .kwSay{display:block}.errataBlock{margin-top:12px}.errataBlock p{margin:4px 0 0}.draftSetPick button{padding-top:0;padding-bottom:0}.draftDone{gap:20px;max-width:100%}.presentSlot{justify-items:center;gap:6px;display:grid}.presentRead{place-items:center;padding:8px 0;display:grid}.presentRead .cardZoomWrap img{max-width:min(62vw,700px);max-height:60vh}.factBlock{gap:10px;margin-top:12px;display:grid}.factStats{flex-wrap:wrap;gap:8px;display:flex}.factStat{border:1px solid var(--line);background:#080c1680;border-radius:8px;justify-items:center;min-width:52px;padding:5px 8px;display:grid}.factStat b{font-variant-numeric:tabular-nums;font-size:16px;line-height:1.1}.factStat i{text-transform:uppercase;color:var(--dim);font-size:10px;font-style:normal}.factTags{flex-wrap:wrap;gap:6px;display:flex}.factTags span{border:1px solid var(--line);color:var(--dim);border-radius:999px;padding:2px 8px;font-size:11px}.factText{margin:0;font-size:13px;line-height:1.55}.factFlavor{color:var(--dim);margin:0;font-size:12px;font-style:italic}.inlineTerm{border:1px solid var(--line);background:#080c168c;border-radius:999px;padding:0 6px;font-size:11px;font-weight:600;display:inline-block}.kw.inlineTerm{border-color:var(--accent);cursor:help}.dbSlot{position:relative}.dbRead{border:1px solid var(--line);width:22px;height:22px;color:var(--fg);cursor:pointer;opacity:.85;background:#080c16d9;border-radius:6px;place-items:center;padding:0;font-size:12px;display:grid;position:absolute;top:4px;left:4px}.dbRead:hover{border-color:var(--accent);opacity:1}.dbReader::backdrop{background:#04070ebf}.draftHere{border:1px solid var(--accent);background:var(--panel);border-radius:12px;align-items:center;gap:16px;padding:14px 16px;display:flex}.draftHere .packWrap{flex:none;width:84px}.draftHere .packPit,.draftHere .packBrand,.draftHere .packSet,.draftHere .packHint{display:none}.draftHere .packLogo{width:52%}.draftHereSay{gap:2px;display:grid}.draftHereSay h2{margin:0;font-size:17px}.draftHereSay p{margin:0}.themeGrid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px;margin-top:12px;display:grid}.themeCard{text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);cursor:pointer;gap:6px;width:auto;padding:10px;display:grid}.themeCard:hover{border-color:var(--accent)}.themeCard.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.themeSwatch{border-radius:calc(var(--radius) - 4px);border:1px solid var(--line);align-items:flex-end;gap:5px;height:46px;padding:7px;display:flex}.themeSwatch i{border-radius:4px;width:15px;height:15px}.themeName{font-size:13px;font-weight:600}.themeSays{color:var(--dim);font-size:11px;line-height:1.35}.table.two{height:100vh;font-family:Bricolage Grotesque,Segoe UI,ui-sans-serif,system-ui,sans-serif;position:relative;overflow:hidden}.table.two .stage{position:absolute;inset:0}.table.two .frame{background:var(--felt);border:0;border-radius:0;position:absolute;inset:0;overflow:hidden}.table.two .board{top:0;bottom:0;left:0;right:var(--rail-w,246px);position:absolute}.table.two .sideRail{width:var(--rail-w,246px);position:absolute;top:9px;bottom:8px;right:0}.table.two .band{width:100%;height:calc(var(--u) * 341px);position:absolute;left:0}.table.two .band.you{top:calc(var(--u) * 512px + var(--bleed))}.table.two .band.opp{top:var(--bleed);transform:rotate(180deg)}.table.two .band.opp .upright,.table.two .band.opp .zone-cards .card{transform:rotate(180deg)}.table.two .band.opp .zone-cards .card.exhausted{transform:rotate(270deg)}.table.two .band.opp .slot-legend,.table.two .band.opp .slot-champ{transform:rotate(180deg)}.table.two .z-runes{left:11.014%;top:calc(var(--u) * 62px);width:31.314%;height:calc(var(--u) * 134px);position:absolute}.table.two .z-base{left:42.486%;top:calc(var(--u) * 62px);width:min(486px,40.677%);height:15.56vh;position:absolute}.table.two .slot-legend{left:83.163%;top:calc(var(--u) * 77px);width:calc(var(--u) * 86px);height:calc(var(--u) * 119px);position:absolute}.table.two .slot-champ{left:91.424%;top:calc(var(--u) * 77px);width:calc(var(--u) * 86px);height:calc(var(--u) * 119px);position:absolute}.table.two .deck{width:calc(var(--u) * 97px);height:calc(var(--u) * 131px);position:absolute}.table.two .deck-rune{left:12.352%;top:calc(var(--u) * 210px)}.table.two .deck-main{left:82.298%;top:calc(var(--u) * 211px)}.table.two .trash{left:90.559%;top:calc(var(--u) * 219px);width:calc(var(--u) * 97px);height:calc(var(--u) * 131px);position:absolute}.table.two .floatbox{left:20.141%;top:calc(var(--u) * 273px);width:calc(var(--u) * 86px);height:calc(var(--u) * 74px);position:absolute}.table.two .hand{left:28.639%;top:calc(var(--u) * 220px);width:44.611%;height:calc(var(--u) * 113px);position:absolute}.table.two .hand-pill{left:46.184%;top:calc(var(--u) * 208px);width:calc(var(--u) * 122px);height:calc(var(--u) * 19px);z-index:6;position:absolute}.table.two .boardbtns{left:73.328%;top:calc(var(--u) * 305px);z-index:5;display:flex;position:absolute}.table.two .plate{left:.944%;top:calc(var(--u) * 251px);width:calc(var(--u) * 132px);height:calc(var(--u) * 73px);position:absolute}.table.two .track{width:calc(var(--u) * 150px);height:calc(var(--u) * 340px);pointer-events:none;position:absolute;top:0;left:0}.table.two .bfrow{left:11.014%;top:calc(var(--u) * 283px + var(--bleed));width:77.891%;height:calc(var(--u) * 288px);z-index:1;gap:calc(var(--u) * 8px);grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid;position:absolute}.table.two .zone{border-radius:1.28px;position:absolute}.table.two .zone-cards{justify-content:center;align-items:center;gap:calc(var(--u) * 18px);padding:0 calc(var(--u) * 34px);display:flex;position:absolute;inset:0}.table.two .zone-count{right:calc(var(--u) * 6px);top:calc(var(--u) * 4px);font-size:calc(var(--u) * 11.3px);font-weight:600;line-height:calc(var(--u) * 13px);color:#9fb5e3;pointer-events:none;position:absolute}.table.two .zone:after,.table.two .z-bf:after{content:"";pointer-events:none;opacity:.6;--c:var(--ornament-ink,#ecf3ff85);background:linear-gradient(var(--c), var(--c)) 0 0 / 14px 1px no-repeat, linear-gradient(var(--c), var(--c)) 0 0 / 1px 14px no-repeat, linear-gradient(var(--c), var(--c)) 100% 0 / 14px 1px no-repeat, linear-gradient(var(--c), var(--c)) 100% 0 / 1px 14px no-repeat, linear-gradient(var(--c), var(--c)) 0 100% / 14px 1px no-repeat, linear-gradient(var(--c), var(--c)) 0 100% / 1px 14px no-repeat, linear-gradient(var(--c), var(--c)) 100% 100% / 14px 1px no-repeat, linear-gradient(var(--c), var(--c)) 100% 100% / 1px 14px no-repeat, radial-gradient(circle, var(--c) 0 1px, transparent 1.2px) 0 0 / 5.6px 5.6px no-repeat, radial-gradient(circle, var(--c) 0 1px, transparent 1.2px) 100% 0 / 5.6px 5.6px no-repeat, radial-gradient(circle, var(--c) 0 1px, transparent 1.2px) 0 100% / 5.6px 5.6px no-repeat, radial-gradient(circle, var(--c) 0 1px, transparent 1.2px) 100% 100% / 5.6px 5.6px no-repeat, linear-gradient(135deg, transparent 45%, var(--c) 45% 55%, transparent 55%) 0 50% / 6px 8px no-repeat, linear-gradient(45deg, transparent 45%, var(--c) 45% 55%, transparent 55%) 100% 50% / 6px 8px no-repeat;position:absolute;inset:1.28px}.table.two .z-bf{border:1px solid #dde8ff4d;position:relative}.table.two .z-bf:after{inset:1.92px}.table.two .bf-card{cursor:pointer;border-radius:4.8px;width:137px;height:97px;position:absolute;top:calc(50% - 48.5px);left:calc(50% - 68.5px);overflow:hidden;box-shadow:0 0 0 1px #0009,0 6px 16px #00000073}.table.two .bf-card img{object-fit:cover;width:100%;height:100%;display:block}.table.two .bf-units{justify-content:center;gap:10px;display:flex;position:absolute;left:34px;right:34px}.table.two .bf-units.you{bottom:6px}.table.two .bf-units.opp{top:calc(var(--u) * 6px)}.table.two .bf-units .card{width:calc(var(--u) * 58px);height:calc(var(--u) * 81px)}.table.two .bf-units.opp .card{transform:rotate(180deg)}.table.two .bf-units.opp .card.exhausted{transform:rotate(270deg)}.table.two .card{width:calc(var(--u) * 84px);height:calc(var(--u) * 117px);border-radius:4.8px;flex:none;transition:transform .22s cubic-bezier(.2,.7,.2,1),filter .22s cubic-bezier(.2,.7,.2,1);position:relative;box-shadow:0 0 0 1px #0000008c,0 4px 10px #00000059}.table.two .card img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.table.two .card.exhausted{transform:rotate(90deg)}.table.two .legendPanel.exhausted{transform:none}.table.two .card:hover{filter:brightness(1.06)}.table.two .hand .fan{position:absolute;inset:0}.table.two .hand .slot{z-index:1;width:81px;height:113px;padding:4px;transition:transform .22s cubic-bezier(.2,.7,.2,1);position:absolute;top:0;left:50%}.table.two .hand .slot .card{width:calc(var(--u) * 81px);height:calc(var(--u) * 113px)}.table.two .hand .slot:hover{z-index:3}.table.two .band.you .hand .slot:hover{transform:var(--fan) translateY(-12px) rotate(0deg)!important}.table.two .deck .deckStack{left:calc(var(--u) * 6px);top:calc(var(--u) * 7px);width:calc(var(--u) * 84px);height:calc(var(--u) * 117px);position:absolute}.table.two .deck .layer{background:linear-gradient(145deg, var(--back-1,#3a567b), var(--back-2,#2a425f));border-radius:4.8px;position:absolute;inset:0;box-shadow:0 0 0 1px #00000080,0 3px 8px #00000059}.table.two .deck .layer.rune,.table.two .deck .layer.main{background-image:linear-gradient(145deg, #f1f5fa29, #cdd7e30f), var(--back-art), radial-gradient(ellipse at 50% 38%, #2b3350 0%, #171c2c 62%, #0f1320 100%);background-position:50%,50%,50%;background-repeat:no-repeat,no-repeat,no-repeat;background-size:cover,62%,cover;box-shadow:0 0 0 1px #00000080,inset 0 0 0 2px #c8aa6e29,0 3px 8px #00000059}.table.two .deck .layer.main{background-image:linear-gradient(160deg, #0f5b634d, #0b394029), var(--back-art), radial-gradient(ellipse at 50% 38%, #2b3350 0%, #171c2c 62%, #0f1320 100%)}.table.two .count-badge{right:calc(var(--u) * -5px);top:calc(var(--u) * -9px);z-index:3;font-size:calc(var(--u) * 22px);letter-spacing:-.03em;color:#f7fbff;background:linear-gradient(#3c56783d,#0b132185);border:1px solid #dcecff3d;border-radius:5.76px;padding:1.6px 5.44px;font-weight:900;line-height:1.15;position:absolute;box-shadow:inset 0 1px #ffffff1f,0 4px 14px #040a1557}.table.two .floatbox .lbl{font-size:calc(var(--u) * 9px);letter-spacing:.06em;text-transform:uppercase;color:var(--text-label,#a4bbd9);margin:0 0 5px;font-weight:600}.table.two .floatbox .frow{color:#c6d4e2;align-items:center;gap:6px;height:20px;font-size:11.5px;display:flex}.table.two .floatbox .frow b{color:#fff;font-weight:600}.table.two .pill{letter-spacing:.065em;text-transform:uppercase;color:#e9f8ff;white-space:nowrap;background:linear-gradient(168deg,#14344ef7,#1d4e6cf2);border:1px solid #84dcff8f;border-radius:2.24px;place-items:center;padding:0 10.88px;font-size:10.88px;font-weight:600;display:grid;box-shadow:inset 0 0 0 1px #dcf4ff24,0 6px 14px #0308146b}.table.two .plus,.table.two .icon-btn{color:#cfe2f7;background:#121f33a8;border:1px solid #b5cdea42;border-radius:2.24px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff14,0 5px 12px #0308122e}.table.two .plus{width:calc(var(--u) * 24px);height:calc(var(--u) * 24px);font-size:calc(var(--u) * 19px);padding:0}.table.two .plus:hover:not(:disabled){border-color:#a6b9d18c}.table.two .boardbtns .icon-btn:hover:not(:disabled),.table.two .boardbtns .icon-btn.open{background:#1e324ecc}.table.two .token-plus{left:calc(var(--u) * 5px);top:calc(var(--u) * 5px);z-index:3;position:absolute}.table.two .z-bf .token-plus{top:calc(50% - var(--u) * 12px);left:calc(var(--u) * 7px)}.table.two .boardbtns .icon-btn{width:calc(var(--u) * 53px);height:calc(var(--u) * 41px);font-size:calc(var(--u) * 15px)}.table.two .band.opp .boardbtns,.table.two .band.opp .token-plus{display:none}.table.two .plate-inner{padding:calc(var(--u) * 14.4px) calc(var(--u) * 6px) calc(var(--u) * 9.9px);text-align:center;font-size:calc(var(--u) * 14px);color:#edf8ff;background:radial-gradient(78% 120%,#4fb29f26,#0000 72%),linear-gradient(#0e1f3cb8,#050f22d1);border:1px solid #86e6d85c;border-radius:2.88px;place-items:center;font-weight:700;display:grid;position:absolute;inset:0;box-shadow:inset 0 1px #e6f2ff1a,0 0 4.8px #4fb29f26}.table.two .band.opp .plate-inner{background:radial-gradient(78% 120%,#ae753f24,#0000 72%),linear-gradient(#0e1f3cb8,#050f22d1);border-color:#e7b9752e;transform:rotate(180deg)}.table.two .plate.active .plate-inner{border-color:#86e6d8b3}.table.two .band.opp .plate.active .plate-inner{border-color:#e7b9758c}.table.two .turnlight{left:0;top:calc(var(--u) * -90px);width:calc(var(--u) * 156px);height:calc(var(--u) * 430px);pointer-events:none;opacity:0;background:linear-gradient(#5f92dc00 0% 14%,#83b1ee15 46%,#a5c7f621 70%,#a5c7f600 100%);transition:opacity .3s;position:absolute;-webkit-mask:radial-gradient(60% 55% at 50% 60%,#000 40%,#0000 100%);mask:radial-gradient(60% 55% at 50% 60%,#000 40%,#0000 100%)}.table.two .turnlight.on{opacity:1}.table.two .track svg{position:absolute;inset:0;overflow:visible}.table.two .node{pointer-events:auto;cursor:pointer;font-size:calc(var(--u) * 16px);color:#b9cad8;opacity:.7;background:radial-gradient(circle at 42% 34%,#5784b533,#0000 42%),radial-gradient(circle,#0d2345c2,#040e21d6 72%);border:1px solid #9fc2e23d;border-radius:50%;place-items:center;padding:0;font-weight:850;line-height:1;transition:opacity .15s,box-shadow .2s,border-color .2s;display:grid;position:absolute;box-shadow:inset 0 0 0 1px #deedff09,0 1.6px 2.88px #01061042}.table.two .node:hover{opacity:1}.table.two .node.win{font-size:calc(var(--u) * 23px)}.table.two .node>.upright{place-items:center;width:100%;height:100%;line-height:1;display:grid}.table.two .node.cur{opacity:1;color:#fff;background:radial-gradient(circle at 42% 34%,#75e5d061,#4fb29f4d 44%,#0000 76%),radial-gradient(circle,#0d2345c2,#040e21d6 72%);border-color:#87e6d8b5;box-shadow:inset 0 0 0 1px #75e5d029,0 0 5.44px #4fb29f8f}.table.two .band.opp .node.cur{background:radial-gradient(circle at 42% 34%,#e7b97559,#ae753f40 44%,#0000 76%),radial-gradient(circle,#0d2345c2,#040e21d6 72%);border-color:#e7b975bf;box-shadow:inset 0 0 0 1px #e7b97533,0 0 7px #d6a05099}.table.two .turnctl{width:calc(var(--u) * 131px);text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:3.2px;font-weight:600;position:absolute;left:89.299%}.table.two .btn-switch{top:calc(var(--u) * 473px + var(--bleed));height:calc(var(--u) * 40px);letter-spacing:.075em;color:#dbe8fb;background:linear-gradient(#30435bb3,#192435d6);border:1px solid #a7c2e038;place-items:center;font-size:9.92px;display:grid}.table.two .btn-end{top:calc(var(--u) * 515px + var(--bleed));height:calc(var(--u) * 55px);letter-spacing:.06em;color:#edf6ff;background:#0e1b2fe0;border:1px solid #aec7e342;place-items:center;gap:4px;font-size:12.48px;display:grid;box-shadow:inset 0 1px #ffffff12,0 12px 24px #0308123d}.table.two .btn-end:hover:not(:disabled){border-color:#aec7e380}.table.two .btn-end[disabled]{opacity:.45;cursor:default}.table.two .keycaps{gap:6px;display:flex}.table.two .keycap{color:#cfe0f5;background:#18283fe6;border:1px solid #aec7e359;border-radius:2.5px;place-items:center;min-width:18px;height:16px;padding:0 4px;font-size:9px;display:grid}.table.two .keycap.go{color:#d9faec;background:#265345f0;border-color:#8bdebd75}.table.two .sideRail{flex-direction:column;gap:4px;padding:0;display:flex}.table.two .sideRail>*{flex:none}.table.two .railLog{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.table.two .railLog .railList{flex:auto;min-height:42px;overflow-y:auto}.table.two .sideRail>.chain{flex:0 0 72px}.table.two .railChat{flex:82px;min-height:0;display:flex}.table.two .railChat .tableChat{flex-direction:column;flex:auto;min-height:0;display:flex}.table.two .railChat .tableChatList{flex:auto;min-height:0;overflow:auto}.table.two .railHead{grid-template-columns:auto 1fr auto;grid-template-areas:"turn room icons";align-items:center;column-gap:8px;padding:4px 6px 4px 10px;display:grid;position:relative}.table.two .railTurn{grid-area:turn;align-content:center;justify-items:start;gap:1px;min-width:max-content;display:grid}.table.two .railRoom{grid-area:room;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.table.two .railTurn .clock{color:#cfe0ff;font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0;font-size:15px;font-weight:600;position:static;transform:none}.table.two .railIcons{grid-area:icons;align-self:center;gap:2px;display:flex}.table.two .railIcon{color:#9fb5e3;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 5px;font-size:13px;line-height:1}.table.two .railIcon:hover{color:#edf4ff;background:#a0bef01f}.table.two .railLog .logList li{border-left:2px solid #78a0e659;margin:1px 0;padding:2px 4px 2px 6px;font-size:11.5px;line-height:1.35}.table.two .railLog .logList li.mine{border-left-color:#96cdffbf}.table.two .railTime{color:#7f92b5;font-variant-numeric:tabular-nums;margin-right:4px;font-size:9.5px}.table.two .railStrip{background:#09142a80;border-left:1px solid #a0bef01f;border-radius:6px 0 0 6px;flex-direction:column;align-items:center;gap:4px;width:40px;padding:6px 0;display:flex;position:absolute;top:9px;bottom:8px;right:0}.table.two .railStripGap{flex:auto}.table.two .railStripBtn{color:#9fb5e3;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:7px 6px;font-size:14px;line-height:1}.table.two .railStripBtn.resolve{color:#bff3e6;background:#18424e8c;border-color:#86e6d88c}.table.two .railStripBtn.resolve:disabled{opacity:.4}.table.two .railStripBtn:hover:not([disabled]){color:#edf4ff;background:#a0bef024}.table.two .railStripBtn[disabled]{opacity:.35;cursor:default}.table.two .railStripBtn.danger:hover{color:#ffd0d0;background:#c85a5a2e}.targetArrows{pointer-events:none;z-index:40;width:100%;height:100%;position:fixed;inset:0;overflow:visible}.targetArrow{fill:none;stroke:#78d6ffd9;stroke-width:2.5px;stroke-linecap:round;filter:drop-shadow(0 0 4px #5abeff8c)}.targetArrowHead{fill:#96e4fff2}@media (prefers-reduced-motion:reduce){.targetArrow{filter:none}}.table.two .railResolve{color:#eaf1ff;cursor:pointer;background:linear-gradient(#3a68bee6,#284e98e6);border:1px solid #78aaff73;border-radius:7px;flex:none;margin:4px 6px 0;padding:7px 10px;font-size:12.5px;font-weight:600}.table.two .railResolve:hover:not([disabled]){filter:brightness(1.12)}.table.two .railResolve[disabled]{opacity:.38;cursor:default}.table.two .railResolve kbd{background:#e6f0ff33;border-radius:3px;padding:0 4px;font-size:10px}.table.two .railPreview{background:#0812268c;border:1px solid #a0bef024;border-radius:8px;flex:none;min-height:96px;margin:4px 6px;position:relative;overflow:hidden}.table.two .railStack{padding-left:calc(var(--dock-under,3) * 8px);position:relative}.table.two .railPreviewArt{z-index:1;border-radius:7px;width:100%;height:auto;display:block;position:relative}.table.two .railUnderArt{top:0;left:calc((var(--dock-under,3) - var(--i) - 1) * 8px);width:calc(100% - var(--dock-under,3) * 8px);height:auto;filter:brightness(calc(.72 - var(--i) * .08));z-index:0;border-radius:7px;position:absolute}.table.two .railPreviewKeys{z-index:2;color:#cfe0ff;pointer-events:none;background:#060e1ec7;border-radius:5px;flex-direction:column;align-items:flex-end;gap:2px;padding:4px 6px;font-size:9.5px;display:flex;position:absolute;top:52%;right:6px}.table.two .railPreviewKeys kbd{background:#bed7ff29;border-radius:3px;padding:0 3px;font-size:9px}.table.two .railFoot{border-top:1px solid #a0bef01a;flex:none;gap:6px;padding:3px 6px 2px;display:flex}.table.two .railFootBtn{color:#9fb5e3;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 4px;font-size:11px}.table.two .railFootBtn:hover{color:#edf4ff;background:#a0bef01f}.table.two .railHead:before{content:"";background:var(--seat-you,#4fb29f);border-radius:2px;width:3px;height:34px;position:absolute;top:3px;left:3px}.table.two .railTurn b{letter-spacing:.02em;color:#edf4ff;font-size:14.72px;font-weight:600}.table.two .railCode{letter-spacing:.04em;color:#edf4ff;white-space:nowrap;font-size:11px;font-weight:800}.table.two .railBack{background:#121f33ad;border:1px solid #acc7e629;border-radius:3.2px;align-items:center;gap:2px;height:37px;padding:0 3px}.table.two .railBack button{letter-spacing:.08em;text-transform:uppercase;color:#bdcce4;border:1px solid #0000;border-radius:2.24px;height:29px;font-size:9.28px}.table.two .railLog{border:0}.table.two .railList li{color:#f2f5f7;background:#203146d6;border:1px solid #a6b9d11f;border-radius:3.84px;padding:1.6px 3.84px 1.6px 8px;font-size:10.73px;line-height:1.3;position:relative}.table.two .railList li:before{content:"";background:#e7b97599;border-radius:1px;width:2px;position:absolute;top:3px;bottom:3px;left:2px}.table.two .railList li.mine:before{background:#75e5d0a6}.table.two .railTurnMark{text-align:center;color:#8be5c4e6;letter-spacing:.08em;background:0 0;border:0;font-size:8.77px}.table.two .railTime{color:#94a9d3;opacity:.82;font-size:8.77px}.table.two .railCard{color:#f4fbff;font-weight:700;text-decoration:none}@media (prefers-reduced-motion:reduce){.table.two *{transition:none!important;animation:none!important}}.table.two .railList{padding-inline:4px;list-style:none}.table.two .railLabel{letter-spacing:.08em;text-transform:uppercase;color:var(--text-label,#a4bbd9);border:0;padding:4px 4px 2px;font-size:8.77px;font-weight:600}.table.two .trash>div.upright{position:absolute;inset:0}.table.two .area,.table.two .centre,.table.two .runeWrap,.table.two .bf,.table.two .pile,.table.two .matGrid,.table.two .matDead,.table.two .oppDead,.table.two .legendPanel,.table.two .championSlot,.table.two .oppChamp,.table.two .handWrap{align-content:initial;background:0 0;border:0;border-radius:0;flex:none;gap:0;min-width:0;max-width:none;padding:0;display:block}.table.two .base,.table.two .runes,.table.two .oppBase,.table.two .oppRunes,.table.two .zoneLabel,.table.two .hand{flex-wrap:initial;border-top:0;min-height:0;margin:0;padding:0;overflow:visible}.table.two .z-bf{border:1px solid #dde8ff4d}.table.two .area.self,.table.two .area.opp{height:calc(var(--u) * 341px)}.table.two{--u:1;padding:0}.table.two .board{--bleed:calc(var(--u) * 60px)}.table.two{flex-direction:column;display:flex}.table.two .stageWrap{flex:auto;min-height:0;position:relative}.table.two .hud{background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:3px;min-height:0;padding:0 8px;display:flex}.table.two .hud .spacer,.table.two .hud .code,.table.two .hud .phases{display:none}.table.two .hud button{padding:3px 6px;font-size:10px}.table.two .selfActions{flex-wrap:wrap;gap:4px;padding:0 8px 8px;display:flex;position:static}.table.two .selfActions button{flex:auto;padding:4px 6px;font-size:11px}.table.two .matDead,.table.two .oppDead,.table.two .matDead>.pile,.table.two .oppDead>.pile{width:100%;height:100%;position:absolute;top:0;left:0}.table.two .deadTabs{left:0;top:calc(var(--u) * -17px);gap:calc(var(--u) * 3px);z-index:2;display:flex;position:absolute}.table.two .pileLabel{display:none}.table.two .pileBox{border-radius:3.2px;position:absolute;inset:0;overflow:hidden}.table.two .pileBox img{object-fit:cover;width:100%;height:100%;display:block}.table.two .pileN:not(.count-badge){font-size:11px;font-weight:800;position:absolute;bottom:2px;right:2px}.table.two .upright{display:inline-block}.table.two .attackRow{right:calc(var(--u) * 6px);top:calc(var(--u) * 96px);width:calc(var(--u) * 84px);height:calc(var(--u) * 97px);z-index:3;flex-wrap:wrap;place-content:center;gap:3px;display:flex;position:absolute;overflow:auto}.table.two .attackRow:empty{pointer-events:none}.table.two .attackRow .card{width:calc(var(--u) * 38px);height:calc(var(--u) * 53px)}.table.two .bf-units .bfHidden{width:calc(var(--u) * 58px);height:calc(var(--u) * 81px);cursor:pointer;background:0 0;border:0;padding:0}.table.two .bf-units .bfHidden .back{border-radius:4.8px;width:100%;height:100%;display:block}.table.two .bf-units .bfHidden.mine .back{box-shadow:0 0 0 2px var(--accent) inset}.table.two .plate-inner .dot{left:calc(var(--u) * 8px);bottom:calc(var(--u) * 8px);width:calc(var(--u) * 7px);height:calc(var(--u) * 7px);background:var(--live,#4fb29f);border-radius:50%;position:absolute}.table.two .plate-inner .dot.off{background:#c85a5ae6}.table.two .plate-inner .score{right:calc(var(--u) * 6px);bottom:calc(var(--u) * 5px);align-items:baseline;gap:calc(var(--u) * 1px);font-size:calc(var(--u) * 15px);white-space:nowrap;color:#e8eefc;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;line-height:1;display:flex;position:absolute}.table.two .plate-inner .score i{opacity:.62;font-size:9px;font-style:normal}.table.two .plate-inner .score em{color:#7ee8bfeb;margin-left:2px;font-size:8px;font-style:normal;font-weight:700}.table.two .plate-inner .oppStats{letter-spacing:.01em;color:#d6e4f8b8;flex-wrap:wrap;justify-content:center;gap:2px 6px;font-size:9px;font-weight:600;display:flex;position:absolute;bottom:4px;left:4px;right:4px}.table.two .plate-inner .oppStats .exh{color:#e7b975e6;font-style:normal}.table.two .plate-inner .nm{margin-bottom:14px}.table.two .legendTag{text-transform:uppercase;letter-spacing:.06em;color:#e7b975f2;z-index:3;background:#0a1426db;border-radius:2px;padding:1px 4px;font-size:8px;font-weight:700;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.table.two .band.opp .legendTag{transform:translate(50%)rotate(180deg)}.table.two .chain{z-index:4;background:#0c182c6b;border:1px dashed #acc7e642;border-radius:4px;flex-wrap:wrap;place-content:flex-start center;gap:3px;min-height:46px;max-height:128px;padding:15px 4px 4px;display:flex;position:relative;overflow:auto}.table.two .chain.empty{background:#0c182c38}.table.two .chainLabel{text-align:center;text-transform:uppercase;letter-spacing:.08em;color:#bed2eca8;pointer-events:none;font-size:8px;font-weight:700;position:absolute;top:3px;left:0;right:0}.table.two .chain .card{width:38px;height:53px}.table.two .bf-card .bfName{text-align:center;color:#e8eefc;text-shadow:0 1px 3px #000000e6;font-size:10px;font-weight:700;position:absolute;bottom:6px;left:4px;right:4px}.table.two .bfrow{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;display:grid;overflow:visible}.table.two .z-runes .zone-count{white-space:nowrap}.table.two .plate-inner .expand{left:calc(var(--u) * 6px);top:calc(var(--u) * 5px);width:calc(var(--u) * 17px);height:calc(var(--u) * 17px);color:#cfe0f5;cursor:pointer;background:#0e1c34b8;border:1px solid #acc7e63d;border-radius:3px;padding:0;font-size:10px;line-height:1;position:absolute}.table.two .plate-inner .expand:hover{border-color:#acc7e68c}.table.two .runeWrap{overflow:visible}.table.two .chain{margin:0 8px}.table.two .clock{left:50%;bottom:calc(var(--u) * -9px);color:var(--you-clock,#b9f4e4);font-variant-numeric:tabular-nums;white-space:nowrap;z-index:4;background:linear-gradient(#122234f5,#050d19fa);border:1px solid #86e8d770;border-radius:4.8px;align-items:center;gap:3px;padding:1px 6px;font-size:11.2px;font-weight:900;line-height:13px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 0 0 1px #020711b3,inset 0 1px #75e5d021}.table.two .clock i{opacity:.75;font-size:9px;font-style:normal}.table.two .band.opp .clock{color:var(--opp-clock,#ffe2b0);bottom:auto;top:calc(var(--u) * -9px);border-color:#e7b97566;transform:translate(-50%)rotate(180deg)}.table.two .plate:not(.active) .clock{opacity:.7}.table.two .plate-inner .oppStats{left:calc(var(--u) * 4px);right:calc(var(--u) * 4px);bottom:calc(var(--u) * 3px);color:#d6e4f89e;white-space:nowrap;justify-content:center;gap:5px;font-size:8px;font-weight:600;display:flex;position:absolute}.table.two .oppStats .exh{color:#e7b975e6;font-style:normal}.table.two .eye-btn{left:25.885%;top:calc(var(--u) * 223px);width:calc(var(--u) * 27px);height:calc(var(--u) * 27px);font-size:calc(var(--u) * 14px);color:#cfedff;z-index:5;background:#1b3549;border:1px solid #8bd7f580;border-radius:6.4px;padding:0;position:absolute}.table.two .eye-btn.off{opacity:.55}.table.two .floatbox .frow{align-items:center;gap:calc(var(--u) * 4px);height:calc(var(--u) * 20px);font-size:calc(var(--u) * 11.5px);flex-wrap:nowrap;display:flex}.table.two .floatbox .frow .n{width:calc(var(--u) * 40px)}.table.two .floatbox .frow b{width:calc(var(--u) * 12px);text-align:center;color:#fff;font-weight:600}.table.two .mini{width:calc(var(--u) * 16px);height:calc(var(--u) * 16px);color:#ccdbf7;background:#2a3d57e6;border:1px solid #a6b9d13d;border-radius:2.24px;place-items:center;padding:0;font-size:13px;line-height:1;display:grid}.table.two .band.opp .floatbox .mini{display:none}.table.two .trash .count-badge{right:calc(var(--u) * 6px);top:calc(var(--u) * -2px);font-size:calc(var(--u) * 18px);z-index:4}.table.two .zoom-btn{left:73.564%;top:calc(var(--u) * 223px);width:calc(var(--u) * 27px);height:calc(var(--u) * 27px);font-size:calc(var(--u) * 13px);z-index:5;border-radius:6.4px;padding:0;position:absolute}.table.two .plate-inner .oppStats{gap:3px}.table.two .railGrip{cursor:col-resize;touch-action:none;z-index:8;background:0 0;border-radius:3px;width:10px;transition:background .14s;position:absolute;top:0;bottom:0;left:-8px}.table.two .railGrip:before{content:"";opacity:0;background:#acc7e657;border-radius:1px;width:2px;height:46px;transition:opacity .14s;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.table.two .railGrip:hover:before,.table.two .railGrip:focus-visible:before,body.splitting .table.two .railGrip:before{opacity:1}.table.two .railGrip:focus-visible{outline-offset:0;outline:1px solid #86e6d8b3}body.splitting{cursor:col-resize;-webkit-user-select:none;user-select:none}.table.two .armedBanner{left:50%;top:calc(var(--u) * 8px);height:calc(var(--u) * 22px);cursor:pointer;z-index:9;position:absolute;transform:translate(-50%)}.table.two .armedBanner kbd{font:inherit;opacity:.7;margin-left:6px}body.arming .table.two .card{cursor:copy}.table.two .railTuck{color:#bdcce4;cursor:pointer;z-index:9;background:#121f33a8;border:1px solid #a6b9d13d;border-radius:3px;place-items:center;width:18px;height:18px;padding:0;font-size:11px;line-height:1;display:grid;position:absolute;top:4px;right:4px}.table.two .railTuck:hover{border-color:#a6b9d199}.table.two .railPeek{color:#bdcce4;cursor:pointer;z-index:9;background:#121f33b8;border:1px solid #a6b9d138;border-right:0;border-radius:4px 0 0 4px;width:16px;height:64px;padding:0;font-size:12px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.table.two .railPeek:hover{background:#1e324ed9}.table.two .z-runes .zone-cards{padding:0 calc(var(--u) * 8px);justify-content:flex-start;gap:0}.table.two .z-runes .card{width:calc(var(--u) * 83px);height:calc(var(--u) * 117px);border-radius:calc(var(--u) * 4px);flex:none;position:relative;overflow:hidden}.table.two .z-runes .card.exhausted{width:calc(var(--u) * 117px);height:calc(var(--u) * 83px)}.table.two .z-runes .zone-cards{--runestep:calc((100% - var(--u) * var(--runelast) * 1px) / var(--n1))}.table.two .z-runes .card:not(.exhausted)+.card{margin-left:min(calc(var(--u) * 6px), calc(var(--runestep) - var(--u) * 83px))}.table.two .z-runes .card.exhausted+.card{margin-left:min(calc(var(--u) * 6px), calc(var(--runestep) - var(--u) * 117px))}.table.two .z-runes .card:hover,.table.two .z-runes .card:focus-within{z-index:3}.table.two .z-runes .card.exhausted img{width:calc(var(--u) * 83px);height:calc(var(--u) * 117px);max-width:none;margin:calc(var(--u) * -58.5px) 0 0 calc(var(--u) * -41.5px);position:absolute;top:50%;left:50%;transform:rotate(-90deg)}.table.two .z-runes .card.exhausted{transform:none}.table.two .band.opp .z-runes .card,.table.two .band.opp .z-runes .card.exhausted{transform:rotate(180deg)}.table.two .z-runes .card.exhausted{filter:brightness(.72)saturate(.85)}.cardTools{opacity:0;pointer-events:none;transition:opacity .12s;position:absolute;inset:0}.card:hover>.cardTools,.card:focus-within>.cardTools{opacity:1;pointer-events:auto}.cardTool{color:#dce8ff;cursor:pointer;background:#081122db;border:1px solid #b4cdf057;border-radius:50%;place-items:center;width:18px;height:18px;padding:0;font-size:11px;line-height:1;display:grid;position:absolute;bottom:4px}.cardTool:first-of-type{left:4px}.cardTool:nth-of-type(2){left:25px}.cardTool:hover{background:#264880f0;border-color:#b4cdf0b3}.cardTab{color:#dce8ff;letter-spacing:.04em;text-transform:uppercase;writing-mode:vertical-rl;cursor:pointer;background:#081122db;border:1px solid #b4cdf057;border-right:0;border-radius:4px 0 0 4px;padding:6px 1px;font-size:8.5px;font-weight:600;position:absolute;top:50%;right:-1px;transform:translateY(-50%)}.cardTab:hover{background:#264880f0}.table.two .handWrap .slot:hover{z-index:6}@media (prefers-reduced-motion:reduce){.cardTools{transition:none}}.table.two .railPreview{min-height:0;margin-bottom:0}.table.two .dockTool{z-index:2;color:#e4edff;cursor:pointer;background:#081122d1;border:1px solid #b4cdf066;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;font-size:14px;line-height:1;display:grid;position:absolute}.table.two .dockTool:hover{background:#284e8cf2}.table.two .dockTool.on{background:#468c6ef2;border-color:#96f0c899}.table.two .dockTool.at-recycle{top:8px;left:8px}.table.two .dockTool.at-flow{top:42px;left:8px}.table.two .dockTool.at-target{top:8px;right:8px}.table.two .railPreviewRest{flex:none;gap:3px;margin:3px 6px 0;display:flex;overflow-x:auto}.table.two .railChip{cursor:pointer;background:#08122699;border:1px solid #a0bef033;border-radius:3px;flex:none;width:26px;height:36px;padding:0;overflow:hidden}.table.two .railChip.on{border-color:#96beffd9}.table.two .railChip img{object-fit:cover;width:100%;height:100%;display:block}.table.two .railChip .back{background:linear-gradient(160deg,#1a2c4e,#0d1830);width:100%;height:100%;display:block}.table.two .playAs{flex:none;grid-template-columns:1fr 1fr;gap:4px;margin:2px 6px 0;display:grid}.playAsBtn{color:#bdcce4;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#121f33b8;border:1px solid #a6b9d138;border-radius:3px;padding:4px 6px;font-size:10.5px;font-weight:600;line-height:1.25;overflow:hidden}.playAsBtn:hover{color:#e7eef7;border-color:#a6b9d180}.playAsBtn.on{color:#eaf1ff;background:#3a68bee6;border-color:#78aaff80}.modePanel .modeWays{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-top:6px;display:grid}.modeWay{text-align:center;white-space:nowrap;text-overflow:ellipsis;border:1px solid var(--line,#a6b9d138);color:inherit;cursor:pointer;background:0 0;border-radius:5px;justify-content:center;align-items:center;padding:11px 8px;font-size:12.5px;font-weight:600;display:flex;overflow:hidden}.modeWay:hover:not([disabled]){border-color:#a6b9d18c}.modeWay.on{background:#3a68be24;border-color:#78aaffb3}.modeWay[disabled]{opacity:.4;cursor:default}.table.two .fd{align-items:center;gap:calc(var(--u) * 5px);padding:calc(var(--u) * 3px) calc(var(--u) * 6px);display:flex}.fdStack{width:calc(var(--u) * 30px);height:calc(var(--u) * 26px);flex:none;display:inline-block;position:relative}.fdBack{top:0;left:calc(var(--i) * var(--u) * 5px);width:calc(var(--u) * 19px);height:calc(var(--u) * 26px);border-radius:calc(var(--u) * 2px);background:linear-gradient(160deg,#1d3357 0%,#0e1c33 60%,#16274324 100%);border:1px solid #96b4dc4d;position:absolute;box-shadow:0 1px 2px #00000073}.fd.mine .fdBack{border-color:#c8aa6e8c}.fdCount{font-size:calc(var(--u) * 9.5px);white-space:nowrap;line-height:1.15}.fd.empty .fdStack{display:none}.modePanel,.draftSetPanel,.deckPick{display:block}.modePanel .modeWays{grid-template-columns:repeat(4,1fr)}.panel:not(.modePanel):not(.deckPick):not(.draftSetPanel){grid-template-columns:none;grid-auto-columns:1fr;grid-auto-flow:column;align-items:end;gap:10px}.deckFilters{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px;display:grid}.deckFilters>*{width:100%;min-width:0}.deckRow{align-items:center;gap:8px;margin-top:8px;display:flex}.deckRow #deck{flex:auto;min-width:0}.deckRow .ghost{flex:none}.deckHead{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.deckHead label{margin:0}#deckCount{opacity:.8}.deckHeadSay{opacity:.7}.deckHeadSay:before{content:"— "}.draftSets{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;margin-top:6px;display:grid}@media (width<=640px){.draftSets{grid-template-columns:repeat(2,1fr);grid-auto-flow:row}}.lobby .draftSetCard{border:1px solid var(--line,#a6b9d138);height:42px;color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:5px;justify-content:center;align-items:center;gap:9px;padding:0 12px;font-size:14px;font-weight:500;line-height:42px;display:flex}.draftSetCode{letter-spacing:.1em;opacity:.55;font-family:ui-monospace,monospace;font-size:11px}.draftSetCard:hover{border-color:#a6b9d18c}.draftSetCard.on{background:#3a68be24;border-color:#78aaffb3}.draftHow{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px;display:grid}.draftHowBtn{border:1px solid var(--line,#a6b9d138);color:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:7px 10px;font-size:12.5px}.draftHowBtn.on{background:#3a68be24;border-color:#78aaffb3}@media (width<=860px){.modePanel .modeWays{grid-template-columns:repeat(2,1fr)}.panel:not(.modePanel):not(.deckPick):not(.draftSetPanel){grid-template-columns:repeat(2,1fr);grid-auto-flow:row}}@media (width<=520px){.modePanel .modeWays,.deckFilters,.draftHow,.panel:not(.modePanel):not(.deckPick):not(.draftSetPanel){grid-template-columns:1fr}.deckRow{flex-wrap:wrap}}.slots.twoUp{grid-template-columns:repeat(2,1fr)}.slot.standIn{opacity:.85}.slot.standIn .nm{font-style:italic}.slot.standIn p{margin:6px 0 0}.panel select[disabled],.draftSetCard[disabled],.draftHowBtn[disabled]{opacity:.5;cursor:default}.bf.showdown{outline-offset:2px;border-radius:4px;outline:2px solid #86e6d8b3}.showdownBanner{z-index:7;white-space:nowrap;pointer-events:none;color:#dbe8fb;background:#0a1424eb;border-color:#86e6d873;align-items:center;gap:10px;padding:4px 12px;font-size:12px;display:flex;position:absolute;top:2px;left:50%;transform:translate(-50%)}.showdownBanner.mine{border-color:#86e6d8d9}.captureBanner{z-index:7;white-space:nowrap;color:#f3e7d2;background:#0a1424eb;border-color:#e7b9758c;align-items:center;gap:10px;padding:4px 12px;font-size:12px;display:flex;position:absolute;top:34px;left:50%;transform:translate(-50%)}.captureBanner.mine{pointer-events:none;border-color:#e7b9754d}.captureAsk{pointer-events:auto;gap:6px;display:inline-flex}.turnPlace{letter-spacing:.06em;color:var(--dim);white-space:nowrap;border:1px solid #aec7e34d;border-radius:999px;padding:1px 5px;font-size:10px;font-weight:700}.table.two .z-base:before,.table.two .z-runes:before,.table.two .z-bf:before{content:"";inset:calc(var(--u) * -4px);pointer-events:none;--bracket:#aec7e338;--arm:calc(var(--u) * 14px);background:linear-gradient(var(--bracket), var(--bracket)) top left / var(--arm) 1px no-repeat, linear-gradient(var(--bracket), var(--bracket)) top left / 1px var(--arm) no-repeat, linear-gradient(var(--bracket), var(--bracket)) top right / var(--arm) 1px no-repeat, linear-gradient(var(--bracket), var(--bracket)) top right / 1px var(--arm) no-repeat, linear-gradient(var(--bracket), var(--bracket)) bottom left / var(--arm) 1px no-repeat, linear-gradient(var(--bracket), var(--bracket)) bottom left / 1px var(--arm) no-repeat, linear-gradient(var(--bracket), var(--bracket)) bottom right / var(--arm) 1px no-repeat, linear-gradient(var(--bracket), var(--bracket)) bottom right / 1px var(--arm) no-repeat;border-radius:3px;position:absolute}.table.two .z-bf.showdown:before{opacity:0}.railTurnMark.mine{color:var(--gold-mid,#e8cd8e);border-color:#c8aa6e66}.railTurnMark.theirs{color:#9fc2e2;border-color:#9fc2e266}.presentOthers{justify-items:center;gap:6px;margin:10px 0 2px;display:grid}.presentThem{align-items:center;gap:8px;display:flex}.presentBacks{gap:3px;display:inline-flex}.presentBacks .back{border-radius:3px;width:18px;height:25px}.presentThem.settled .presentBacks .back{opacity:.55}.openOthers{justify-items:center;gap:6px;margin:2px 0 10px;display:grid}.openThem{align-items:center;gap:8px;display:flex}.openBacks{gap:3px;display:inline-flex}.openBacks .back{border-radius:3px;width:16px;height:22px}.openThem.settled .openBacks .back{opacity:.55}.rulesTabs{gap:6px;margin:2px 0 8px;display:flex}.rulesTab{border:1px solid var(--line);color:var(--dim);background:0 0;border-radius:7px;padding:5px 12px;font-size:13px}.rulesTab.on{color:var(--fg);border-color:var(--dim);background:var(--panel-2)}.rulesKeys dl{gap:6px 14px;margin:10px 0 0;display:grid}.rulesKeys dl>div{grid-template-columns:120px 1fr;align-items:baseline;gap:14px;display:grid}.rulesKeys dt{gap:4px;display:flex}.rulesKeys dd{color:var(--fg);margin:0;font-size:13px}.railApprove{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.railApprove .ok{color:var(--ok)}.dockApprove{border:1px solid var(--line);color:var(--dim);background:0 0;border-radius:999px;padding:2px 8px;font-size:11px}.dockApprove.on{color:var(--ok);border-color:var(--ok)}.railApprove.asking{justify-content:center;gap:6px;display:flex}.railApprove.asking .dockApprove,.railApprove.asking .dockDeny{text-align:center;flex:1 1 0;padding:4px 8px}.railApprove.said{text-align:center;justify-content:center}.dockDeny{border:1px solid var(--line);color:var(--dim);background:0 0;border-radius:999px;padding:2px 8px;font-size:11px}.dockDeny.on{color:var(--danger);border-color:var(--danger)}.railApprove .warn{color:var(--danger)}.railResolve.waiting{opacity:.72;font-size:11px}.railResolve.denied{border-color:var(--danger);color:var(--danger)}.displayPanel{border:1px solid var(--line);background:var(--panel);width:min(94vw,460px);max-height:86vh;color:var(--ink);border-radius:14px;padding:18px;overflow:auto}.displayPanel::backdrop{background:#0000008c}.displayPanel .dispHead{justify-content:space-between;align-items:center;gap:12px;margin:0 0 4px;display:flex}.displayPanel .dispHead h2{margin:0;font-size:19px}.displayPanel .dispSay{color:var(--muted);margin:6px 0 0;font-size:12.5px}.displayPanel .dispGroup{border:1px solid var(--gold-mid,#c8aa6e);border-radius:10px;margin:0 0 14px;padding:12px}.displayPanel legend{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 6px;font-size:12px}.displayPanel .dispThemes{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;display:grid}.displayPanel .dispTheme{border:1px solid var(--line);color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border-radius:9px;align-items:center;gap:8px;padding:7px 9px;font-size:13px;display:flex}.displayPanel .dispTheme.on{border-color:var(--gold,#c8aa6e)}.displayPanel .dispSwatch{border-radius:5px;flex:none;align-items:center;gap:3px;width:30px;height:20px;padding:0 4px;display:inline-flex}.displayPanel .dispSwatch i{border-radius:50%;width:6px;height:6px}.displayPanel .dispSlider{align-items:center;gap:12px;display:flex}.displayPanel .dispSlider input[type=range]{flex:auto;min-width:0}.displayPanel .dispSlider output{font-variant-numeric:tabular-nums;text-align:right;min-width:4ch}.displayPanel .dispCheck{text-align:left;justify-content:flex-start;align-items:center;gap:9px;width:100%;margin:0;font-size:14px;display:flex}.displayPanel .dispCheck input{flex:none;width:auto;margin:0}.displayPanel .dispCheck span{text-align:left;flex:auto}.displayPanel .dispRoom{grid-template-columns:1fr 1fr;gap:6px;display:grid}.displayPanel .dispAction{border:1px solid var(--line);width:100%;color:inherit;font:inherit;text-align:center;cursor:pointer;background:0 0;border-radius:8px;padding:8px 10px;font-size:14px}.railPreviewArt.knownDown{outline:2px dashed var(--gold-mid,#c8aa6e);outline-offset:-4px}.railStack{position:relative}.railStack .railPips{z-index:3;flex-wrap:wrap;gap:3px;max-width:calc(100% - 8px);display:flex;position:absolute;inset:auto auto 4px 4px}.displayPanel .dispAction:hover{border-color:var(--accent)}.lobby .readyRow{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lobby .readyRow>button{flex:200px}.lobby .readySay{flex:200px;margin:0}.lobby .seatReady{letter-spacing:.04em;color:var(--muted);margin-top:4px;font-size:12px}.lobby .seatReady.on{color:var(--ok);font-weight:700}.lobby .tableIs{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:8px 18px;padding:10px 14px;display:flex}.lobby .tableIsWho{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex:1 0 100%;font-size:12px}.lobby .tableIsBit{font-size:15px;font-weight:600}.lobby .tableIsBit i{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-right:4px;font-size:12px;font-style:normal;font-weight:400}