:root{--bg: #1d1a16;--panel: #2a2520;--card: #f3ead8;--ink: #241f19;--muted: #8a7f70;--line: #4a4237;--ready: #3fae5a;--target: #d9443b;--selected: #e8b923;--minion-h: clamp(120px, calc((100vh - 400px) / 3.56), 167px);--hero-h: calc(var(--minion-h) * .78);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;color:#eee5d3}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button{font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:4px;background:#3a332b;color:inherit;padding:4px 10px}button:hover:not(:disabled){background:#4a4237}button:disabled{opacity:.4;cursor:default}.setup{max-width:960px;margin:0 auto;padding:24px 16px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:16px;min-height:100vh}.setup h1{margin:0 0 4px;text-align:center;font-size:34px;letter-spacing:.08em;text-transform:uppercase;color:#f2d27a;text-shadow:0 2px 0 #5a3e10,0 0 18px rgba(232,185,35,.25)}.setup .error{margin:0}.setup .sides{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:start}.setup .vs{align-self:center;font-size:20px;font-weight:800;font-style:italic;text-transform:uppercase;color:var(--muted)}.setup .side{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px;min-width:0}.setup .side-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.setup h2{margin:0 auto 0 0;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.setup .classes{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:5px}.setup .cls{position:relative;cursor:pointer}.setup .cls input{position:absolute;opacity:0;pointer-events:none}.setup .cls span{display:flex;align-items:center;height:32px;padding:0 8px;border-radius:5px;font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(160deg,color-mix(in srgb,var(--frame) 85%,#fff 15%),color-mix(in srgb,var(--frame) 70%,#000 30%));border:2px solid transparent;opacity:.6;transition:opacity .12s}.setup .cls:hover span{opacity:.85}.setup .cls input:checked+span{opacity:1;border-color:var(--selected);box-shadow:0 0 0 1px #000,0 0 12px #e8b92373}.setup .cls input:focus-visible+span{outline:2px solid var(--selected);outline-offset:2px}.setup .side:has(option[value=code]:checked) .classes{opacity:.3}.setup input:not([type]),.setup textarea,.setup select{font:inherit;font-size:13px;background:#1d1a16;color:inherit;border:1px solid var(--line);border-radius:4px;padding:4px 6px}.setup select{cursor:pointer}.setup .deck-code,.setup .deck-list{display:none;width:100%;resize:vertical}.setup .side:has(option[value=code]:checked) .deck-code,.setup .side:has(option[value=list]:checked) .deck-list{display:block}.setup .options{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 20px;font-size:13px;color:var(--muted)}.setup .options label{display:flex;align-items:center;gap:6px}.setup input[type=checkbox]{width:auto;margin:0}.setup .clock{display:none!important}.setup:has(option[value=human]:checked) .clock{display:flex!important}@supports not selector(:has(*)){.setup .deck-code,.setup .deck-list{display:block}.setup .clock{display:flex!important}}.start{align-self:center;min-width:220px;font-size:20px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:10px 36px;border-radius:8px;color:#fff4d0;background:linear-gradient(#3f8a4f,#24592f);border:1px solid #6fcf83;box-shadow:0 3px #123018,0 0 18px #3fae5a4d}.setup .start:hover:not(:disabled){background:linear-gradient(#4a9c5b,#2b6a38)}.setup .start:active{box-shadow:0 1px #123018}@media (max-width: 720px){.setup .sides{grid-template-columns:1fr}.setup .vs{display:none}}.topbar .anomaly{margin-left:10px;padding:1px 8px;border-radius:10px;font-size:12px;background:#3a2a5a;border:1px solid #8a76c4;cursor:default}.topbar .error-cards{margin-left:10px;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:700;background:#5a1f1a;border:1px solid var(--target)}.error{background:#5a1f1a;border:1px solid var(--target);border-radius:4px;padding:8px;margin:8px 0;white-space:pre-wrap}.table{padding:8px;height:100vh;overflow:hidden;display:flex;flex-direction:column}.table{position:relative}.topbar{position:absolute;top:6px;left:8px;right:8px;z-index:60;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.topbar>*{pointer-events:auto}.topbar>span:first-child{padding:3px 10px;border-radius:12px;background:#081028c7;font-size:13px}#menu{margin-left:auto;padding:2px 10px;font-size:18px;line-height:1.2}.topbar .buttons{display:none;position:absolute;top:34px;right:0;flex-direction:column;align-items:stretch;gap:8px;padding:10px;border-radius:8px;background:#141210f2;box-shadow:0 8px 24px #0009}.topbar .buttons.open{display:flex}.result{color:var(--selected);font-weight:700;font-size:18px}.main{display:grid;grid-template-columns:1fr 320px;grid-template-rows:minmax(0,1fr);gap:8px;flex:1;min-height:0}.board{display:flex;flex-direction:column;gap:8px;min-width:0}.main.bare{grid-template-columns:minmax(0,1fr)}.main.bare>.side{display:none}.main.bare>.board{width:min(100% - 20px,1620px);justify-self:center;grid-template-columns:96px minmax(0,1fr) 150px}.main.bare>.board.hotseat{grid-template-columns:0 minmax(0,1fr) 150px}.main.bare>.board>.spotlight{width:96px;padding:6px 2px;justify-self:start;z-index:20}.main.bare>.board>.spotlight.on,.main.bare>.board>.spotlight.review{width:210px;padding:8px}.main.bare .spot-title{font-size:12px}.side{display:flex;flex-direction:column;gap:8px;min-height:0}.side h3{margin:0 0 6px;font-size:13px;display:flex;justify-content:space-between}.actions,.log{background:var(--panel);border-radius:6px;padding:8px;overflow-y:auto}.actions{max-height:45%}.log{flex:1;font-size:12px}.action{display:block;width:100%;text-align:left;margin-bottom:3px}.action.end{background:#2f6b3c}.log-line{padding:1px 0;border-bottom:1px solid #332d26}.log-line .t{color:var(--muted)}.k-PLAY b,.k-HERO_POWER b{color:#8fc7ff}.k-DEATH b,.k-DESTROY b{color:#ff8f86}.k-TURN_BEGIN{border-top:1px solid var(--muted);margin-top:4px}.board{display:grid;grid-template-columns:210px minmax(0,1fr) 200px;column-gap:10px;row-gap:6px;grid-template-rows:auto auto auto auto 1fr;align-items:center}.board.hotseat{grid-template-columns:0 minmax(0,1fr) 200px}.board>.opp-hand,.board>.hand-row{grid-column:2;min-width:0}.board>.opp-hand{grid-row:1}.board>.opp{grid-row:2}.board>.lanes,.board>.end-col{grid-row:3}.board>.spotlight,.board>.spot-slot{grid-column:1;grid-row:2 / 5}.board>.you{grid-row:4}.board>.hand-row{grid-row:5}.board>.decision{grid-column:2;grid-row:3;z-index:25;justify-self:center;align-self:center;max-width:100%;box-shadow:0 10px 40px #000000b3}.board>.decision.mulligan{translate:0 calc(89px * var(--mull-s) + 12px)}.hero-row{grid-column:2;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center}.weapon-slot{justify-self:end}.power-slot{justify-self:start;display:flex;gap:8px}.hero-info{grid-column:3;display:flex;flex-direction:column;gap:6px;align-items:flex-start;font-size:12px}.hero-info .counts{color:var(--muted)}.mana{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.crystals{display:inline-flex;gap:2px}.crystal{width:10px;height:13px;background:#18263c;border:1px solid #3a5a86;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.crystal.full{background:radial-gradient(circle at 35% 30%,#bfe6ff,#3c8de0 60%,#1b4f94)}.crystal.locked{position:relative;background:#2a1a12;border-color:#8a6a3a}.padlock{display:inline-block;width:8px;height:6px;margin-top:4px;border-radius:1px;position:relative;background:linear-gradient(#e9c46a,#a8781c);box-shadow:0 0 0 1px #3a2a08}.padlock:before{content:"";position:absolute;left:1.5px;right:1.5px;top:-4px;height:5px;border:1.5px solid #c9a24a;border-bottom:0;border-radius:3px 3px 0 0}.crystal.locked .padlock{position:absolute;left:1px;top:3px;margin:0}.kw.overload{display:inline-flex;gap:3px;align-items:flex-end;background:none;padding:0 2px}.end-col{grid-column:3;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.table{background:radial-gradient(ellipse at 50% 45%,#2552ad,#1a3c86 45%,#102a63 80%,#0b1e48)}.board>.rim{grid-column:2 / 4;grid-row:2 / 5;align-self:stretch;justify-self:stretch;margin:-14px -10px -8px -18px;border-radius:34px;pointer-events:none;background:linear-gradient(180deg,#a7a29a,#8c8780 50%,#a7a29a);border:3px solid #4f4b46;box-shadow:inset 0 0 0 6px #b9b4ac,inset 0 0 0 9px #6d6963,0 10px 30px #000000b3}.lanes{grid-column:2;display:flex;flex-direction:column;min-width:0;padding:4px 8px;background:center / 100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3CradialGradient id='g' cx='50%25' cy='50%25' r='70%25'%3E%3Cstop offset='0' stop-color='%23dcbd85'/%3E%3Cstop offset='1' stop-color='%23b8925c'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpolygon points='0,9 20,0 80,0 100,9 100,45 98.6,50 100,55 100,91 80,100 20,100 0,91 0,55 1.4,50 0,45' fill='url(%23g)' stroke='%235f4a30' stroke-width='1.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");filter:drop-shadow(0 0 6px rgba(0,0,0,.35))}.lanes .lane.opp{border-bottom-color:#5f462873}#turn-clock{text-align:center;min-height:1.2em;font-weight:700;color:var(--muted, #ccc)}#turn-clock .rope{color:#ff8a3d}.lane{display:flex;gap:14px;min-height:140px;padding:14px 12px;border-radius:6px;background:#3b3227;justify-content:center;flex-wrap:wrap}.lane{flex-wrap:nowrap;height:calc(var(--minion-h) + 24px);padding:12px}.lane .card{flex:0 1 calc(var(--minion-h) * .88);min-width:64px;height:var(--minion-h);min-height:0}.hero-row .card.hero,.hero-row .card.power{height:var(--hero-h);min-height:0}.hero-row .card.hero{width:calc(var(--hero-h) * 1.22)}.hero-row .card.power{width:calc(var(--hero-h) * .95)}.hero-row .card.hero .name{font-size:15px;padding-top:12px}.lane,.lane.you{background:transparent}.lane.opp{border-bottom:1px solid rgba(255,230,180,.2);border-radius:0}.opp-hand{display:flex;justify-content:center;min-height:44px;padding-top:2px}.cardback{width:30px;height:42px;border-radius:4px;border:2px solid #8a76c4;background:repeating-linear-gradient(45deg,#5b4a8a,#5b4a8a 5px,#6b5a9a 5px,#6b5a9a 10px);box-shadow:0 2px 4px #00000080}.cardback+.cardback{margin-left:-8px}.cardback.art{width:40px;height:60px;border:0;border-radius:3px;background-repeat:no-repeat;rotate:var(--tilt, 0deg);translate:0 var(--drop, 0px);transform-origin:50% 0}.cardback.art+.cardback.art{margin-left:-14px}.hand-row{display:flex;justify-content:center;padding:14px 10px 4px;min-height:274px;container-type:inline-size}.hand-row .card.hand{flex:none;rotate:var(--tilt, 0deg);translate:0 var(--drop, 0px);transform-origin:50% 130%;transition:translate .12s,rotate .12s}.hand-row .card.hand+.card.hand{margin-left:clamp(-134px,calc((100cqw - 60px - var(--n) * 196px) / max(var(--n) - 1,1)),10px)}.hand-row .card.hand.selected{z-index:30!important;translate:0 -22px;rotate:0deg}.hand-row .card.hand{will-change:translate,rotate}.main.bare{--lane-air: clamp(0px, calc((100vh - 920px)/2) , 76px)}.main.bare .lane{height:calc(var(--minion-h) + 24px + var(--lane-air))}.main.bare .hand-row{min-height:0;padding:0 10px;margin-top:14px;z-index:10;align-self:start}.main.bare .hand-row .card.hand{--s: 1}.main.bare .hand-row .card.hand+.card.hand{margin-left:clamp(-96px,calc((100cqw - 60px - var(--n) * 140px) / max(var(--n) - 1,1)),-24px)}.main.bare .hand-row .card.hand.selected{translate:0 -96px}.board{--mull-s: 1.4}@media (max-height: 920px){.board{--mull-s: 1.05}}.board>.hand-row.mulligan{grid-row:3;align-self:center;z-index:26;margin:0;padding:0;translate:0 -40px}.board>.hand-row.mulligan .card.hand{--s: var(--mull-s);rotate:0deg;translate:0 0}.board>.hand-row.mulligan .card.hand+.card.hand{margin-left:18px}.card{position:relative;background:var(--card);color:var(--ink);border-radius:calc(6px * var(--s, 1));padding:calc(6px * var(--s, 1));width:calc(120px * var(--s, 1));min-height:calc(120px * var(--s, 1));display:flex;flex-direction:column;cursor:pointer;border:calc(3px * var(--s, 1)) solid transparent;-webkit-user-select:none;user-select:none}.card .name{font-weight:700;font-size:calc(12px * var(--s, 1));line-height:1.15}.card .type{font-size:calc(10px * var(--s, 1));color:#6d6253;text-transform:capitalize}.card .text{font-size:calc(10.5px * var(--s, 1));line-height:1.2;margin-top:calc(3px * var(--s, 1));flex:1;overflow:hidden}.card .kws{display:flex;flex-wrap:wrap;gap:calc(2px * var(--s, 1));margin-top:calc(2px * var(--s, 1))}.kw{font-size:calc(9.5px * var(--s, 1));background:#463c30;color:#f3ead8;border-radius:calc(3px * var(--s, 1));padding:0 calc(4px * var(--s, 1))}.card{padding-bottom:calc(20px * var(--s, 1))}.card .stats{position:absolute;left:calc(-9px * var(--s, 1));right:calc(-9px * var(--s, 1));bottom:calc(-9px * var(--s, 1));z-index:2;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.atk,.hp,.dur,.arm{display:grid;place-items:center;min-width:calc(28px * var(--s, 1));height:calc(28px * var(--s, 1));padding:0 calc(3px * var(--s, 1));font-weight:900;font-size:calc(17px * var(--s, 1));color:#fff;border:calc(2px * var(--s, 1)) solid #2a2014;-webkit-text-stroke:calc(3px * var(--s, 1)) #000;paint-order:stroke fill;text-shadow:0 calc(1px * var(--s, 1)) calc(2px * var(--s, 1)) #000}.atk{background:radial-gradient(circle at 35% 30%,#ffe27a,#d79a12 60%,#8a5a06);border-radius:50%}.hp{background:radial-gradient(circle at 35% 30%,#ff7a6a,#c52119 60%,#6e0b06);border-radius:50%/38% 38% 62% 62%}.dur{background:radial-gradient(circle at 35% 30%,#e0e3e8,#8d939c 60%,#4d525a);border-radius:calc(4px * var(--s, 1)) calc(4px * var(--s, 1)) 50% 50%}.arm{background:radial-gradient(circle at 35% 30%,#e0e3e8,#8d939c 60%,#4d525a);border-radius:calc(6px * var(--s, 1)) calc(6px * var(--s, 1)) 50% 50%;font-size:calc(14px * var(--s, 1))}.higher{color:#4cff3a!important}.lower{color:#ff4636!important}.card .cost+.name{padding-left:calc(16px * var(--s, 1))}.card .race{align-self:flex-end;margin-bottom:calc(7px * var(--s, 1));font-size:calc(9.5px * var(--s, 1));font-weight:700;line-height:1;padding:calc(3px * var(--s, 1)) calc(8px * var(--s, 1));border-radius:calc(3px * var(--s, 1));background:linear-gradient(#6a604f,#3f382d);border:calc(1px * var(--s, 1)) solid #c9b78f;color:#f3ead8;font-family:Georgia,Times New Roman,serif;white-space:nowrap;max-width:62%;overflow:hidden;text-overflow:ellipsis}.card.immune:before,.card.divine:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:inherit;pointer-events:none;z-index:1}.card.immune:before{border:3px solid #f4f8ff;box-shadow:0 0 14px 3px #e1eeffd9}.card.divine:before{top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:22px;border:2px solid rgba(255,226,110,.95);background:radial-gradient(ellipse at center,#ffdc5a00 58%,#ffd64659);box-shadow:0 0 16px 5px #ffc828bf,inset 0 0 16px #ffdc5ab3}.card.immune.divine:before{border-color:#f4f8ff;box-shadow:0 0 0 3px #ffd646e6,0 0 18px 6px #e1eeffcc,inset 0 0 16px #ffdc5ab3}.kw.state{background:#6b3f8f}.kw.state.open{background:#2f6b3c}.card.location.closed{filter:grayscale(.7);opacity:.75}.card.dormant{opacity:.6;border-style:dashed;border-color:#8a76c4}.card.dormant.target,.card.dormant.ready{opacity:1}.card .cost{position:absolute;top:calc(-9px * var(--s, 1));left:calc(-9px * var(--s, 1));width:calc(28px * var(--s, 1));height:calc(28px * var(--s, 1));border-radius:50%;z-index:2;background:radial-gradient(circle at 35% 30%,#8ed0ff,#2f6fbf 60%,#123a73);border:calc(2px * var(--s, 1)) solid #0d2140;color:#fff;font-weight:900;font-size:calc(16px * var(--s, 1));display:grid;place-items:center;-webkit-text-stroke:calc(3px * var(--s, 1)) #000;paint-order:stroke fill;text-shadow:0 calc(1px * var(--s, 1)) calc(2px * var(--s, 1)) #000}.card.hand{min-height:calc(178px * var(--s, 1))}.card.hero{width:110px;min-height:80px;background:#d9c9a8}.card.power{width:110px;min-height:80px;background:#cfd9e8;padding-top:10px}.card.power.spent{opacity:.5}.card.location{background:#e3dccb;border-radius:4px}.card.weapon{width:90px;min-height:80px;background:#d6d0c4}.card.taunt{box-shadow:inset 0 0 0 2px #7a6a52;border-radius:6px 6px 18px 18px}.card.ready{border-color:var(--ready)}.card.target{border-color:var(--target)}.card.selected{border-color:var(--selected);translate:0 -3px}.card.mulligan-out{border-color:var(--target)}.card.mulligan-out>*{filter:grayscale(.6) brightness(.5)}.card.mulligan-out:after{content:"✕";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;font-size:calc(120px * var(--s, 1));font-weight:900;line-height:1;color:#e2342b;pointer-events:none;-webkit-text-stroke:3px #3a0906;paint-order:stroke fill;text-shadow:0 2px 10px rgba(0,0,0,.7)}.hero-gems{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.secret{--gem: #8a3fc4;--gem-hi: #d9a6ff;--gem-lo: #4a1a70;position:absolute;pointer-events:auto;left:calc(50% + var(--x, 0) * 56%);top:calc(52% + var(--y, -1) * 56%);translate:-50% -50%;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--gem-hi),var(--gem) 60%,var(--gem-lo));border:2px solid #2a1f14;box-shadow:0 0 0 2px #c9a65a,0 2px 4px #0009;color:#fff;font-weight:900;font-size:15px;-webkit-text-stroke:2px #000;paint-order:stroke fill}.secret.c-mage{--gem: #c43fb4;--gem-hi: #ffa6f2;--gem-lo: #6a1a5e}.secret.c-paladin{--gem: #d9a520;--gem-hi: #fff0a0;--gem-lo: #7a5a08}.secret.c-hunter{--gem: #3f9c45;--gem-hi: #b8f2a6;--gem-lo: #1a5020}.secret.c-rogue{--gem: #7d828c;--gem-hi: #e2e6ee;--gem-lo: #3a3d44}.secret.quest{--gem: #c4963f;--gem-hi: #ffe9a6;--gem-lo: #70501a;width:30px;height:30px;font-size:17px}.secret.effect{--gem: #3f9c55;--gem-hi: #c8f2c8;--gem-lo: #1a5028;font-size:12px}.secret.art{background-size:contain;background-position:center;background-repeat:no-repeat;border:none;box-shadow:none;color:transparent;-webkit-text-stroke:0}.secret.tinted{background:var(--art) center / contain no-repeat,var(--gem);background-blend-mode:luminosity,normal;-webkit-mask:var(--art) center / contain no-repeat;mask:var(--art) center / contain no-repeat;border:none;box-shadow:none;color:transparent;-webkit-text-stroke:0}.secret .progress{position:absolute;top:50%;left:100%;translate:3px -50%;padding:0 4px;border-radius:6px;background:#241f19;color:#fff;font-size:10px;-webkit-text-stroke:0;white-space:nowrap}.decision{background:var(--panel);border:2px solid var(--selected);border-radius:6px;padding:8px}.decision h3{margin:0 0 8px}.decision .options{display:flex;gap:8px;flex-wrap:wrap}.decision .option .card.choice{min-height:calc(178px * var(--s, 1))}.arrow-layer{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:50;overflow:visible}.arrow-edge{stroke:#3a0905;stroke-width:17;stroke-linecap:round;stroke-dasharray:22 9}.arrow-shaft{stroke:#d8261b;stroke-width:11;stroke-linecap:round;stroke-dasharray:22 9}.arrow-head{fill:#d8261b;stroke:#3a0905;stroke-width:3;stroke-linejoin:round}.arrow-base{fill:#d8261b;stroke:#3a0905;stroke-width:3}.arrow-layer.locked .arrow-shaft,.arrow-layer.locked .arrow-head,.arrow-layer.locked .arrow-base{fill:#ff3b2b}.arrow-layer.locked .arrow-shaft{stroke:#ff3b2b;fill:none}.card.aimed{border-color:#ff3b2b;box-shadow:0 0 0 3px #ff3b2b73,0 0 18px #ff3b2b99}.toast{position:fixed;z-index:60;max-width:220px;padding:10px 14px;background:#fffaf0;color:#241f19;border:2px solid #3a332b;border-radius:16px;font-weight:600;pointer-events:none;opacity:0;transition:opacity .2s}.toast.show{opacity:1}.played-at{position:fixed;z-index:40;pointer-events:none}.card.played{--s: 1;width:212px;min-height:290px;padding:16px 12px 10px;pointer-events:none;cursor:default;box-shadow:0 6px 24px #0009}.card.played.opp{border-color:var(--target)}.card.played.you{border-color:var(--ready)}.card.played .cost{width:44px;height:48px;top:-14px;left:-14px;font-size:24px}.card.played .stats{left:-14px;right:-14px;bottom:-14px}.card.played .atk,.card.played .hp,.card.played .dur,.card.played .arm{min-width:42px;height:42px;font-size:24px}.card.played .race{font-size:12px;margin-bottom:11px}.card.played .portrait{height:92px}.card.played.t-weapon .portrait{width:92px}.card.played .name{margin-top:-16px}.card.played .rarity{width:13px;height:13px}.card.played .text{font-size:13px;line-height:1.25;padding:8px 8px 22px}:root{--cls-neutral: #8a8a8a;--cls-deathknight: #26304a;--cls-demonhunter: #20372a;--cls-druid: #8a5a2e;--cls-hunter: #2f6b2c;--cls-mage: #7fa6dc;--cls-paladin: #d6ae3a;--cls-priest: #d8d8d8;--cls-rogue: #2c2b2e;--cls-shaman: #2c4785;--cls-warlock: #64398c;--cls-warrior: #a3302a}.c-neutral{--frame: var(--cls-neutral)}.c-deathknight{--frame: var(--cls-deathknight)}.c-demonhunter{--frame: var(--cls-demonhunter)}.c-druid{--frame: var(--cls-druid)}.c-hunter,.c-dream{--frame: var(--cls-hunter)}.c-mage{--frame: var(--cls-mage)}.c-paladin{--frame: var(--cls-paladin)}.c-priest{--frame: var(--cls-priest)}.c-rogue{--frame: var(--cls-rogue)}.c-shaman{--frame: var(--cls-shaman)}.c-warlock{--frame: var(--cls-warlock)}.c-warrior{--frame: var(--cls-warrior)}.c2-neutral{--frame-2: var(--cls-neutral)}.c2-deathknight{--frame-2: var(--cls-deathknight)}.c2-demonhunter{--frame-2: var(--cls-demonhunter)}.c2-druid{--frame-2: var(--cls-druid)}.c2-hunter,.c2-dream{--frame-2: var(--cls-hunter)}.c2-mage{--frame-2: var(--cls-mage)}.c2-paladin{--frame-2: var(--cls-paladin)}.c2-priest{--frame-2: var(--cls-priest)}.c2-rogue{--frame-2: var(--cls-rogue)}.c2-shaman{--frame-2: var(--cls-shaman)}.c2-warlock{--frame-2: var(--cls-warlock)}.c2-warrior{--frame-2: var(--cls-warrior)}.card.face{--s: 1.4;width:calc(130px * var(--s, 1));padding:calc(5px * var(--s, 1)) calc(5px * var(--s, 1)) calc(6px * var(--s, 1));gap:0;background:linear-gradient(160deg,color-mix(in srgb,var(--frame) 70%,#fff),var(--frame) 45%,color-mix(in srgb,var(--frame) 60%,#000));box-shadow:inset 0 0 0 calc(1px * var(--s, 1)) #00000073,0 calc(2px * var(--s, 1)) calc(4px * var(--s, 1)) #00000080}.face .multi-mark{position:absolute;z-index:2;right:calc(-5px * var(--s, 1));top:calc(14px * var(--s, 1));width:calc(14px * var(--s, 1));height:calc(30px * var(--s, 1));background:linear-gradient(90deg,#3a2a50,#241833);border:calc(1px * var(--s, 1)) solid #c9a66b;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);box-shadow:0 0 calc(2px * var(--s, 1)) #000}.face .multi-mark i{position:absolute;width:calc(4px * var(--s, 1));height:calc(4px * var(--s, 1));border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff4c0,#e0a826 70%)}.face .multi-mark i:nth-child(1){left:calc(4px * var(--s, 1));top:calc(5px * var(--s, 1))}.face .multi-mark i:nth-child(2){left:calc(1.5px * var(--s, 1));top:calc(12px * var(--s, 1))}.face .multi-mark i:nth-child(3){left:calc(6.5px * var(--s, 1));top:calc(12px * var(--s, 1))}.card.face.dual{background:linear-gradient(160deg,rgba(255,255,255,.3),transparent 45%,rgba(0,0,0,.4)),linear-gradient(90deg,var(--frame) 50%,var(--frame-2) 50%)}.face .portrait{height:calc(48px * var(--s, 1));margin:0 calc(8px * var(--s, 1));border:calc(2px * var(--s, 1)) solid #2a2014;flex:none;background:radial-gradient(ellipse at 40% 35%,color-mix(in srgb,var(--frame) 55%,#fff),color-mix(in srgb,var(--frame) 70%,#000) 75%)}.t-minion .portrait{border-radius:50%}.t-spell .portrait{border-radius:calc(4px * var(--s, 1));margin:0 calc(4px * var(--s, 1))}.t-weapon .portrait{width:calc(48px * var(--s, 1));align-self:center;border-radius:50%;border-width:calc(3px * var(--s, 1));border-color:#3a3a3a}.t-hero .portrait,.t-location .portrait{border-radius:50% 50% calc(4px * var(--s, 1)) calc(4px * var(--s, 1)) / 70% 70% calc(4px * var(--s, 1)) calc(4px * var(--s, 1))}.r-legendary .portrait{box-shadow:0 0 0 calc(2px * var(--s, 1)) #e8b923,0 0 calc(8px * var(--s, 1)) #e8b923}.face .name{position:relative;z-index:1;margin:calc(-12px * var(--s, 1)) calc(-6px * var(--s, 1)) calc(-4px * var(--s, 1));padding:0;flex:none}.face .name svg{display:block;width:100%;overflow:visible}.face .name .ribbon-edge{fill:none;stroke:#3a2a14;stroke-width:25}.face .name .ribbon{fill:none;stroke:#c9a66b;stroke-width:21}.face.framed:not(.laid) .name .ribbon-edge,.face.framed:not(.laid) .name .ribbon{display:none}.face .name text{fill:#fff;stroke:#000;stroke-width:3.5px;stroke-linejoin:round;paint-order:stroke fill;font-family:Georgia,Times New Roman,serif;font-weight:700;text-anchor:middle;dominant-baseline:central}.face .rarity{width:calc(10px * var(--s, 1));height:calc(10px * var(--s, 1));margin:calc(-3px * var(--s, 1)) auto calc(-4px * var(--s, 1));position:relative;z-index:2;flex:none;transform:rotate(45deg);border:calc(1.5px * var(--s, 1)) solid #2a2014;border-radius:calc(2px * var(--s, 1))}.face .gem-space{height:calc(4px * var(--s, 1));flex:none}.r-common .rarity{background:linear-gradient(135deg,#fff,#a9a9a9)}.r-rare .rarity{background:linear-gradient(135deg,#a9d4ff,#2d6fd6)}.r-epic .rarity{background:linear-gradient(135deg,#e6b3ff,#8e2fc4)}.r-legendary .rarity{background:linear-gradient(135deg,#ffe08a,#e07b0c)}.face .text{margin-top:calc(4px * var(--s, 1));padding:calc(6px * var(--s, 1)) calc(5px * var(--s, 1)) calc(16px * var(--s, 1));border-radius:calc(4px * var(--s, 1));text-align:center;background:#efe3c4;color:var(--ink);box-shadow:inset 0 0 0 calc(1px * var(--s, 1)) #00000040}.t-weapon .text{background:#2e2a26;color:#f1ead9}.t-weapon .dur{border-radius:calc(4px * var(--s, 1)) calc(4px * var(--s, 1)) 50% 50%}.t-location .dur{border-radius:50% 50% calc(6px * var(--s, 1)) calc(6px * var(--s, 1)) / 40% 40% calc(6px * var(--s, 1)) calc(6px * var(--s, 1))}.card.face.t-weapon{background:linear-gradient(160deg,color-mix(in srgb,var(--frame) 55%,#888),color-mix(in srgb,var(--frame) 55%,#000) 45%,color-mix(in srgb,var(--frame) 35%,#000))}.card.face.t-weapon .portrait{width:calc(88px * var(--s, 1));height:calc(88px * var(--s, 1));margin-bottom:calc(2px * var(--s, 1));border:calc(5px * var(--s, 1)) solid #2b2d31;box-shadow:0 0 0 calc(2px * var(--s, 1)) #77797e,inset 0 0 calc(10px * var(--s, 1)) #0009}.t-weapon .name .ribbon-edge{stroke:#2b2d31}.t-weapon .name .ribbon{stroke:#8e9096}.t-weapon .text{box-shadow:inset 0 0 0 calc(2px * var(--s, 1)) #6d6f74}.face.t-weapon .stats .atk{position:relative}.face.t-weapon .stats .atk:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:calc(9px * var(--s, 1));height:calc(46px * var(--s, 1));translate:-50% -50%;rotate:225deg;border-radius:50% 50% 2px 2px/20% 20% 2px 2px;background:linear-gradient(90deg,#8d939c,#eef1f5 50%,#8d939c);border:1px solid #2a2014}.card.face.t-hero-power{--frame: #4a5fae;padding-top:calc(16px * var(--s, 1));background:linear-gradient(90deg,#2e3d7a,#5a70c0 18%,#4a5fae,#5a70c0 82%,#2e3d7a);border:calc(3px * var(--s, 1)) solid #c9a55a;border-top:none;border-bottom:none;border-radius:0;clip-path:polygon(0 0,100% 0,100% 94%,50% 100%,0 94%)}.card.face.t-hero-power:after{content:"";position:absolute;left:0;right:0;top:0;height:calc(8px * var(--s, 1));background:linear-gradient(#f3d98a,#a87a2c);box-shadow:0 1px 2px #0009}.card.face.t-hero-power .cost{left:50%;translate:-50% 0;top:calc(1px * var(--s, 1));z-index:3}.card.face.t-hero-power .portrait{width:calc(80px * var(--s, 1));height:calc(80px * var(--s, 1));align-self:center;border-radius:50%;border:calc(5px * var(--s, 1)) solid #7a5a2c;box-shadow:0 0 0 calc(2px * var(--s, 1)) #d9b56a,inset 0 0 calc(10px * var(--s, 1)) #0009}.t-hero-power .text b:first-child{display:block}.t-hero-power .text{margin-bottom:calc(10px * var(--s, 1))}.card .cost{clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%);border-radius:0}.card.played.face{box-shadow:0 6px 24px #0009,inset 0 0 0 1px #00000073}.card.face.framed{background:var(--frame-art) center / 100% 100% no-repeat}.card.face.framed.split{isolation:isolate}.card.face.framed.laid.split:after{z-index:-2}.face .frame-2{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;border-radius:inherit;background:var(--frame-art-2) center / 100% 100% no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 50%,#000 50%);mask-image:linear-gradient(90deg,transparent 50%,#000 50%)}.face.laid .frame-2{background:var(--frame-art-2) var(--frame-pos) / var(--frame-size) no-repeat;clip-path:var(--frame-clip)}.card.face.framed.laid{background:none;box-shadow:none;padding:0;min-height:0;aspect-ratio:var(--frame-aspect);isolation:isolate}.card.face.framed.laid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:var(--frame-art) var(--frame-pos) / var(--frame-size) no-repeat;clip-path:var(--frame-clip)}.face.laid .portrait{position:absolute;left:var(--hole-l);top:var(--hole-t);width:var(--hole-w);height:var(--hole-h);margin:0;border:none;box-shadow:none}.face.laid .portrait{clip-path:var(--hole-clip)}.t-spell.laid .portrait,.t-location.laid .portrait{border-radius:0}.t-hero.laid .portrait{border-radius:50% 50% 0 0/35% 35% 0 0}.face.laid .name{position:absolute;left:0;right:0;top:var(--name-t);margin:0 -4%}.face.laid .rarity{position:absolute;left:50%;top:var(--gem-t);margin:0;translate:-50% -50%}.face.laid .gem-space{display:none}.face.laid .text{position:absolute;left:var(--text-l);top:var(--text-t);width:var(--text-w);height:var(--text-h);box-sizing:border-box;margin:0;padding:6% 4% 11%;background:none;box-shadow:none;overflow:hidden;font-size:calc(9.5px * var(--s, 1) * var(--fit, 1));line-height:1.15;display:flex;align-items:center;justify-content:safe center;flex-direction:column}.t-location.laid .text{padding-bottom:4%}.face.laid.blank-panel .text{background:#e9dec3;border-radius:calc(5px * var(--s, 1));box-shadow:inset 0 0 0 calc(1px * var(--s, 1)) #00000059,inset 0 0 calc(8px * var(--s, 1)) #5a462859}.face .portrait.art{background:center / cover no-repeat}.cropped{overflow:hidden;container-type:size}.face:not(.laid) .portrait.cropped,.hist .tile.cropped{position:relative}.cropped>.crop{position:absolute;left:50%;top:var(--crop-y, 50%);translate:-50% calc(-1 * var(--crop-y, 50%));background-repeat:no-repeat;pointer-events:none;width:max(100cqw,100cqh * var(--a));height:max(100cqh,100cqw / var(--a))}.token .oval,.hero .arch,.power .round,.weapon .round,.hist .tile{--crop-y: 30%}.card .cost.art,.face .rarity.art{background-color:transparent;background-size:100% 100%;background-repeat:no-repeat;clip-path:none}.board>.field{grid-column:2;grid-row:2 / 5;align-self:stretch;justify-self:stretch;margin:-10px -60px -4px -10px;pointer-events:none;background:center / 100% 100% no-repeat}.field.art~.lanes{background:none;filter:none}.board:has(>.pillar)>.field{margin-right:-21px}.board>.pillar{grid-column:3;grid-row:2 / 5;align-self:stretch;justify-self:start;margin:-10px 0 -4px;aspect-ratio:98 / 722;translate:0 -4.3%;pointer-events:none;background-repeat:no-repeat;clip-path:polygon(12% 0,93% 0,93% 100%,12% 100%,12% 57.3%,0 57.3%,0 40.7%,12% 40.7%)}.main.bare>.board:has(>.pillar){grid-template-columns:110px minmax(0,1fr) 132px}.board>.frame-left{grid-column:1;grid-row:2 / 5;align-self:start;justify-self:end;margin-top:-10px;height:calc((100% + 14px)*.687);aspect-ratio:114 / 496;translate:23.7% 18.5%;pointer-events:none;background-repeat:no-repeat;clip-path:polygon(2% 0,76% 0,76% 44%,98% 49.2%,76% 54.5%,76% 100%,2% 100%);border-radius:14px}.main.bare>.board:has(>.frame-left)>.spotlight.idle{width:122px;padding-top:9.7vh;background:none;border-color:transparent;box-shadow:none}.board:has(>.frame-left)>.spotlight.idle>.spot-title{display:none}.board:has(>.pillar)>.rim{visibility:hidden}.board:has(>.pillar)>.end-col,.board:has(>.pillar)>.hero-info.opp,.board:has(>.pillar)>.hero-info.you{grid-row:2 / 5;align-self:stretch;margin:-10px 0 -4px;position:relative;translate:none;display:block;pointer-events:none;container-type:size}.board:has(>.pillar)>.end-col>*,.board:has(>.pillar)>.hero-info>*{position:absolute;pointer-events:auto}.board:has(>.pillar)>.hero-info>.counts{display:none}.board:has(>.pillar)>.end-col>.end-turn{top:44.7%;left:calc(4.8cqh - 58.5px);translate:-50% -50%;width:calc(.94*(6.28cqh + 117px));height:11.6cqh;font-size:max(15px,2.1cqh)}.board:has(>.pillar)>.end-col>#turn-clock{top:calc(44.7% + 6.4cqh);left:calc(4.8cqh - 58.5px);translate:-50% 0}.board:has(>.pillar)>.hero-info>.pile.art{left:3.73cqh;translate:0 -50%;width:calc(5.84cqh + var(--n, 0) * .19cqh)}.board:has(>.pillar) .pile .back{width:5.54cqh}.board:has(>.pillar) .pile .pages{left:5.54cqh;width:calc(.3cqh + var(--n, 0) * .19cqh)}.board:has(>.pillar)>.hero-info.opp>.pile{top:22.8%}.board:has(>.pillar)>.hero-info.you>.pile{top:69.2%}.field.art~.lanes .lane.opp{border-bottom-color:transparent}.spotlight{flex:none;width:210px;align-self:stretch;display:flex;flex-direction:column;gap:6px;align-items:center;padding:8px;border-radius:8px;border:1px dashed var(--line);contain:size;overflow-y:auto;position:relative}.spotlight.on{border:2px solid var(--selected);background:#2a2520;cursor:pointer;box-shadow:0 0 18px #e8b92340}.spot-card{flex:none}.spot-leaving{position:absolute;left:50%;translate:-50% 0;z-index:1;pointer-events:none}.secret-banner{position:absolute;top:132px;left:50%;translate:-50% 0;z-index:2;pointer-events:none;padding:4px 18px;border-radius:6px;background:linear-gradient(#b34ad6,#6a1f8c);border:2px solid #e8c56a;box-shadow:0 3px 10px #000000b3;color:#fff;font-weight:900;font-size:22px;letter-spacing:1px;-webkit-text-stroke:1px #2a0f36;paint-order:stroke fill}.secret-banner.art{width:190px;height:64px;padding:0;border:none;border-radius:0;box-shadow:none;background:center / contain no-repeat;color:transparent;-webkit-text-stroke:0}.spot-idle{color:var(--muted);margin:auto;font-size:12px;text-align:center}.spot-title{font-weight:800;font-size:14px;text-align:center;color:var(--selected)}.card.big{cursor:inherit;--s: 1.48;min-height:calc(178px * var(--s, 1))}.card.face.big .kws{justify-content:center;margin:calc(4px * var(--s, 1)) 0 calc(12px * var(--s, 1))}.card.big.face-down{width:calc(130px * var(--s, 1));background:repeating-linear-gradient(45deg,#5b4a8a,#5b4a8a 10px,#6b5a9a 10px,#6b5a9a 20px);color:#fff;display:grid;place-items:center}.card.big.face-down .name{font-size:20px}.spot-steps{margin:0;padding-left:20px;width:100%;font-size:12.5px;line-height:1.35}.spot-steps li{color:var(--muted);margin-bottom:3px}.spot-steps li.now{color:#fff3c4;font-weight:600}.spot-next{margin-top:auto;width:100%;background:#2f6b3c}.pace{font-size:12px;color:var(--muted);display:inline-flex;gap:4px;align-items:center}.pace select{font:inherit;background:#1d1a16;color:inherit;border:1px solid var(--line);border-radius:4px}.card.flash{border-color:#ffd34d}.card.flash>.glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 4px #ffd34db3,0 0 26px #ffd34dcc;opacity:.45;will-change:opacity;animation:flash .9s ease-in-out infinite alternate}@keyframes flash{0%{opacity:.45}to{opacity:1}}.splat{position:absolute;z-index:5;top:38%;left:50%;transform:translate(-50%,-50%);min-width:40px;padding:4px 8px;border-radius:999px;text-align:center;font-weight:900;font-size:18px;pointer-events:none;white-space:nowrap;animation:splat calc(.35s * var(--k, 1)) ease-out}.splat.dmg{background:#c0281d;color:#fff;border:2px solid #5a0d07}.splat.buff{background:#2f8a43;color:#fff;border:2px solid #11401c}.splat.note{background:#3a5f9a;color:#fff;border:2px solid #1b2f4f;font-size:13px}@keyframes splat{0%{transform:translate(-50%,-50%) scale(1.6);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.preview{position:fixed;z-index:70;pointer-events:none;filter:drop-shadow(0 8px 18px rgba(0,0,0,.6))}.preview .card.big{--s: 1.7}.preview .enchants{list-style:none;margin:8px 0 0;padding:8px 10px;width:220px;box-sizing:border-box;background:#2a2520;border:1px solid #8a7f70;border-radius:6px;font-size:12px;line-height:1.3}.preview .enchants li+li{margin-top:5px}.preview .enchants b{color:#f3d98a}.preview{display:grid;grid-template-columns:221px auto;column-gap:8px;align-items:start}.preview>:not(.keywords){grid-column:1}.preview .keywords{grid-column:2;grid-row:1 / span 3;list-style:none;margin:0;padding:0;width:200px;display:flex;flex-direction:column;gap:6px}.preview .keywords li{padding:7px 9px;background:#efe3c4;color:var(--ink);border:2px solid #8a6d3b;border-radius:6px;font-size:12px;line-height:1.3}.preview .keywords b{display:block;font-family:Georgia,Times New Roman,serif;font-size:13px}.spotlight.idle,.spotlight.review{border-style:solid;background:#25211c}.spotlight.review{border-color:#8fc7ff}.spot-turn{font-size:11px;color:var(--muted)}.hist-list{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1 1 0;min-height:0;overflow:hidden;align-self:stretch}.hist{position:relative;width:64px;height:64px;padding:3px;border:none;border-radius:6px;background:var(--edge, var(--line));box-shadow:0 2px 4px #00000080;cursor:pointer}.hist.mine{--edge: #3fae5a}.hist.theirs{--edge: #d9443b}.hist:hover{--edge: var(--selected)}.hist .tile{display:flex;align-items:center;justify-content:center;width:100%;height:100%;box-sizing:border-box;border-radius:4px;overflow:hidden;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--frame, #6a6050) 70%,white),var(--frame, #6a6050) 70%)}.hist .tile.art{background-size:cover;background-position:center 30%}.hist .tile:has(>.name){flex-direction:column;gap:1px}.hist .tile .name{padding:0;font-size:10px;font-weight:700;line-height:1.1;text-align:center;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000}.hist .tile>.mark{position:static;font-size:11px;height:11px;line-height:11px;overflow:visible}.hist .mark{position:absolute;right:5px;bottom:4px;font-size:15px;font-weight:900;line-height:1;color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000}.log-turn{margin-bottom:6px;border-left:3px solid var(--line);padding-left:6px}.log-turn.mine{border-left-color:#3fae5a}.log-turn.theirs{border-left-color:#d9443b}.log-head{font-weight:700;color:#eee5d3;padding:2px 0}.log-turn .log-line{color:#cfc4b0}.card.ghost,.cardback.ghost{pointer-events:none;z-index:30}.turn-banner{position:fixed;left:50%;top:45%;z-index:80;pointer-events:none;padding:18px 64px;border-radius:14px;white-space:nowrap;font:900 44px/1 Georgia,Times New Roman,serif;letter-spacing:2px;text-transform:uppercase;color:#fff3c4;-webkit-text-stroke:2px #3a2a05;paint-order:stroke fill;background:radial-gradient(ellipse at center,#5a3c0aeb,#281c08d9);border:3px solid #e8b923;box-shadow:0 0 40px #e8b9238c}@media (prefers-reduced-motion: reduce){.splat,.icon.pulse,.shield-burst,.token .shield,.token .ov.frozen{animation:none}.card.flash>.glow{animation:none;opacity:.8}.hand-row .card.hand,.card.drag-ghost.held,.lane.you>.card,.loading-bar i{transition:none}}.card.ghost .splat{animation:none}.topbar .sound{display:inline-flex;gap:6px;align-items:center}.topbar .sound input[type=range]{width:80px}.card.hand.dragging{opacity:.25}.card.drag-ghost{position:fixed;z-index:60;pointer-events:none;margin:0;translate:-50% -50%;box-shadow:0 14px 30px #0009;cursor:grabbing}.card.drag-ghost.held{transition:left .15s ease-out,top .15s ease-out}.card.drag-ghost.in-slot{scale:.85}.lane.you>.card{transition:translate .15s ease-out}.lane.you.parted>.card:not(.ghost){translate:calc(clamp(-1,(var(--i) - var(--slot) + 1.5) * 10,1) * var(--half)) 0}.hand-row .card.hand,.lane.you>.card.minion{touch-action:none;-webkit-user-select:none;user-select:none}.created-by{margin-top:6px;padding:4px 10px;border-radius:12px;text-align:center;font-size:12px;background:#2a2520;border:1px solid #8a7f70;color:#eee5d3}.card.hand.powered{border-color:#ffd23f;box-shadow:0 0 0 2px #ffd23f,0 0 18px 6px #ffd23fbf}.game-veil{position:fixed;top:0;left:0;right:0;bottom:0;z-index:55;display:flex;align-items:center;justify-content:center;background:#00000073}.game-over{display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px 48px;background:#181410;border:3px solid var(--muted);border-radius:12px;box-shadow:0 10px 40px #000000b3}.game-over .headline{font-size:54px;font-weight:900;letter-spacing:2px;color:#fff;-webkit-text-stroke:3px #000;paint-order:stroke fill}.game-over.win{border-color:#e8c25a}.game-over.win .headline{color:#ffd76a}.game-over.lose{border-color:var(--target)}.game-over.lose .headline{color:#e8786f}.game-over .buttons{display:flex;gap:10px}.lane .card.minion.token{flex-basis:calc(var(--minion-h) * .8)}.card.minion.token{padding:0;border:0;background:none;border-radius:50%;overflow:visible;box-shadow:none}.card.minion.token.location{border-radius:14px}.token .oval{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;border:4px solid color-mix(in srgb,var(--frame) 55%,#1a140c);background:radial-gradient(ellipse at 40% 32%,color-mix(in srgb,var(--frame) 55%,#fff),color-mix(in srgb,var(--frame) 70%,#000) 80%);box-shadow:0 3px 8px #0009,inset 0 0 10px #00000073;display:grid;place-items:center}.token .oval.art{background-size:cover;background-position:center 30%}.token.location .oval{border-radius:12px 12px 22px 22px}.token.r-legendary .oval{border-color:#e8b923;box-shadow:0 0 0 2px #7a5a10,0 0 12px #e8b923cc,inset 0 0 10px #00000073}.token .oval .name{padding:0 14px 18px;text-align:center;color:#fff;font-size:13px;line-height:1.15;-webkit-text-stroke:3px #000;paint-order:stroke fill;text-shadow:0 1px 2px #000;overflow:hidden;max-height:70%}.token.ready>.oval{border-color:var(--ready);box-shadow:0 0 12px 3px var(--ready),inset 0 0 10px #00000073}.token.target>.oval{border-color:var(--target);box-shadow:0 0 12px 3px var(--target),inset 0 0 10px #00000073}.token.selected>.oval{border-color:var(--selected);box-shadow:0 0 14px 4px var(--selected),inset 0 0 10px #00000073}.token.aimed>.oval{border-color:#ff3b2b}.token .stats{left:-6px;right:-6px;bottom:4px}.token .atk,.token .hp,.token .dur{min-width:32px;height:32px;font-size:19px}.token .kws{position:absolute;top:-6px;left:0;right:0;z-index:3;justify-content:center;margin:0;pointer-events:none}.token .icons{position:absolute;left:50%;bottom:5px;translate:-50% 0;z-index:3;display:flex;gap:2px;align-items:center;pointer-events:none}.token .icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2px solid #1d160d;color:#fff;font-size:18px;font-weight:900;line-height:1;box-shadow:0 1px 3px #000000b3}.icon.deathrattle{background:radial-gradient(circle at 35% 30%,#8c8496,#3b3346 70%)}.icon.trigger{background:radial-gradient(circle at 35% 30%,#ffd27a,#d9761a 70%);color:#3a1a00;font-size:20px}.token .ov{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit}.token .ring{position:absolute;pointer-events:none;border-radius:50%}.token.location .ring{border-radius:18px}.token .stats,.token .icons{z-index:5}.token .zzz{position:absolute;top:2%;right:0;width:40px;height:44px;z-index:6;pointer-events:none}.token .zzz b{position:absolute;font-weight:900;font-style:italic;color:#fff;-webkit-text-stroke:3px #10203a;paint-order:stroke fill}.token .zzz b:nth-child(1){left:0;bottom:0;font-size:12px}.token .zzz b:nth-child(2){left:10px;bottom:10px;font-size:15px;opacity:.85}.token .zzz b:nth-child(3){left:22px;bottom:22px;font-size:19px;opacity:.7}.token .shield{position:absolute;top:-8px;right:-12px;bottom:-20px;left:-12px;pointer-events:none;clip-path:polygon(50% 0,88% 5%,100% 18%,100% 60%,50% 100%,0 60%,0 18%,12% 5%);background:linear-gradient(135deg,#c9c9c9,#8a8a8a 30%,#6b6b6b 70%,#4a4a4a);animation:shield-in .2s ease-out}.token .shield.off{filter:grayscale(1);opacity:.5}@keyframes shield-in{0%{scale:.9}to{scale:1}}.token .ov.stealth{background:radial-gradient(ellipse at 30% 40%,rgba(40,30,55,.65),transparent 55%),radial-gradient(ellipse at 70% 65%,rgba(40,30,55,.7),transparent 60%),radial-gradient(ellipse at center,#281e3759 30%,#1e162ad9 95%)}.token .oval:has(>.ov.stealth){filter:saturate(.4) brightness(.8)}.token .ov.sparks{background:radial-gradient(circle at 25% 70%,#fff 0 1px,#ffd75a 2px,transparent 4px),radial-gradient(circle at 70% 55%,#fff 0 1px,#ffd75a 2px,transparent 4px),radial-gradient(circle at 45% 35%,#fff 0 1px,#ffd75a 2px,transparent 3px),radial-gradient(circle at 80% 80%,#fff 0 1px,#ffd75a 2px,transparent 3px)}.token .ov.silenced{background:repeating-linear-gradient(135deg,transparent 0 14px,rgba(138,92,214,.85) 14px 20px,rgba(220,190,255,.95) 20px 21px,transparent 21px 34px)}.token .ov.frozen{background:conic-gradient(from 200deg at 15% 100%,transparent 0 10deg,rgba(232,251,255,.95) 10deg 22deg,rgba(170,230,255,.8) 22deg 40deg,transparent 40deg),conic-gradient(from 110deg at 85% 100%,transparent 0 10deg,rgba(170,230,255,.8) 10deg 30deg,rgba(232,251,255,.95) 30deg 42deg,transparent 42deg),conic-gradient(from 165deg at 50% 100%,transparent 0 12deg,rgba(200,240,255,.85) 12deg 30deg,transparent 30deg),linear-gradient(160deg,#d7f5ff73,#5aaae64d 50%,#e1faff8c);box-shadow:inset 0 0 14px #effcff;animation:ice-in .4s ease-out}.token .ov.windfury b{position:absolute;width:80%;height:30%;border-radius:50%;border-top:3px solid rgba(240,244,250,.75)}.token .ov.windfury b:nth-child(1){top:18%;left:-10%}.token .ov.windfury b:nth-child(2){top:40%;left:25%}.token .ov.windfury b:nth-child(3){top:62%;left:-5%}.token .ring.elusive{top:-9px;right:-9px;bottom:-9px;left:-9px;background:radial-gradient(ellipse at center,transparent 58%,rgba(255,225,110,.55) 72%,transparent 100%)}.token .ring.divine-shield{top:-7px;right:-7px;bottom:-7px;left:-7px;border:2px solid rgba(255,226,110,.9);background:radial-gradient(ellipse at center,#ffd75a26 55%,#ffc83c8c);box-shadow:0 0 16px 5px #ffc828a6,inset 0 0 14px #ffdc5a99}.token .ring.divine-shield:after{content:"";position:absolute;top:6%;right:40%;bottom:55%;left:10%;border-radius:50%;border-top:3px solid rgba(255,248,215,.7);rotate:-25deg}.token .ring.reborn{top:-5px;right:-5px;bottom:-5px;left:-5px;border:3px solid rgba(120,190,255,.6);box-shadow:0 0 10px 2px #78beff99;background:linear-gradient(28deg,transparent 47%,#cfe8ff 48% 50%,transparent 51%) 0 0 / 30% 30% no-repeat,linear-gradient(-35deg,transparent 47%,#cfe8ff 48% 50%,transparent 51%) 100% 15% / 28% 26% no-repeat,linear-gradient(60deg,transparent 47%,#cfe8ff 48% 50%,transparent 51%) 0 100% / 26% 28% no-repeat,linear-gradient(-20deg,transparent 47%,#cfe8ff 48% 50%,transparent 51%) 100% 90% / 30% 30% no-repeat;mask:radial-gradient(ellipse at center,transparent 62%,#000 68%)}.token .ring.immune{top:-4px;right:-4px;bottom:-4px;left:-4px;padding:3px;background:conic-gradient(#f4f8ff 0,#f4f8ff 40deg,#f4f8ff59 70deg,#f4f8ff59 140deg,#f4f8ff 160deg,#f4f8ff 200deg,#f4f8ff59 230deg,#f4f8ff59 300deg,#f4f8ff 330deg);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);box-shadow:0 0 6px #e1eeffe6}.token .ring.rush{top:-6px;right:-6px;bottom:-6px;left:-6px;padding:6px;background:conic-gradient(#3ddc5a 0,#3ddc5a 60deg,#a8f5b6,#3ddc5a 120deg,#3ddc5a 240deg,#a8f5b6,#3ddc5a 300deg);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);box-shadow:0 0 8px #3ddc5ae6}.card.minion.token.dormant{opacity:1}.card.minion.token.dormant .oval{border-style:dashed;border-color:#8a76c4;filter:grayscale(1) brightness(.6)}.token .dormant-count{position:absolute;top:-8px;left:50%;translate:-50% 0;z-index:5;min-width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-weight:900;font-size:13px;color:#fff;background:radial-gradient(circle at 35% 30%,#b7a4e8,#4d3a86 70%);border:2px solid #1d160d}.icon.poisonous{position:relative;background:radial-gradient(circle at 35% 30%,#4a5a44,#1c2418 70%)}.icon.poisonous:before{content:"";position:absolute;left:50%;bottom:4px;translate:-50% 0;width:18px;height:16px;border-radius:50%;border:1.5px solid #e8f5e0;background:radial-gradient(circle at 38% 62%,#f0ffd0 0 2px,transparent 2.5px),radial-gradient(circle at 64% 48%,#f0ffd0 0 1.5px,transparent 2px),linear-gradient(transparent 0 32%,#6cf04a 32%,#2a9a18)}.icon.poisonous:after{content:"";position:absolute;left:50%;top:3px;translate:-50% 0;width:6px;height:8px;border:1.5px solid #e8f5e0;border-bottom:0;border-radius:2px 2px 0 0;background:#e8f5e026}.icon.lifesteal{background:radial-gradient(circle at 35% 30%,#ffc0d8,#e2468a 70%);position:relative}.icon.lifesteal:before{content:"♥";color:#ffe3ee;font-size:21px;-webkit-text-stroke:1px #7a1040}.icon.lifesteal:after{content:"";position:absolute;left:50%;top:6px;bottom:6px;width:2px;translate:-50% 0;rotate:12deg;background:#7a1040}.hero-row .card.hero,.hero-row .card.power,.hero-row .card.weapon{padding:0;border:0;background:none}.hero-row .card.hero{width:calc(var(--hero-h) * 1.05);border-radius:50% 50% 14px 14px/62% 62% 14px 14px}.hero-row .card.power,.hero-row .card.weapon{align-self:center;width:calc(var(--hero-h) * .68);height:calc(var(--hero-h) * .68);min-height:0;border-radius:50%}.hero .arch,.power .round,.weapon .round{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;display:grid;place-items:center;border:4px solid color-mix(in srgb,var(--frame, #a08a62) 55%,#1a140c);background:radial-gradient(ellipse at 40% 32%,color-mix(in srgb,var(--frame, #a08a62) 55%,#fff),color-mix(in srgb,var(--frame, #a08a62) 70%,#000) 80%);box-shadow:0 3px 8px #0009,inset 0 0 10px #00000073}.hero .arch.art,.power .round.art,.weapon .round.art{background-size:cover;background-position:center 30%}.weapon .round{border-color:#4a4a4a}.hero .arch{border:5px solid #c9a55a;box-shadow:0 0 0 4px #6d6963,0 4px 10px #000000b3,inset 0 0 10px #00000073}.power .round{border:5px solid #a8843c;box-shadow:0 0 0 3px #4f4b46,0 3px 8px #0009,inset 0 0 10px #00000073}.hero .arch .name,.power .round .name,.weapon .round .name{padding:0 10px;text-align:center;color:#fff;font-size:13px;line-height:1.15;-webkit-text-stroke:3px #000;paint-order:stroke fill;text-shadow:0 1px 2px #000}.hero-row .card.hero .arch .name{font-size:calc(var(--hero-h) * .12);padding:0 6px 12px}.power .round .name,.weapon .round .name{font-size:11px;padding:0 6px}.hero-row .card.hero.ready>.arch,.hero-row .card.power.ready>.round,.hero-row .card.weapon.ready>.round{border-color:var(--ready);box-shadow:0 0 12px 3px var(--ready),inset 0 0 10px #00000073}.hero-row .card.target>.arch,.hero-row .card.target>.round{border-color:var(--target);box-shadow:0 0 12px 3px var(--target)}.hero-row .card.selected>.arch,.hero-row .card.selected>.round{border-color:var(--selected);box-shadow:0 0 14px 4px var(--selected)}.hero-row .card.aimed>.arch,.hero-row .card.aimed>.round{border-color:#ff3b2b}.hero-row .card.power .cost{top:-12px;left:50%;translate:-50% 0}.hero-row .card.power.spent{opacity:1}.hero-row .card.power.spent>.round{filter:grayscale(1) brightness(.45)}.hero-row .card.power.spent .cost{visibility:hidden}.hero-row .card .stats{left:-8px;right:-8px;bottom:-4px}.hero-row .card.hero .stats .arm{position:absolute;right:0;bottom:30px}.hero-row .card.hero .kws{position:absolute;top:4px;left:0;right:0;justify-content:center;z-index:3}.icon.pulse{animation:icon-pulse .9s ease-out;z-index:4}@keyframes icon-pulse{0%{scale:1;box-shadow:0 0 #ffdc78e6}35%{scale:1.9;box-shadow:0 0 14px 6px #ffdc78d9}to{scale:1;box-shadow:0 0 #ffdc7800}}@keyframes ice-in{0%{opacity:0;scale:1.15}to{opacity:1;scale:1}}.shield-burst{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;pointer-events:none;z-index:4;border:3px solid rgba(255,226,110,.95);box-shadow:0 0 18px 6px #ffc828cc;animation:shield-burst .6s ease-out forwards}@keyframes shield-burst{0%{opacity:1;scale:1}to{opacity:0;scale:1.45}}.board>.hero-info{align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:4px}.board>.hero-info.opp{justify-content:flex-end;translate:0 64px}.board>.hero-info.opp .counts{order:-1}.board>.hero-info.you{justify-content:flex-start;translate:0 -64px}.hero-row{position:relative}.hero-row>.mana{position:absolute;left:74%;z-index:4;flex-wrap:nowrap;align-items:center;gap:8px}.hero-row.opp>.mana{top:-28px}.power-slot{align-items:center}.power-slot>.mana{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:none}.power-slot>.mana>.crystals{flex-wrap:nowrap}.hero-info .counts{color:#2a2218;font-weight:700;font-size:11px}.hero-info .fatigue{color:#8a1a12}.mana b{min-width:64px;padding:3px 14px;border-radius:999px;text-align:center;font-size:17px;background:linear-gradient(#4a86d6,#1d4a8c 70%);border:2px solid #a9cdf2;box-shadow:0 0 0 2px #2a2f3a,inset 0 2px 3px #ffffff59,0 2px 4px #0009;color:#fff;font-family:Georgia,Times New Roman,serif;-webkit-text-stroke:2.5px #0a1a33;paint-order:stroke fill}.hero-row.you .crystals{gap:4px}.hero-row.you .crystal{width:34px;height:44px;border:none;clip-path:polygon(50% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%);background:linear-gradient(135deg,#22324a 0,#22324a 50%,#18243a 50%)}.hero-row.you .crystal.full{background:linear-gradient(135deg,#e2f4ff 0,#e2f4ff 18%,#7cc4ff 18%,#7cc4ff 50%,#2f7fd8 50%,#2f7fd8 78%,#1b4f94 78%);filter:drop-shadow(0 0 5px rgba(120,200,255,.8))}.hero-row.you .crystal.locked{background:linear-gradient(135deg,#e09080 0,#e09080 18%,#b0402e 18%,#b0402e 50%,#7a2418 50%)}.hero-row.opp .crystals{display:none;position:absolute;top:100%;left:0;margin-top:4px;z-index:30;padding:4px 6px;border-radius:6px;background:#14100ce6}.hero-row.opp .mana:hover .crystals{display:inline-flex}.pile{position:relative;width:64px;height:80px;border-radius:10px;display:grid;place-items:end center;padding-bottom:3px;background:linear-gradient(90deg,#3a3833,#24221f 50%,#3a3833);border:3px solid #6d6963;box-shadow:inset 0 3px 8px #000c,0 0 0 2px #b9b4ac}.pile:before{content:"";position:absolute;top:7px;bottom:7px;left:8px;border-radius:4px;width:calc(26px + var(--n, 0) * .55px);box-sizing:content-box;padding-right:0;background:repeating-linear-gradient(90deg,#f6e3a2 0,#f6e3a2 1px,#b8892e 1px,#b8892e 2px) right / calc(var(--n, 0) * .55px) 100% no-repeat,radial-gradient(circle at 50% 50%,#e8c56a 0 3px,transparent 4px) 0 0 / 26px 100% no-repeat,repeating-linear-gradient(45deg,#4a63b8 0,#4a63b8 4px,#3a509e 4px,#3a509e 8px) 0 0 / 26px 100% no-repeat;border:2px solid #c9a55a;box-shadow:2px 1px 3px #000000b3}.pile.empty{background:#24221f;border-color:#8a3a30;box-shadow:inset 0 3px 8px #000c,0 0 0 2px #b9b4ac}.pile.empty:before{display:none}.pile.art{width:calc(38px + 2px + var(--n, 0) * 1.3px);height:27%;padding:0;background:none;border:0;box-shadow:none;border-radius:0}.pile.art:before,.pile.art>span{display:none}.pile .back,.pile .pages{position:absolute;top:0;bottom:0;background-repeat:no-repeat}.pile .back{left:0;width:38px;border-radius:3px 0 0 3px;box-shadow:-1px 0 2px #0009}.pile .pages{left:38px;width:calc(2px + var(--n, 0) * 1.3px);border-radius:0 6px 6px 0;box-shadow:2px 1px 4px #000000b3}.pile span{position:relative;font-size:12px;font-weight:900;color:#fff;-webkit-text-stroke:2px #000;paint-order:stroke fill}.end-col{align-items:center}.end-turn{width:168px;height:58px;padding:0 10px;border-radius:29px;font-size:18px;letter-spacing:.5px;font-family:Georgia,Times New Roman,serif;font-weight:800;color:#4a2c05;background:linear-gradient(#ffe680,#f0c22e 45%,#c98f0e);border:5px solid #6d6963;box-shadow:0 0 0 3px #b9b4ac,0 0 0 5px #4f4b46,inset 0 2px 2px #fff9,inset 0 -3px 4px #78460080,0 4px 10px #0009;text-shadow:0 1px 0 rgba(255,240,180,.7)}.end-turn:hover:not(:disabled){background:linear-gradient(#fff09a,#f7d048 45%,#d9a018)}.end-turn.done{background:linear-gradient(#a6f09a,#4fc56a 45%,#2f8f44);color:#0f2d10}.end-turn.done:hover{background:linear-gradient(#bff7b0,#62d47a 45%,#3a9f50)}.end-turn:disabled{background:linear-gradient(#a09a90,#7d786f 45%,#5d594f);color:#2a2620;text-shadow:none;border-color:#6d6963;box-shadow:0 0 0 3px #b9b4ac,0 0 0 5px #4f4b46,inset 0 2px 2px #ffffff4d,0 4px 10px #0009}.end-turn.art,.end-turn.art:hover:not(:disabled),.end-turn.art.done,.end-turn.art.done:hover,.end-turn.art:disabled{position:relative;width:150px;height:80px;padding:0;font-size:17px;border:0;border-radius:30%/50%;background-color:transparent;background-repeat:no-repeat;box-shadow:0 2px 4px #0000008c;color:#fff;text-shadow:none;-webkit-text-stroke:3px #1a120a;paint-order:stroke fill;letter-spacing:.3px}.end-turn.art:hover:not(:disabled){filter:brightness(1.12)}.end-turn.art>.face{position:absolute;left:9%;top:20%;width:80%;height:63%;background-repeat:no-repeat;clip-path:polygon(6% 0,94% 0,100% 28%,100% 72%,94% 100%,6% 100%,0 72%,0 28%)}.end-turn.art>span{position:relative}.end-turn.art:disabled{color:#e8e4dc;opacity:1}.loading{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-family:Georgia,Times New Roman,serif}.loading-title{font-size:28px;color:#f3d98a}.loading-bar{width:420px;height:12px;border-radius:6px;background:#000a;border:1px solid #6d5a33;overflow:hidden}.loading-bar i{display:block;height:100%;background:linear-gradient(#f3d98a,#a87a2c);transition:width .12s linear}.loading-count{color:var(--muted);font-size:14px}.art.late{animation:art-in .18s ease-out}@keyframes art-in{0%{opacity:.25}to{opacity:1}}@media (prefers-reduced-motion: reduce){.art.late{animation:none}}@media (orientation: portrait) and (max-width: 760px){:root{--lane-slot: 1.36;--minion-w: min(60px, calc((100vw - 28px) / (var(--lane-slot) * 4)));--minion-h: min(calc(var(--minion-w) * 1.4), 90px);--hero-h: clamp(64px, calc(100dvh / 8.5), 100px);--hand-h: clamp(112px, calc(100dvh - 700px) , 140px);font-size:13px}.table{height:100dvh;padding:4px 6px;overflow:clip}.table{padding:max(4px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}.topbar{top:max(4px,env(safe-area-inset-top));left:6px;right:6px}.topbar>span:first-child{font-size:12px;padding:2px 8px;max-width:calc(100vw - 70px)}.topbar .buttons{max-width:calc(100vw - 12px)}#menu{padding:0 10px;min-height:30px}.main,.main.bare{grid-template-columns:minmax(0,1fr)}.main>.side{position:fixed;left:0;right:0;bottom:0;height:55dvh;z-index:65;padding:8px;background:#141210f5;box-shadow:0 -8px 24px #0009}.main>.board,.main.bare>.board,.main.bare>.board.hotseat,.main.bare>.board:has(>.pillar){width:100%;justify-self:stretch;column-gap:0;row-gap:4px;grid-template-columns:minmax(0,1fr);grid-template-rows:34px 54px auto minmax(0,1fr) auto 40px var(--hand-h)}.board>*{grid-column:1!important}.board>.opp-hand{grid-row:1}.board>.spotlight,.board>.spot-slot{grid-row:2}.board>.opp,.board>.hero-info.opp{grid-row:3}.board>.lanes{grid-row:4}.board>.you,.board>.hero-info.you{grid-row:5}.board>.end-col{grid-row:6}.board>.hand-row{grid-row:7}.board>.decision{grid-row:4}.main>.board>.hand-row.mulligan{grid-row:4;align-self:center;margin:0;padding:0;translate:0 -40px}.main>.board>.hand-row.mulligan .card.hand{--s: var(--mull-s)}.board>.field,.board>.pillar,.board>.frame-left{display:none}.board>.rim{grid-row:3 / 7;margin:-6px -4px -8px;border-radius:22px;visibility:visible}.opp-hand{min-height:0;height:34px;padding-top:0;padding-left:40%;align-items:flex-start}.cardback{width:18px;height:26px;border-width:1px}.cardback+.cardback{margin-left:-6px}.cardback.art{width:22px;height:33px}.cardback.art+.cardback.art{margin-left:-9px}.main.bare>.board>.spotlight.idle,.board>.spotlight.idle,.board>.spotlight:not(.on):not(.review){width:100%;height:54px;padding:2px 4px;flex-direction:row;align-items:center;contain:none;overflow:hidden;background:none;border:0;box-shadow:none}.board>.spotlight.idle>.spot-title{display:none}.board>.spotlight .spot-idle{font-size:11px}.board>.spotlight .hist-list{flex-direction:row;align-items:center;height:50px;gap:6px}.board>.spotlight .hist{width:50px;height:50px;flex:none;padding:2px}.board>.spotlight .hist .mark{font-size:11px;right:3px;bottom:2px}.board>.spot-slot{height:54px}.main.bare>.board>.spotlight.on,.main.bare>.board>.spotlight.review,.board>.spotlight.on,.board>.spotlight.review{position:fixed;left:6px;right:6px;bottom:6px;width:auto;height:auto;max-height:42dvh;z-index:50;contain:none;padding:8px;overflow-y:auto;justify-self:auto;display:grid;grid-template-columns:auto minmax(0,1fr);grid-auto-rows:min-content;column-gap:10px;row-gap:4px;align-items:start;justify-items:stretch;box-shadow:0 -6px 30px #000000bf}.board>.spotlight>*{grid-column:2}.board>.spotlight>.spot-card,.board>.spotlight>.spot-leaving{grid-column:1;grid-row:1 / span 5}.board>.spotlight>.spot-title{text-align:left;font-size:13px}.board>.spotlight>.spot-next{margin-top:4px}.spotlight .card.big{--s: .8}.spot-steps{font-size:12px;padding-left:16px}.hero-row,.board>.hero-row{grid-column:1;gap:8px;min-height:var(--hero-h)}.board>.hero-row.opp{margin-top:10px}.board>.hero-row.you{margin-top:10px}.hero-row .card.hero{width:calc(var(--hero-h) * 1.05)}.hero-row .card.hero .arch .name{font-size:10px;padding:0 4px 10px}.hero-row .card.power,.hero-row .card.weapon{width:calc(var(--hero-h) * .66);height:calc(var(--hero-h) * .66)}.power .round .name,.weapon .round .name{font-size:9px;padding:0 3px;-webkit-text-stroke:2px #000}.hero-row .card.power .round .name{padding-top:9px}.hero .arch{border-width:3px;box-shadow:0 0 0 2px #6d6963,0 3px 8px #000000b3,inset 0 0 8px #00000073}.power .round{border-width:3px}.hero-row .card .atk,.hero-row .card .hp,.hero-row .card .arm,.hero-row .card .dur{min-width:24px;height:24px;font-size:14px;-webkit-text-stroke:2.5px #000}.hero-row .card.hero .stats .arm{bottom:22px}.hero-row .card.power .cost{top:-8px}.card .cost{scale:.85}.secret{scale:.8}.hero-row.opp>.mana{left:auto;right:10px;top:8px}.mana b{min-width:44px;padding:1px 8px;font-size:14px;-webkit-text-stroke:2px #0a1a33}.hero-row.opp .crystals{left:auto;right:0}.board>.hero-info{translate:none!important;align-self:stretch;justify-self:end;justify-content:flex-end;gap:2px;padding:0 4px 4px}.board>.hero-info.opp{justify-self:start;justify-content:center;padding:0 0 0 10px}.board>.hero-info.you{justify-self:start;justify-content:center;padding:0 0 0 10px}.board>.hero-info>*{position:relative!important}.board>.hero-info .counts{display:block!important;font-size:10px;color:#2a2218}.pile,.board>.hero-info>.pile.art{width:34px;height:42px;border-width:2px;border-radius:6px;top:auto!important;left:auto!important;translate:none!important}.pile:before{top:4px;bottom:4px;left:4px;width:calc(14px + var(--n, 0) * .3px);background-size:auto,14px 100%,14px 100%}.pile span{font-size:11px}.pile.art{width:calc(20px + var(--n, 0) * .5px)}.pile .back,.board:has(>.pillar) .pile .back{width:20px}.pile .pages,.board:has(>.pillar) .pile .pages{left:20px;width:calc(1px + var(--n, 0) * .5px)}.hero-row.you .power-slot>.mana{position:absolute;top:calc(100% + 8px);left:auto;right:100px;translate:none;flex-direction:row;align-items:center;gap:6px}.hero-row.you .crystals{gap:2px}.hero-row.you .crystal{width:12px;height:16px}.board>.end-col,.board:has(>.pillar)>.end-col{grid-row:6;justify-self:end;align-self:center;height:36px;margin:0 4px 0 0;position:relative;display:flex;flex-direction:row;container-type:normal;pointer-events:auto}.board>.end-col>*{position:static!important;translate:none!important}.end-turn,.board:has(>.pillar)>.end-col>.end-turn,.end-turn.art,.end-turn.art:hover:not(:disabled),.end-turn.art.done,.end-turn.art.done:hover,.end-turn.art:disabled{width:84px;height:34px;font-size:12px;border-width:3px;border-radius:17px;padding:0 4px;box-shadow:0 0 0 2px #b9b4ac,0 0 0 3px #4f4b46,0 3px 6px #0009}#turn-clock{display:none}.board>.lanes{padding:2px 4px;align-self:stretch}.lane,.main.bare .lane{gap:calc(var(--minion-w) * (var(--lane-slot) - 1));padding:4px 2px 18px;flex:1 1 0;height:auto;min-height:calc(var(--minion-h) + 24px);align-items:center}.lane:has(>.card:nth-child(5)){--minion-w: calc((100vw - 28px) / (var(--lane-slot) * 5))}.lane:has(>.card:nth-child(6)){--minion-w: calc((100vw - 28px) / (var(--lane-slot) * 6))}.lane:has(>.card:nth-child(7)){--minion-w: calc((100vw - 28px) / (var(--lane-slot) * 7))}.lane:has(>.card:nth-child(8)){--minion-w: calc((100vw - 28px) / (var(--lane-slot) * 8))}.lane .card,.lane .card.minion.token{flex:none;width:min(var(--minion-w),60px);min-width:0;height:min(calc(var(--minion-w) * 1.4),84px);--gem: clamp(15px, calc(var(--minion-w) * .36), 21px)}.token .oval{border-width:2px}.token .oval .name{position:relative;z-index:1;font-size:clamp(7px,calc(var(--minion-w) * .16),9.5px);line-height:1.1;max-width:100%;padding:0 1px calc(var(--gem) * .6);-webkit-text-stroke:2px #000}.token .stats{left:calc(var(--minion-w) * -.15);right:calc(var(--minion-w) * -.15);bottom:0}.token .atk,.token .hp,.token .dur{min-width:var(--gem);height:var(--gem);font-size:calc(var(--gem) * .6);padding:0 1px;border-width:1.5px;-webkit-text-stroke:2px #000}.token .icons{bottom:-15px;gap:1px}.token .icon{width:15px;height:15px;font-size:9px;border-width:1px}.token .icon.trigger{font-size:10px}.token .icon.poisonous:before{bottom:2px;width:9px;height:8px;border-width:1px;background-size:auto}.token .icon.poisonous:after{top:1px;width:3px;height:4px;border-width:1px}.token .icon.lifesteal:before{font-size:11px}.token .icon.lifesteal:after{top:3px;bottom:3px;width:1px}.token .shield{top:-6%;right:-14%;bottom:-20%;left:-14%}.token .kws{top:-4px}.token .kws .kw{font-size:8px}.token .zzz{width:22px;height:26px}.token .zzz b:nth-child(1){left:0;bottom:0;font-size:8px}.token .zzz b:nth-child(2){left:6px;bottom:6px;font-size:10px}.token .zzz b:nth-child(3){left:12px;bottom:12px;font-size:12px}.token .dormant-count{scale:.7}.splat{scale:.75}.main.bare .hand-row,.hand-row{padding:0 4px;margin-top:6px;min-height:0;align-self:start}.main.bare .hand-row .card.hand,.hand-row .card.hand{--s: .78}.main.bare .hand-row .card.hand+.card.hand,.hand-row .card.hand+.card.hand{margin-left:clamp(-86px,calc((100cqw - 24px - var(--n) * 109px) / max(var(--n) - 1,1)),-12px)}.main.bare .hand-row .card.hand.selected,.hand-row .card.hand.selected{translate:0 -60px}.board{--mull-s: .66}@media (max-width: 380px){.board{--mull-s: .6}}.board>.hand-row.mulligan .card.hand+.card.hand{margin-left:6px}.board>.decision{max-width:calc(100vw - 16px);padding:6px}.decision .options{gap:6px;justify-content:center}.decision .option .card.choice{--s: .72}.preview{grid-template-columns:auto;justify-items:center;row-gap:6px;max-width:calc(100vw - 16px)}.preview .card.big{--s: 1.2}.preview .keywords{grid-column:1;grid-row:auto;width:min(300px,calc(100vw - 16px));gap:4px}.preview .keywords li{padding:5px 7px;font-size:11px}.preview .enchants{width:min(300px,calc(100vw - 16px))}.turn-banner{font-size:26px;padding:12px 28px}.card.played{scale:.75}.game-over{max-width:calc(100vw - 24px)}.hand-row .card.hand,.lane.you>.card.minion,.hero-row .card{-webkit-touch-callout:none}}