.gwrap{--g-bg:#080f18;--g-felt:#0d1724;--g-raise:#142233;--g-rule:#27384a;--g-text:#f2f0e9;--g-mute:#a3b0be;--g-gold:#d5ad60;--g-gold-dim:rgba(213,173,96,.3);--me:#6fc3be;--opp:#e07a6c;--ok:#8fd8a8;--zone:rgba(155,169,185,.045);--cw:calc(clamp(46px, min(calc((100dvh - 362px) / 7.9), 6.6vw), 96px) * var(--zoom, 1));--ch:calc(var(--cw) * 1.4);--slot:calc(var(--cw) * 1.16);--side:max(calc(var(--cw) * 1.3),118px);--mid-h:80px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:12px;gap:12px;margin:14px 0 28px;color:var(--g-text)}.gi{flex:none;display:inline-block;vertical-align:-2px}.gwrap .btn{box-shadow:none;border-radius:8px}.gwrap .btn.sm{min-height:32px;padding:6px 12px}.gwrap .btn.ghost{border-color:var(--g-rule);color:var(--g-text)}.gwrap .btn.ghost:hover{background:rgba(155,169,185,.08);border-color:#3a5068}.gwrap .btn.ghost.danger{color:#f0a097}.gwrap .btn:not(.ghost){background:var(--g-gold);color:var(--g-bg)}.gwrap .btn.resign{background:var(--opp);color:var(--g-bg)}.gwrap .btn:not(.ghost):disabled{background:#4f4430;color:#c9bfa8;opacity:1}.gwrap .btn:focus-visible{outline:2px solid var(--g-gold);outline-offset:2px}.gtable{min-width:0;flex-direction:column;border-radius:14px;border:1px solid var(--g-rule);overflow:hidden;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(213,173,96,.018) 0 .5deg,transparent .5deg 22.5deg),repeating-linear-gradient(0deg,rgba(155,169,185,.022) 0 1px,transparent 1px 72px),repeating-linear-gradient(90deg,rgba(155,169,185,.016) 0 1px,transparent 1px 72px),var(--g-felt);box-shadow:0 30px 70px -40px #000;scroll-margin-top:calc(var(--navh, 64px) + 8px)}.gtable,.gtopbar{position:relative;display:flex}.gtopbar{align-items:center;gap:12px;min-height:52px;padding:6px 12px;background:var(--g-bg);border-bottom:1px solid var(--g-rule)}.gtopbar,.gtopbar .plate{flex:none}.gtopbar .bks{flex:1 1;display:flex;justify-content:center;align-self:stretch;overflow:hidden;padding-top:2px}.gtopbar .bk{width:26px;height:36px;border-radius:4px;margin-left:-14px;border-width:1.5px;transform:rotate(calc((var(--i) - var(--mid)) * -3deg));transform-origin:50% -150%;animation:fade .3s both}.gtopbar .bk:first-child{margin-left:0}.gctl{flex:none;display:flex;align-items:center;gap:6px}.gctl .gmode{font:600 12.5px var(--body);color:var(--g-mute);white-space:nowrap;margin-right:4px}.gctl .lbl-wide{display:none}.gctl .btn.sm{padding:6px 9px}.half{position:relative;flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;padding:10px 14px}.half:before{content:"";position:absolute;top:10px;bottom:10px;left:0;width:3px;border-radius:0 3px 3px 0;background:var(--me);opacity:0;transition:opacity .35s}.half.opp:before{background:var(--opp)}.half.turn{background:rgba(8,15,24,.22)}.half.turn:before{opacity:1}.mat{display:grid;grid-gap:10px 12px;gap:10px 12px;align-items:center;grid-template-columns:var(--side) minmax(0,1fr) auto var(--side)}.half.me .mat{grid-template-areas:"life chars chars deck" "dond cost core trash"}.half.opp .mat{grid-template-areas:"trash core cost dond" "deck chars chars life"}.a-chars{grid-area:chars}.a-core{grid-area:core}.a-life{grid-area:life}.a-deck{grid-area:deck}.a-trash{grid-area:trash}.a-dond{grid-area:dond}.a-cost{grid-area:cost}.a-deck,.a-dond,.a-life,.a-trash{justify-self:center}.zlabel{position:absolute;top:5px;left:9px;z-index:1;pointer-events:none;font:600 11px/1 var(--body);color:var(--g-mute);opacity:.8;white-space:nowrap}.half.opp .zlabel{top:auto;bottom:5px}.chars{position:relative;display:flex;justify-content:center;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;min-height:calc(var(--ch) + 12px);background:linear-gradient(var(--g-gold-dim),var(--g-gold-dim)) 0 0 /9px 1px no-repeat,linear-gradient(var(--g-gold-dim),var(--g-gold-dim)) 0 0 /1px 9px no-repeat,linear-gradient(var(--g-gold-dim),var(--g-gold-dim)) 100% 0 /9px 1px no-repeat,linear-gradient(var(--g-gold-dim),var(--g-gold-dim)) 100% 0 /1px 9px no-repeat,linear-gradient(var(--g-gold-dim),var(--g-gold-dim)) 0 100% /9px 1px no-repeat,linear-gradient(var(--g-gold-dim),var(--g-gold-dim)) 0 100% /1px 9px no-repeat,linear-gradient(var(--g-gold-dim),var(--g-gold-dim)) 100% 100% /9px 1px no-repeat,linear-gradient(var(--g-gold-dim),var(--g-gold-dim)) 100% 100% /1px 9px no-repeat,var(--zone)}.slot{width:var(--slot);height:var(--ch);border-radius:8px;flex:none}.slot.vac{background:rgba(155,169,185,.025)}.core{display:flex;justify-content:center;align-items:center;gap:14px}.half.opp .core{flex-direction:row-reverse}.stage-slot{width:calc(var(--cw) * .9);height:calc(var(--ch) * .9 / 1.16);border-radius:8px;background:var(--zone);display:grid;place-items:center;color:var(--g-mute);font:600 11px var(--body);opacity:.75}.cost-area{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:2px;min-height:calc(var(--cw) * .82);padding:8px 10px;border-radius:10px;background:var(--zone)}.cost-area,.fc{position:relative}.fc{width:var(--slot);height:var(--ch);padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center;flex:none;border-radius:8px;color:inherit;animation:deal .4s var(--ease) both}.fc.lead{--slot:calc(var(--cw) * 1.16)}.fc .img{width:calc(var(--slot) * .86);max-width:100%;transition:transform .3s var(--ease),filter .2s,box-shadow .2s;border-radius:7px;position:relative}.fc.lead .img{width:calc(var(--slot) * .92);box-shadow:0 0 0 1px var(--g-gold-dim)}.fc .img .cimg{width:100%;border-radius:7px;display:block;box-shadow:0 10px 18px -10px #000}.fc .img .cimg.ph{aspect-ratio:600/838;font-size:9px}.fc.rested .img{transform:rotate(90deg) scale(.78);filter:saturate(.7) brightness(.82)}.fc:hover .img{transform:translateY(-3px);filter:brightness(1.06)}.fc.rested:hover .img{transform:rotate(90deg) scale(.8)}.fc:focus-visible{outline:none}.fc:focus-visible .img{box-shadow:0 0 0 2px var(--g-bg),0 0 0 4px var(--g-gold)}.fc.hl .img{box-shadow:0 0 0 2px var(--g-gold),0 0 14px -2px rgba(213,173,96,.5);animation:aim 1.6s ease-in-out infinite}.fc.picked .img{box-shadow:0 0 0 3px var(--me),0 0 14px -2px rgba(111,195,190,.55);animation:none}.fc.sel .img,.fc.sel:hover .img{box-shadow:0 0 0 2px var(--g-text),0 14px 26px -12px #000;transform:translateY(-5px)}.fc.sel.rested .img{transform:rotate(90deg) scale(.78) translateX(-5px)}.fc.tgt .img{box-shadow:0 0 0 3px var(--opp),0 0 16px -2px rgba(224,122,108,.65);animation:shake .45s both}.fc.atk .img{box-shadow:0 0 0 3px var(--g-gold),0 0 18px -2px rgba(213,173,96,.55)}.half.me .fc.atk .img{animation:lunge-up .5s var(--ease) both}.half.opp .fc.atk .img{animation:lunge-down .5s var(--ease) both}.half.me .fc.atk.rested .img,.half.opp .fc.atk.rested .img{animation:none}.fc.dim .img{opacity:.38;filter:grayscale(.35)}.fc.dim.rested .img{filter:grayscale(.35) brightness(.82)}@keyframes aim{50%{box-shadow:0 0 0 2px var(--g-gold),0 0 4px -2px rgba(213,173,96,.2)}}@keyframes deal{0%{opacity:0;transform:translateY(14px) scale(.9)}}@keyframes shake{20%,60%{translate:-4px 0}40%,80%{translate:4px 0}}@keyframes lunge-up{40%{translate:0 -14px}}@keyframes lunge-down{40%{translate:0 14px}}.pow{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);z-index:2;font:800 calc(var(--cw) * .17 + 3px)/1 var(--display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em;padding:4px 7px;border-radius:6px;white-space:nowrap;background:var(--g-bg);color:var(--g-text);border:1px solid var(--g-rule);box-shadow:0 4px 10px -4px #000}.pow.up{color:var(--ok);border-color:rgba(143,216,168,.45)}.pow.down{color:#f0a097;border-color:rgba(240,160,151,.45)}.fc .kw{position:absolute;top:3px;left:3px;z-index:2;display:flex;gap:2px}.fc .kw i{font:800 9px/1 var(--body);font-style:normal;background:#2d5f9e;color:#fff;padding:3px 4px;border-radius:4px;box-shadow:0 2px 6px -2px #000}.fc .kw i.rush{background:#b0573a}.fc .kw i.da{background:#6b4aa8}.fc .warn,.hc .warn{position:absolute;top:3px;right:3px;z-index:2;width:16px;height:16px;border-radius:50%;background:var(--g-bg);color:var(--g-gold);border:1px solid var(--g-gold);font:800 10px/14px var(--display);text-align:center}.fc .dons{position:absolute;top:-8px;right:-5px;z-index:3;display:flex;align-items:center}.fc .dons .tok{--t:calc(var(--cw) * .24);margin-left:calc(var(--t) * -.6)}.fc .dons .dn{margin-left:3px;font:800 11px/1 var(--display);color:var(--g-bg);background:var(--g-gold);padding:2px 5px;border-radius:6px;box-shadow:0 2px 6px -2px #000}.tok{--t:calc(var(--cw) * .44);width:var(--t);height:calc(var(--t) * 1.4);border-radius:calc(var(--t) * .12);flex:none;position:relative;display:grid;place-items:center;background:linear-gradient(160deg,#f0d79a,var(--g-gold) 45%,#8d6a2c);border:1px solid #f3dfae;box-shadow:0 4px 10px -5px #000,inset 0 0 0 2px rgba(59,42,23,.22);font:900 calc(var(--t) * .26)/1 var(--display);color:#3b2a17;letter-spacing:-.04em;transition:transform .3s var(--ease),filter .3s;animation:don-in .35s var(--ease) both}.tok:after{content:"DON!!";transform:rotate(-90deg);white-space:nowrap}.tok.r{transform:rotate(90deg) scale(.86);filter:grayscale(.7) brightness(.55)}.tok.pick{box-shadow:0 0 0 2px var(--opp),0 0 12px rgba(224,122,108,.7)}.cost-area .tok+.tok{margin-left:calc(var(--t) * -.12)}.cost-area.many .tok+.tok{margin-left:calc(var(--t) * -.42)}@keyframes don-in{0%{opacity:0;transform:translateY(-12px) scale(.7)}}.cost-sum{position:absolute;bottom:4px;right:9px;white-space:nowrap;font:600 11px/1 var(--body);color:var(--g-gold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.half.opp .cost-sum{bottom:auto;top:4px}.pile{position:relative;width:calc(var(--cw) * .82);height:calc(var(--cw) * .82 * 1.4);border:0;padding:0;background:none;color:inherit;cursor:default}.pile .back{position:absolute;inset:0;border-radius:7px}.pile .back:nth-child(2){transform:translate(-2px,-2px)}.pile .back:nth-child(3){transform:translate(-4px,-4px)}.pile .cnt{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);z-index:2;white-space:nowrap;background:var(--g-bg);border:1px solid var(--g-rule);border-radius:6px;font:800 12px/1 var(--display);padding:4px 7px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pile.trash{cursor:pointer}.pile.trash:focus-visible .cimg,.pile.trash:hover .cimg{filter:grayscale(.2) brightness(.85)}.pile.trash:focus-visible{outline:2px solid var(--g-gold);outline-offset:3px;border-radius:8px}.pile.trash .cimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:7px;filter:grayscale(.5) brightness(.6);transition:filter .2s}.pile.vac .back{background:var(--zone);border:0;box-shadow:none}.pile .lbl{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:600 11px var(--body);color:var(--g-mute);opacity:.8}.back{background:radial-gradient(circle at 50% 50%,transparent 0 22%,rgba(213,173,96,.5) 23% 25%,transparent 26%),conic-gradient(from 45deg at 50% 50%,rgba(213,173,96,.16) 0 25%,transparent 0 50%,rgba(213,173,96,.16) 0 75%,transparent 0) 50% 50% /30% 21.4%,linear-gradient(160deg,#8f2230,#4a0d16);border:2px solid #c9a663;box-shadow:0 6px 12px -6px #000,inset 0 0 0 2px rgba(0,0,0,.35)}.pile.dondeck .back{background:linear-gradient(160deg,#3a2d16,#1d150a);border-color:#a9853f}.pile.dondeck .back:after{content:"DON!!";position:absolute;inset:0;display:grid;place-items:center;font:900 calc(var(--cw) * .2)/1 var(--display);color:var(--g-gold);transform:rotate(-90deg);letter-spacing:-.03em}.pile.dondeck.vac .back:after{opacity:.3}.life{position:relative;width:calc(var(--cw) * 1.05);display:flex;flex-direction:column;align-items:center}.life-stack{position:relative;width:calc(var(--cw) * 1);height:calc(var(--cw) * .72 + var(--n, 0) * var(--cw) * .14)}.life-stack .back{position:absolute;left:0;width:100%;height:calc(var(--cw) * .72);border-radius:6px;top:calc(var(--i) * var(--cw) * .14);animation:deal .4s var(--ease) both;animation-delay:calc(var(--i) * 60ms)}.half.opp .life-stack .back{top:auto;bottom:calc(var(--i) * var(--cw) * .14)}.life-stack .lup{position:absolute;left:0;width:100%;height:calc(var(--cw) * .72);top:calc(var(--i) * var(--cw) * .14);border-radius:6px;overflow:hidden;cursor:zoom-in;box-shadow:0 0 0 2px var(--g-gold),0 6px 14px -6px #000;animation:life-flip .6s var(--ease) both}.half.opp .life-stack .lup{top:auto;bottom:calc(var(--i) * var(--cw) * .14)}.life-stack .lup .cimg{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 18%;border-radius:0}.life-stack .lup:after{content:"Lícom hore";position:absolute;left:3px;bottom:3px;font:800 8px/1 var(--body);color:var(--g-bg);background:var(--g-gold);padding:2px 4px;border-radius:3px}@keyframes life-flip{0%{transform:rotateX(180deg);filter:brightness(.4)}}.life-num{position:absolute;z-index:3;left:50%;bottom:-11px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:4px;padding:4px 9px 4px 7px;border-radius:8px;background:#b9363a;color:#fff;font:800 15px/1 var(--display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-shadow:0 6px 14px -6px rgba(0,0,0,.9),0 0 0 2px var(--g-felt)}.half.opp .life-num{bottom:auto;top:-11px}.life.hit .life-stack{animation:shake .6s both}.life.hit .life-num{animation:life-hit .9s var(--ease) both}.life.low .life-num{animation:life-low 1.4s ease-in-out infinite}@keyframes life-hit{0%{transform:translateX(-50%) scale(1.5);filter:brightness(1.8)}}@keyframes life-low{50%{box-shadow:0 0 0 2px var(--g-felt),0 0 0 5px rgba(185,54,58,.45)}}.life.vac .life-stack{background:rgba(185,54,58,.12);border-radius:6px}.plate{display:flex;align-items:center;gap:10px;min-width:0;z-index:4}.plate .av{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none;font:800 15px var(--display);color:var(--g-bg);background:var(--me)}.plate.popp .av{background:var(--opp)}.plate.on .av{box-shadow:0 0 0 2px var(--g-bg),0 0 0 4px var(--me)}.plate.popp.on .av{box-shadow:0 0 0 2px var(--g-bg),0 0 0 4px var(--opp)}.plate .pinfo{display:flex;flex-direction:column;gap:2px;min-width:0}.plate .nm{display:flex;align-items:baseline;gap:7px;font:700 14px/1.15 var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plate .elo{font:700 11.5px var(--body);color:var(--g-gold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.plate .st{display:flex;gap:10px;font-size:12px;color:var(--g-mute);white-space:nowrap}.plate .st>span{display:inline-flex;align-items:center;gap:3px}.plate .st b{color:var(--g-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clk{display:inline-flex;align-items:center;gap:5px;margin-left:4px;font:800 13px/1 var(--display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--g-mute);padding:6px 8px;border-radius:8px;background:var(--g-bg);border:1px solid var(--g-rule)}.clk.run{color:var(--g-text);border-color:var(--me)}.plate.popp .clk.run{border-color:var(--opp)}.clk.low{color:#f3b2aa}.clk.low.run{animation:blink 1s steps(2) infinite}.clk.out{color:var(--opp);border-color:var(--opp)}@keyframes blink{50%{opacity:.45}}.gmid{position:relative;z-index:12;flex:none;grid-template-columns:168px minmax(0,1fr) 168px;grid-gap:14px;gap:14px;min-height:var(--mid-h);padding:6px 14px;background:var(--g-bg);border-top:1px solid var(--g-gold-dim);border-bottom:1px solid var(--g-gold-dim)}.gmid,.gturn{display:grid;align-items:center}.gturn{grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-column-gap:10px;column-gap:10px;min-width:0}.gturn .tn{grid-row:1/3;display:grid;place-items:center;min-width:44px;height:44px;padding:0 6px;border-radius:10px;font:800 11px/1.1 var(--body);color:var(--g-mute);text-align:center;background:var(--g-felt);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.gturn .tw{display:flex;align-items:center;gap:7px;font:800 16px/1.15 var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gturn .dot{width:8px;height:8px;border-radius:50%;background:var(--opp);flex:none}.gmid.mine .gturn .dot{background:var(--me)}.gmid.mine .gturn .tw{color:var(--me)}.gturn .ph{font:600 12px var(--body);color:var(--g-mute);white-space:nowrap}.gcenter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0}.gcenter>*{flex:none}.gend{display:flex;justify-content:flex-end;align-items:center}.endbtn{font:800 15px/1 var(--display);padding:13px 20px;border-radius:10px;white-space:nowrap}.endbtn:hover{filter:brightness(1.06)}.gwrap .endbtn.confirm{background:var(--opp);color:var(--g-bg)}.endwait{font:600 12.5px var(--body);color:var(--g-mute);text-align:right}.gmid .hint{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;font-size:13.5px;color:var(--g-mute);text-align:center;margin:0}.gmid .hint b{color:var(--g-text)}.gmid .hint .spin{width:13px;height:13px}.battle{gap:14px;font:800 20px var(--display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;animation:pop .3s var(--ease) both}.battle,.battle .side{display:flex;align-items:center}.battle .side{flex-direction:column;line-height:1.05}.battle .side small{font:600 11px var(--body);color:var(--g-mute);max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle .vs{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--g-gold);background:var(--g-felt)}.battle .win{color:var(--ok)}.battle .lose{color:#f0a097}.actbar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;animation:pop .2s var(--ease) both}.actbar .who{font:700 14px var(--display);margin-right:2px}.gerr{color:#f0a097;font-size:12.5px;margin:0;animation:shake .4s both}.gprompt{width:100%;display:flex;align-items:center;gap:12px;padding:6px 8px 6px 6px;border-radius:10px;background:var(--g-raise);border:1px solid rgba(213,173,96,.5);animation:pop .2s var(--ease) both}.gprompt.wait{width:auto;border-color:var(--g-rule);background:var(--g-felt);justify-content:center;color:var(--g-mute);font-size:13px;padding:9px 14px}.gp-head{flex:1 1;min-width:0;display:flex;align-items:center;gap:10px}.gp-head .ic{width:30px;height:30px;border-radius:8px;background:rgba(213,173,96,.14);color:var(--g-gold);display:grid;place-items:center;flex:none}.gp-src{flex:none;width:40px;padding:0;border:0;background:none;border-radius:4px;cursor:zoom-in}.gp-src .cimg{width:100%;border-radius:4px;display:block;box-shadow:0 0 0 1px var(--g-gold-dim)}.gp-src:focus-visible{outline:2px solid var(--g-gold);outline-offset:2px}.gp-text{min-width:0}.gp-text h4{margin:0;font:800 14.5px/1.25 var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gp-text p{margin:2px 0 0;color:var(--g-mute);font-size:12.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gp-text p b{color:var(--g-text)}.gprompt .acts,.gsheet .acts{flex:none;display:flex;align-items:center;gap:6px;max-width:62%;overflow-x:auto}.gprompt .btn.on,.gsheet .btn.on{border-color:var(--me);color:var(--me)}.gsheet{position:absolute;z-index:13;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:min(680px,calc(100% - 28px));max-height:var(--sheet-max,60vh);overflow:auto;display:flex;flex-direction:column;gap:10px;padding:12px 14px 14px;border-radius:12px;background:var(--g-raise);border:1px solid rgba(213,173,96,.55);box-shadow:0 24px 50px -18px #000;animation:sheet-in .2s var(--ease) both}.gprompt.gbar .gp-text p{display:none}.gprompt.gbar .gp-src{width:30px}.gsheet .gp-text h4{white-space:normal}.gsheet .gp-text p{-webkit-line-clamp:unset;display:block}.gsheet .acts{max-width:none;justify-content:flex-end;flex-wrap:wrap;overflow:visible}.gsheet .opts.col{display:flex;flex-direction:column;gap:6px}.gsheet .opts.col .btn{justify-content:flex-start;text-align:left}@keyframes sheet-in{0%{opacity:0;transform:translate(-50%,8px)}}.spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(155,169,185,.3);border-top:2px solid var(--g-gold);animation:spin .8s linear infinite;flex:none;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.donrows{display:flex;flex-direction:column;gap:6px}.donrow{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;background:var(--g-bg)}.donrow .lab{flex:1 1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donrow .tokrow{display:flex}.donrow .tokrow .tok{--t:22px;margin-left:-6px;cursor:pointer}.stepper{display:inline-flex;align-items:center;gap:2px;background:var(--g-felt);border:1px solid var(--g-rule);border-radius:9px;padding:2px}.stepper button{width:30px;height:30px;border:0;border-radius:7px;background:var(--g-raise);color:var(--g-text);font:800 16px var(--body);cursor:pointer}.stepper button:disabled{opacity:.35;cursor:default}.stepper b{min-width:24px;text-align:center;font:800 15px var(--display)}.progress{font:800 13.5px var(--display);color:var(--g-gold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.progress.ok{color:var(--ok)}.trig{display:flex;gap:12px;align-items:flex-start}.trig .trigcard{width:120px;flex:none;border-radius:8px}.trig .txt{font-size:14px;line-height:1.55;color:#e2e6ea;white-space:pre-line}.gpicks{display:flex;gap:10px;flex-wrap:wrap;padding:8px 4px 4px}.gpick{position:relative;width:100px;padding:0;border:0;background:none;cursor:pointer;border-radius:8px;color:inherit;transition:transform .2s var(--ease);animation:deal .3s var(--ease) both}.gpick .cimg{width:100%;border-radius:7px;display:block;box-shadow:0 8px 16px -10px #000}.gpick:focus-visible,.gpick:hover{transform:translateY(-4px);outline:none}.gpick:focus-visible .cimg{box-shadow:0 0 0 2px var(--g-bg),0 0 0 4px var(--g-gold)}.gpick.on .cimg{box-shadow:0 0 0 3px var(--me),0 0 14px -2px rgba(111,195,190,.55)}.gpick .hpick{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--me);color:var(--g-bg)}.tray{position:relative;flex:none;display:grid;grid-template-columns:210px minmax(0,1fr) 210px;align-items:end;border-top:1px solid var(--g-rule);background:rgba(8,15,24,.6)}.tray .plate{align-self:end;padding:0 0 12px 14px}.hand{position:relative;grid-column:2;display:flex;justify-content:center;align-items:flex-end;padding:14px 8px 10px;min-height:calc(var(--cw) * 1.18 * 1.4 + 24px)}.hand-empty{align-self:center;color:var(--g-mute);font-size:13px}.hc{--w:calc(var(--cw) * 1.18);position:relative;width:var(--w);flex:none;padding:0;border:0;background:none;cursor:pointer;color:inherit;margin-left:calc(var(--w) * var(--ov, -.18));transform:translateY(calc(var(--arc, 0) * 1px)) rotate(calc(var(--rot, 0) * 1deg));transform-origin:50% 120%;transition:transform .2s var(--ease),margin .2s var(--ease),filter .2s;animation:draw-in .4s var(--ease) both}.hc:first-child{margin-left:0}.hc .cimg{width:100%;border-radius:8px;display:block;box-shadow:0 12px 22px -12px #000;transition:box-shadow .2s}.hc.sel,.hc:focus-visible,.hc:hover{transform:translateY(-18px) scale(1.1);z-index:5;outline:none}.hc:focus-visible .cimg{box-shadow:0 0 0 2px var(--g-bg),0 0 0 4px var(--g-gold),0 16px 30px -12px #000}.hc.ok .cimg{box-shadow:0 0 0 2px var(--me),0 12px 22px -12px #000}.hc.ok.sel .cimg,.hc.sel .cimg{box-shadow:0 0 0 3px var(--g-text),0 18px 32px -12px #000}.hc.picked{transform:translateY(-22px) scale(1.06);z-index:5}.hc.picked .cimg{box-shadow:0 0 0 3px var(--g-gold),0 16px 30px -12px #000}.hc.no{filter:brightness(.6) saturate(.65)}.hc.no:focus-visible,.hc.no:hover{filter:brightness(.88) saturate(.85)}.hc .hcost{position:absolute;top:-7px;left:-7px;z-index:2;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--g-bg);color:var(--g-gold);border:2px solid var(--g-gold);font:800 12px var(--display)}.hc .hcost.cheap{color:var(--ok);border-color:var(--ok)}.hc.no .hcost{border-color:#6b5a3a;color:#a8925f}.hc .hctr{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);z-index:2;font:800 11px var(--display);background:var(--g-bg);color:var(--g-gold);border:1px solid var(--g-gold-dim);padding:2px 6px;border-radius:6px;white-space:nowrap}.hc .hpick{position:absolute;top:-7px;right:-7px;z-index:3;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--g-gold);color:var(--g-bg)}@keyframes draw-in{0%{opacity:0;transform:translateY(50px) rotate(8deg)}}.gside{flex-direction:column;min-width:0;position:-webkit-sticky;position:sticky;top:calc(var(--navh, 64px) + 12px);align-self:start;max-height:calc(100dvh - var(--navh, 64px) - 24px)}.gside,.peek{display:flex;gap:10px;min-height:0}.peek{flex:none;flex-direction:column;border-radius:14px;border:1px solid var(--g-rule);background:var(--g-felt);padding:12px}.pk-img{display:flex;justify-content:center}.pk-img .cimg{width:auto;height:auto;max-width:100%;max-height:var(--pk-img,300px);aspect-ratio:600/838;border-radius:9px;display:block;box-shadow:0 18px 36px -18px #000}.pk-body{display:flex;flex-direction:column;gap:8px;min-height:0}.hztext .pk-head h3,.mtext .pk-head h3,.pk-head h3{margin:0;font:800 17px/1.2 var(--display)}.pk-sub{display:block;margin-top:2px;font-size:12px;color:var(--g-mute,#a3b0be)}.pk-stats{display:flex;flex-wrap:wrap;gap:6px}.pk-stats span{display:flex;flex-direction:column;min-width:58px;padding:5px 9px 6px;border-radius:8px;background:rgba(8,15,24,.7)}.pk-stats i{font:600 10.5px/1.2 var(--body);font-style:normal;color:var(--g-mute,#a3b0be)}.pk-stats b{font:800 16px/1.15 var(--display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--g-text,#f2f0e9)}.pk-stats .up b{color:var(--ok,#8fd8a8)}.pk-stats .down b{color:#f0a097}.peek .txt{font-size:13.5px;line-height:1.6;color:#e2e6ea;max-height:var(--pk-txt,200px);overflow:auto;white-space:pre-line;padding-right:4px}.peek.vac{color:var(--g-mute);font-size:13px;text-align:center;padding:22px 16px}.peek.vac .back{width:60px;height:84px;border-radius:8px;margin:0 auto 12px;opacity:.45}.glog{flex:1 1 auto;min-height:140px;display:flex;flex-direction:column;border-radius:14px;border:1px solid var(--g-rule);background:var(--g-bg);overflow:hidden}.glog h5{margin:0;padding:10px 12px 8px;font:700 13px var(--display);color:var(--g-text);border-bottom:1px solid var(--g-rule)}.glog ul{flex:1 1;min-height:0;overflow:auto;list-style:none;margin:0;padding:6px 10px 10px;display:flex;flex-direction:column;gap:2px;font-size:12.5px}.glog li{display:grid;grid-template-columns:20px minmax(0,1fr);grid-gap:7px;gap:7px;align-items:start;color:#b6c1cc;padding:2px;animation:fade .3s both}.glog li .lk{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;background:var(--g-felt);color:var(--g-mute)}.glog li.p0 .lk{color:var(--me);background:rgba(111,195,190,.1)}.glog li.p1 .lk{color:var(--opp);background:rgba(224,122,108,.1)}.glog li.k-ko .lk,.glog li.k-life .lk{color:#f0a097}.glog li.big{color:var(--g-text);font-weight:600}.glog li>span:last-child{padding-top:2px}.glog li.turnrow{display:flex;align-items:center;gap:8px;margin:8px 0 2px;padding:0;font:700 11.5px var(--body);color:var(--g-mute)}.glog li.turnrow:after{content:"";flex:1 1;height:1px;background:var(--g-rule)}.glog li.turnrow.p0{color:var(--me)}.glog li.turnrow.p1{color:var(--opp)}.glog li.turnrow:first-child{margin-top:2px}.glog li.start{display:block;color:var(--g-mute);padding:6px 2px}.fxs{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:15;display:flex;flex-direction:column;gap:6px;pointer-events:none}.fx,.fxs{align-items:center}.fx{display:inline-flex;gap:7px;padding:8px 14px;border-radius:10px;width:max-content;max-width:min(92vw,520px);text-align:center;font:700 14px var(--display);background:var(--g-bg);border:1px solid var(--g-rule);box-shadow:0 14px 30px -14px #000;animation:fx 2.4s var(--ease) both}.fx.ko{border-color:rgba(224,122,108,.7);color:#f3b2aa}.fx.life{border-color:rgba(185,54,58,.8);background:#2a0f14}.fx.don{border-color:var(--g-gold-dim);color:var(--g-gold)}@keyframes fx{0%{opacity:0;transform:translateY(12px)}12%,75%{opacity:1;transform:none}to{opacity:0;transform:translateY(-12px)}}.turnbanner{position:absolute;inset:0;z-index:16;display:grid;place-items:center;pointer-events:none}.turnbanner span{font:800 clamp(26px,4.4vw,48px)/1 var(--display);letter-spacing:-.02em;padding:18px 64px;color:var(--me);background:rgba(8,15,24,.94);border-top:1px solid var(--g-gold-dim);border-bottom:1px solid var(--g-gold-dim);animation:banner 1.5s var(--ease) both}.turnbanner.opp span{color:var(--opp)}@keyframes banner{0%{opacity:0;transform:translateX(-60px)}20%,70%{opacity:1;transform:none}to{opacity:0;transform:translateX(60px)}}.gover{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:20px;background:rgba(8,15,24,.95);animation:fade .4s both}.gover .rays{position:absolute;width:520px;height:520px;max-width:100%;border-radius:50%;background:repeating-conic-gradient(rgba(213,173,96,.05) 0 2deg,transparent 2deg 15deg);-webkit-mask:radial-gradient(circle,#000 20%,transparent 70%);mask:radial-gradient(circle,#000 20%,transparent 70%);animation:spin 60s linear infinite;pointer-events:none}.gover h2{position:relative;font-size:clamp(40px,8vw,72px);margin:0;letter-spacing:-.03em;color:var(--g-gold);animation:pop .5s var(--ease) both}.gover.lost h2{color:#f0a097}.gover.lost .rays{background:repeating-conic-gradient(rgba(224,122,108,.04) 0 2deg,transparent 2deg 15deg)}.gover p{position:relative;margin:0;color:var(--g-mute)}.gover .delta{position:relative;font:800 22px var(--display)}.gover .delta.up{color:var(--ok)}.gover .delta.down{color:#f0a097}.gover .row{position:relative;gap:10px;flex-wrap:wrap}.gcover,.gover .row{justify-content:center}.gcover{position:absolute;inset:0;z-index:25;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;background:rgba(8,15,24,.98);border-radius:14px}.trashgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-gap:8px;gap:8px;max-height:60vh;overflow:auto;margin-top:10px}.trashgrid .cimg{width:100%;border-radius:6px}.hzoom{position:fixed;z-index:60;width:430px;display:grid;grid-template-columns:190px 1fr;grid-gap:12px;gap:12px;padding:12px;border-radius:14px;border:1px solid #3a5068;background:#142233;color:#f2f0e9;box-shadow:0 30px 60px -20px #000;pointer-events:none;transform:translateY(-50%);animation:hz-in .16s var(--ease) both;max-height:calc(100dvh - 24px)}.hzoom.l{transform:translate(-100%,-50%)}.hzoom>.cimg{width:100%;border-radius:10px;box-shadow:0 16px 30px -16px #000}.hztext{min-width:0;display:flex;flex-direction:column;gap:8px;overflow:hidden}.hztext .txt{font-size:14px;line-height:1.55;color:#e2e6ea;white-space:pre-line;overflow:auto}.mtext{display:flex;flex-direction:column;gap:10px}@keyframes hz-in{0%{opacity:0;scale:.96}}@media (max-height:700px){.hzoom{grid-template-columns:140px 1fr;width:380px}}@media (hover:none){.hzoom{display:none}}.kwt{display:inline-block;font:800 .82em/1.25 var(--body);padding:1px 6px;margin:0 1px;border-radius:4px;color:#fff;background:#2d5f9e;white-space:nowrap}.kwt.don{background:#2b2113;color:#d5ad60;border:1px solid rgba(213,173,96,.45)}.kwt.ctr{background:#a03a44}.kwt.trg{background:#c9a227;color:#080f18}.kwt.kw{background:#6b4aa8}.kwt.opt{background:#33506c}.mtext .txt{font-size:15px;line-height:1.6;white-space:pre-line}.zoomctl{display:inline-flex;border:1px solid var(--g-rule);border-radius:8px;overflow:hidden}.zoomctl button{background:transparent;color:var(--g-text);border:0;padding:0 9px;min-height:30px;font:800 12px/1 var(--display);cursor:pointer}.zoomctl button+button{border-left:1px solid var(--g-rule)}.zoomctl button:hover:not(:disabled){background:rgba(155,169,185,.08)}.zoomctl button:disabled{opacity:.35;cursor:default}.zoomctl button:focus-visible{outline:2px solid var(--g-gold);outline-offset:-2px}.strikes{z-index:14;pointer-events:none}.strikes,.strikes svg{position:absolute;inset:0}.strikes svg{width:100%;height:100%;overflow:visible}.sline{stroke:#f0d79a;stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(213,173,96,.8));animation:sline .55s var(--ease) both}@keyframes sline{0%{stroke-dasharray:0 2000;stroke-width:2;opacity:1}45%{stroke-dasharray:2000 0;stroke-width:7;opacity:1}to{stroke-dasharray:2000 0;stroke-width:0;opacity:0}}.clash{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:10px;background:var(--g-bg);border:1px solid var(--g-gold);box-shadow:0 16px 30px -12px #000;font:800 15px/1 var(--display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--g-mute);white-space:nowrap;animation:clash 1.4s var(--ease) both}.clash b.win{color:var(--g-gold);font-size:18px}.clash em{font-style:normal;color:var(--opp);display:grid}.clash .x{position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-60px 0 0 -60px;pointer-events:none}.clash .x:after,.clash .x:before{content:"";position:absolute;left:50%;top:50%;width:130%;height:3px;margin:-1.5px 0 0 -65%;border-radius:3px;background:linear-gradient(90deg,transparent,#fff,transparent);animation:xcut .45s var(--ease) both;animation-delay:inherit}.clash .x:before{rotate:45deg}.clash .x:after{rotate:-45deg;animation-delay:.08s}@keyframes xcut{0%{scale:0 1;opacity:1}60%{scale:1 1;opacity:1}to{scale:1.1 .4;opacity:0}}@keyframes clash{0%{opacity:0;scale:.5}18%{opacity:1;scale:1.1}30%,80%{opacity:1;scale:1}to{opacity:0;scale:.92;translate:0 -12px}}.boom{position:absolute;width:0;height:0}.boom:before{content:"";position:absolute;left:-45px;top:-45px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,#fff 0,#f0d79a 25%,rgba(224,122,108,.8) 50%,transparent 70%);animation:boom .7s var(--ease) both;animation-delay:inherit}.boom i{position:absolute;width:5px;height:24px;margin:-12px 0 0 -2.5px;border-radius:3px;background:linear-gradient(#fff,var(--g-gold));rotate:var(--a);animation:shard .7s var(--ease) both;animation-delay:inherit}@keyframes boom{0%{scale:.2;opacity:1}to{scale:1.8;opacity:0}}@keyframes shard{0%{translate:0 0;opacity:1}to{translate:calc(sin(var(--a)) * 60px) calc(cos(var(--a)) * -60px);opacity:0}}.slash{position:absolute;width:0;height:0}.slash:after,.slash:before{content:"";position:absolute;width:110px;height:4px;left:-55px;top:-2px;border-radius:4px;background:linear-gradient(90deg,transparent,#fff 40%,#b9363a 60%,transparent);animation:xcut .5s var(--ease) both;animation-delay:inherit}.slash:before{rotate:30deg}.slash:after{rotate:-30deg}@media (min-width:1101px) and (min-height:600px){body.in-match .foot{display:none}body.in-match main.wrap{animation:none}.gwrap{height:calc(100dvh - var(--navh, 64px) - 16px);margin:8px 0;container-type:size;grid-template-rows:minmax(0,1fr)}.gtable{--cw:calc(clamp(40px, min(calc((100cqh - 248px) / 7.25), calc((100cqw - 300px - 12px - 112px - 236px) / 5.8)), 104px) * var(--zoom, 1));--ch:calc(var(--cw) * 1.4);--slot:calc(var(--cw) * 1.16);--side:max(calc(var(--cw) * 1.3),118px);min-height:0}.gwrap.zoomed .gtable{overflow-y:auto}.gside{position:static;max-height:none;height:100%;--pk-img:min(300px,34cqh);--pk-txt:min(220px,22cqh)}.gmid{height:var(--mid-h)}.gsheet{--sheet-max:calc(48cqh - 16px)}}@media (min-width:1101px) and (min-height:600px) and (max-height:820px){.gwrap{--mid-h:66px}.gtopbar{min-height:46px;padding-block:4px}.gtopbar .bk{width:22px;height:30px}.half{padding-block:6px}.mat{gap:6px 12px}.gtable{--cw:calc(clamp(40px, min(calc((100cqh - 204px) / 7.25), calc((100cqw - 660px) / 5.8)), 104px) * var(--zoom, 1))}.gturn .tn{height:38px;min-width:40px}.endbtn{padding:11px 18px}.hand{padding-top:12px;padding-bottom:6px}.tray .plate{padding-bottom:8px}.gp-src{width:34px}}@media (max-width:1100px){.gwrap{--cw:calc(clamp(46px, min(calc((100dvh - 262px) / 8.8), 9vw), 92px) * var(--zoom, 1))}.gside,.gwrap{grid-template-columns:1fr}.gside{position:static;max-height:none;display:grid}.gside .peek{display:none}.glog{max-height:240px}.tray{grid-template-columns:180px minmax(0,1fr) 40px}.gctl .gmode{display:none}}@media (max-width:720px){.gwrap{--cw:min(60px,calc((100vw - 42px) / 5.95));--side:calc(var(--cw) * 1.1);margin:8px -16px 20px}.gtable{border-radius:0;border-left:0;border-right:0}.lbl-wide,.zoomctl{display:none}.gtopbar{flex-wrap:wrap;gap:8px;padding:6px 10px}.gtopbar .bks{order:3;flex-basis:100%;justify-content:flex-start;align-self:auto;padding:0}.gtopbar .bk{width:18px;height:26px;margin-left:-11px;transform:none}.gctl{margin-left:auto}.gctl .btn.sm{padding:6px 8px}.half{padding:10px 6px}.half:before{top:6px;bottom:6px}.mat{gap:10px 6px;grid-template-columns:var(--side) minmax(0,1fr) var(--side)}.half.me .mat{grid-template-areas:"chars chars chars" "life core deck" "dond cost trash"}.half.opp .mat{grid-template-areas:"trash cost dond" "deck core life" "chars chars chars"}.chars{gap:4px;padding:8px 4px}.cost-area{min-height:calc(var(--cw) * .7);padding:6px 4px}.cost-area.many .tok+.tok{margin-left:calc(var(--t) * -.55)}.tok{--t:calc(var(--cw) * .4)}.zlabel{display:none}.cost-sum{font-size:10px;right:6px}.pow{font-size:11px;padding:3px 5px}.life-num{font-size:13px;padding:3px 7px 3px 5px}.plate{gap:8px}.plate .av{width:28px;height:28px;border-radius:8px}.plate .av,.plate .nm{font-size:13px}.plate .st{gap:8px;font-size:11.5px}.clk{padding:5px 6px;font-size:12px}.gmid{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"turn end" "center center";gap:8px 10px;padding:8px 10px;min-height:0}.gturn{grid-area:turn}.gend{grid-area:end}.gcenter{grid-area:center}.gcenter:empty{display:none}.gturn .tn{height:36px;min-width:38px;font-size:10.5px}.gturn .tw{font-size:15px}.endbtn{padding:11px 14px;font-size:14px}.battle{font-size:16px;gap:10px}.gmid .hint{font-size:13px}.gprompt{flex-wrap:wrap}.gprompt .acts{max-width:none;width:100%;justify-content:flex-end;flex-wrap:wrap}.gp-text h4{white-space:normal}.gsheet{position:fixed;left:8px;right:8px;bottom:8px;width:auto;transform:none;max-height:72dvh;z-index:55;animation:fade .2s both}.gpick{width:76px}.tray{display:block}.tray .plate{padding:8px 10px 0}.hand{justify-content:flex-start;overflow-x:auto;overflow-y:visible;padding:22px 12px 12px;scroll-snap-type:x proximity;min-height:0}.hc{--ov:-0.06!important;--w:calc(var(--cw) * 1.25);scroll-snap-align:center}.hc,.hc:hover{transform:none}.hc.picked,.hc.sel,.hc:focus-visible{transform:translateY(-14px)}.gcover,.gover{position:fixed;z-index:60;border-radius:0}.gtable{scroll-margin-top:calc(var(--navh, 100px) + 8px)}}@media (hover:none){.hc:hover{transform:translateY(calc(var(--arc, 0) * 1px)) rotate(calc(var(--rot, 0) * 1deg))}}@media (hover:none) and (max-width:720px){.hc:hover{transform:none}}@media (prefers-reduced-motion:reduce){.gwrap *,.gwrap :after,.gwrap :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.strikes,.turnbanner{display:none}.gover .rays{animation:none}}.glob{max-width:1040px;margin:26px auto 40px}.glob-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}.glob-hero p{max-width:58ch;margin:6px 0 0}.gcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:14px;gap:14px}.gcard{position:relative;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(17,48,74,.75),rgba(12,34,54,.75));padding:18px;display:flex;flex-direction:column;gap:12px;animation:pop .35s var(--ease) both;overflow:hidden}.gcard h3{margin:0;font-size:18px}.gcard.feat{border-color:rgba(242,184,75,.45);background:radial-gradient(120% 120% at 100% 0,rgba(242,184,75,.14),transparent 55%),linear-gradient(180deg,rgba(23,58,88,.85),rgba(12,34,54,.85))}.gcard .kicker{font:700 11px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.glist{display:flex;flex-direction:column;gap:8px}.grow-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:8px 10px;border-radius:14px;background:rgba(6,18,31,.5);border:1px solid transparent;transition:border-color .2s,background .2s}.grow-item:hover{border-color:#2a5172}.grow-item.hot{border-color:rgba(94,200,200,.5);background:rgba(94,200,200,.07)}.grow-item .lth{width:44px;height:62px;border-radius:6px;overflow:hidden}.grow-item .lth .cimg{width:100%;height:100%;object-fit:cover;object-position:50% 18%}.grow-item .t{font:700 14px/1.25 var(--display)}.grow-item .s,.grow-item .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grow-item .s{font-size:12px;color:var(--muted)}.linkbox{display:flex;gap:8px;align-items:center;background:var(--ink);border:1px solid var(--line);border-radius:12px;padding:6px 6px 6px 12px}.linkbox code{flex:1 1;background:none;padding:0;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.waiting{gap:10px;color:var(--muted);font-size:13px}.vsline,.waiting{display:flex;align-items:center}.vsline{justify-content:center;gap:18px;margin:8px 0}.vsline .pl{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;max-width:160px}.vsline .pl .cimg{width:110px;border-radius:8px;box-shadow:0 18px 30px -16px #000}.vsline .vs{font:800 22px var(--display);color:var(--red)}.rank{width:100%;border-collapse:separate;border-spacing:0 6px}.rank th{text-align:left;font:700 11px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:0 12px}.rank td{padding:12px;background:rgba(12,34,54,.75);border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}.rank td:first-child{border-left:1px solid var(--line);border-radius:14px 0 0 14px;width:54px}.rank td:last-child{border-right:1px solid var(--line);border-radius:0 14px 14px 0}.rank tr{animation:pop .35s var(--ease) both}.rank tr.me td{background:rgba(94,200,200,.09);border-color:rgba(94,200,200,.4)}.rank .pos{font:800 18px var(--display);color:var(--muted)}.rank tr:first-child .pos{color:var(--gold)}.rank tr:nth-child(2) .pos{color:#cfd8e3}.rank tr:nth-child(3) .pos{color:#d79a5e}.rank .elo{font:800 20px var(--display);color:var(--gold)}.rank .who{display:flex;align-items:center;gap:10px;font:700 15px var(--display)}.rank .who .av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--sea-2);border:1px solid #2a5172;font-size:14px}.rank .wl{font-size:13px;color:var(--muted)}.rank .wl b{color:#7ff0b8}.rank .wl i{color:var(--bad);font-style:normal;font-weight:700}.streak{font:700 12px var(--body);padding:3px 8px;border-radius:99px;background:rgba(127,240,184,.12);color:#7ff0b8}.streak.neg{background:rgba(255,122,133,.12);color:var(--bad)}.podium{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;align-items:end;margin:8px 0 22px}.podium .pd{border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(23,58,88,.85),rgba(12,34,54,.85));padding:16px 12px;text-align:center;animation:rise .5s var(--ease) both}.podium .pd.p1{border-color:rgba(242,184,75,.6);padding-top:28px;box-shadow:0 0 0 4px rgba(242,184,75,.08),0 30px 60px -30px rgba(242,184,75,.4)}.podium .pd .medal{width:42px;height:42px;border-radius:50%;margin:0 auto 8px;display:grid;place-items:center;font:800 18px var(--display);color:var(--ink);background:linear-gradient(180deg,#e5edf5,#9fb0c2)}.podium .pd.p1 .medal{background:linear-gradient(180deg,#ffe3a0,#d99a2b);width:52px;height:52px;font-size:22px}.podium .pd.p3 .medal{background:linear-gradient(180deg,#f0c08f,#a8682f)}.podium .pd .n{font:800 17px var(--display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium .pd .e{font:800 26px var(--display);color:var(--gold)}@media (max-width:640px){.rank .hide-m{display:none}.rank td{padding:10px 8px}.podium{gap:8px}.podium .pd{padding:12px 6px}.podium .pd .e{font-size:20px}}.mbox.report{display:block;max-width:620px}.mbox.report textarea{font-family:var(--body);font-size:14px;padding:10px 12px;border-radius:12px;background:var(--ink);color:var(--text);border:1px solid var(--line);resize:vertical}.report-cards{display:flex;gap:8px;flex-wrap:wrap}.report-cards .gpick{width:76px;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted)}.report-done{text-align:center;padding:10px 0}.teaser{margin:30px 0 40px}.teaser-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-gap:36px;gap:36px;align-items:center}.teaser-copy h1{font-size:clamp(34px,5.2vw,58px)}.teaser-copy h1 em{font-style:normal;color:var(--gold)}.teaser-copy p{max-width:44ch;margin:12px 0 0}.teaser-badge{display:inline-block;margin-bottom:14px;padding:5px 12px;border-radius:99px;font:800 12px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--gold);box-shadow:0 0 0 4px rgba(242,184,75,.15);animation:teaser-pulse 2.4s var(--ease) infinite}@keyframes teaser-pulse{50%{box-shadow:0 0 0 9px rgba(242,184,75,0)}}.tz-board{--pw:clamp(52px,8vw,84px);position:relative;flex-direction:column;padding:22px 18px 0;border-radius:24px;border:1px solid #1c3b57;overflow:hidden;min-height:calc(var(--pw) * 6.4);background:radial-gradient(120% 70% at 50% 50%,rgba(94,200,200,.1),transparent 60%),repeating-linear-gradient(0deg,transparent 0 39px,rgba(94,200,200,.05) 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(94,200,200,.05) 39px 40px),#0a2033;transform:perspective(1100px) rotateX(9deg)}.peek-row,.tz-board{display:flex;align-items:center;gap:12px}.tz-board .peek-card{flex:none;width:var(--pw);aspect-ratio:600/838;border-radius:6px;box-shadow:0 8px 18px -8px #000}.tz-board .peek-card.leader{width:calc(var(--pw) * 1.12)}.tz-board .peek-card.glow{box-shadow:0 0 0 2px var(--gold),0 0 26px rgba(242,184,75,.45)}.tz-board .peek-card.rested{transform:rotate(90deg);margin:0 calc(var(--pw) * .2)}.peek-row.peek-opp{opacity:.75}.peek-life{display:flex}.peek-life span{width:calc(var(--pw) * .6);aspect-ratio:5/7;border-radius:5px;margin-left:-28px;border:1px solid #2a5172;background:linear-gradient(135deg,#7a1f2a,#3b0f17)}.peek-don{display:grid;grid-template-columns:repeat(5,auto);grid-gap:5px;gap:5px}.peek-don span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font:800 8px/1 var(--body);color:var(--paper-ink);background:radial-gradient(circle at 35% 30%,#ffe2a0,var(--gold) 60%,#a8741d);animation:teaser-don 3s var(--ease) infinite;animation-delay:calc(var(--n, 0) * .2s)}.peek-don span:nth-child(2){--n:1}.peek-don span:nth-child(3){--n:2}.peek-don span:nth-child(4){--n:3}.peek-don span:nth-child(5){--n:4}@keyframes teaser-don{0%,70%,to{transform:translateY(0)}80%{transform:translateY(-5px)}}.peek-hand{display:flex;justify-content:center;margin-top:4px;height:calc(var(--pw) * .9)}.peek-fan{flex:none;margin:0 calc(var(--pw) * -.18);transform:rotate(calc(var(--i) * 7deg)) translateY(calc(var(--i) * var(--i) * 3px));transform-origin:50% 160%;transition:transform .25s var(--ease)}.peek-veil{position:absolute;inset:auto 0 0 0;height:46%;display:grid;place-items:end center;padding-bottom:14px;background:linear-gradient(transparent,rgba(6,18,31,.92))}.peek-veil b{font:800 13px/1 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.teaser-h2{margin:44px 0 14px;font-size:26px}.teaser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.teaser-item{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:14px;border:1px solid var(--line);background:rgba(12,34,54,.55)}.teaser-item b{font-family:var(--display);font-size:17px}.teaser-item span{font-size:14px}@media (max-width:900px){.teaser-hero{grid-template-columns:1fr}.teaser-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.teaser-grid{grid-template-columns:1fr}.tz-board{--pw:48px;padding-inline:10px}.peek-don span{width:26px;height:26px;font-size:6px}}@media (prefers-reduced-motion:reduce){.peek-don span,.teaser-badge{animation:none}}.gwrap .back{background:url(/game/back.webp) 50%/100% 100% no-repeat,#1d3f8a;border:0;box-shadow:0 6px 12px -6px #000}.gwrap .life-stack .back{background:url(/game/back-land.webp) 50%/100% 100% no-repeat,#1d3f8a;box-shadow:0 3px 8px -3px #000}.gwrap .pile.vac .back{background:var(--zone);box-shadow:none}.gwrap .pile.dondeck .back{background:linear-gradient(160deg,#3a2d16,#1d150a);border:2px solid #a9853f}.has-skin .gsheet .donrow .tok,.has-skin .half.me .tok,.has-skin .unlocks .tok{background:var(--my-don) center /cover no-repeat,#1d150a;border-color:rgba(255,255,255,.45);box-shadow:0 4px 10px -5px #000}.has-skin .gsheet .donrow .tok:after,.has-skin .half.me .tok:after{content:none}.has-skin .half.me .pile.dondeck .back{background:var(--my-don) center /cover no-repeat,#1d150a;border-color:rgba(255,255,255,.5)}.has-skin .half.me .pile.dondeck .back:after{content:none}.has-skin .half.me .tok.r{filter:grayscale(.75) brightness(.5)}.unlocks{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.unlocks .ul-t{font:700 13px var(--body);color:var(--g-gold)}.ul-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.ul-skin{display:flex;flex-direction:column;align-items:center;gap:4px;width:92px;padding:8px 6px;border-radius:10px;cursor:pointer;background:var(--g-raise);border:1px solid var(--g-rule);color:var(--g-text);font:600 12px var(--body)}.ul-skin .tok,.ul-skin img{width:54px;height:76px;border-radius:6px;object-fit:cover}.ul-skin b{font:700 11px var(--body);color:var(--g-gold)}.ul-skin.on{border-color:var(--g-gold)}.ul-skin:focus-visible{outline:2px solid var(--g-gold);outline-offset:2px}.dskins{margin-top:16px}.dskins-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.dskins-head p{margin:4px 0 0;max-width:52ch}.dskins-stats{display:flex;gap:8px;margin:0}.dskins-stats div{padding:6px 12px;border-radius:10px;background:rgba(6,18,31,.55);border:1px solid var(--line)}.dskins-stats dt{font:600 11px var(--body);color:var(--muted)}.dskins-stats dd{margin:0;font:800 18px/1.2 var(--display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dskins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));grid-gap:12px;gap:12px}.dskin{position:relative;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:12px;text-align:left;cursor:pointer;background:rgba(6,18,31,.45);border:1px solid transparent;color:var(--text);font:inherit;transition:border-color .2s,transform .2s var(--ease)}.dskin:hover:not(.locked){border-color:#2a5172;transform:translateY(-2px)}.dskin:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.dskin.on{border-color:var(--gold);background:rgba(242,184,75,.08)}.dskin.locked{cursor:default}.dskin-art{position:relative;display:block;aspect-ratio:3/5;border-radius:8px;overflow:hidden;background:#0b1520}.dskin-art img{width:100%;height:100%;object-fit:cover;display:block}.dskin.locked .dskin-art img,.dskin.locked .dskin-classic{filter:grayscale(.85) brightness(.45)}.dskin-classic{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(160deg,#f0d79a,#d5ad60 45%,#8d6a2c)}.dskin-classic:after{content:"DON!!";font:900 22px/1 var(--display);color:#3b2a17;transform:rotate(-90deg);letter-spacing:-.04em}.dskin-lock{inset:0;place-items:center;color:#e8eef5}.dskin-lock,.dskin-on{position:absolute;display:grid}.dskin-on{top:6px;right:6px;width:22px;height:22px;border-radius:50%;place-items:center;background:var(--gold);color:var(--ink)}.dskin-name{font:700 13.5px/1.2 var(--display)}.dskin-req{font-size:11.5px;line-height:1.3;color:var(--muted)}.dskin.on .dskin-req{color:var(--gold)}.dskin-bar{height:4px;background:rgba(138,160,184,.18);overflow:hidden}.dskin-bar,.dskin-bar i{display:block;border-radius:4px}.dskin-bar i{height:100%;background:var(--gold)}@media (max-width:560px){.dskins-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dskins-stats{width:100%}.dskins-stats div{flex:1 1}}.rpsm-veil{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:16px;background:rgba(8,15,24,.52);animation:fade .2s both}.rpsm-veil.out{animation:rpsm-out .3s ease 1s forwards}@keyframes rpsm-out{to{opacity:0}}.rpsm{width:min(620px,100%);max-height:100%;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:20px 22px 22px;border-radius:14px;background:var(--g-raise);border:1px solid var(--g-rule);border-top:2px solid var(--g-gold);box-shadow:0 30px 60px -24px #000;animation:pop .25s var(--ease) both}.rpsm-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.rpsm-head h3{margin:0;font:800 20px/1.2 var(--display);letter-spacing:-.01em}.rpsm-round{font:700 12px var(--body);color:var(--g-mute);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rpsm-sub{margin:-6px 0 0;color:var(--g-mute);font-size:14px}.rpsm-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.rpsm-pick{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 10px 16px;border-radius:12px;background:var(--g-bg);border:1px solid var(--g-rule);color:var(--g-text);font:inherit;cursor:pointer;transition:transform .15s var(--ease),border-color .15s,background .15s,opacity .2s}.rpsm-pick b{font:800 15px var(--display)}.rpsm-art{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:rgba(213,173,96,.08);color:#c9a75e;transition:color .15s,background .15s}.rpsm-pick:hover:not(:disabled){transform:translateY(-2px);border-color:var(--g-gold-dim);background:#0c1622}.rpsm-pick:hover:not(:disabled) .rpsm-art{color:var(--g-gold);background:rgba(213,173,96,.14)}.rpsm-pick:focus-visible{outline:2px solid var(--g-gold);outline-offset:2px}.rpsm-pick.on{border-color:var(--g-gold);background:rgba(213,173,96,.07)}.rpsm-pick.on .rpsm-art{color:var(--g-gold);background:rgba(213,173,96,.16)}.rpsm-pick:disabled{cursor:default}.rpsm-pick:disabled:not(.on){opacity:.4}.rpsm-lock{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--g-gold);color:var(--g-bg)}.rpsm-status{margin:0;min-height:20px;display:flex;align-items:center;gap:8px;color:var(--g-mute);font-size:13px}.rpsm-result .spin,.rpsm-status .spin{width:14px;height:14px}.rpsm-duel{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-gap:12px;gap:12px}.rpsm-side{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;border-radius:12px;background:var(--g-bg);border:1px solid var(--g-rule);animation:rpsm-flip .5s var(--ease) both;transition:opacity .3s .5s,border-color .3s .5s}.rpsm-side b{font:800 15px var(--display)}.rpsm-side small{font-size:12px;color:var(--g-mute)}.rpsm-side.me .rpsm-art{color:var(--me);background:rgba(111,195,190,.1)}.rpsm-side.opp .rpsm-art{color:var(--opp);background:rgba(224,122,108,.1)}.rpsm-side.win{border-color:var(--g-gold)}.rpsm-side.lose{opacity:.55}.rpsm-vs{font:800 14px var(--display);color:var(--g-mute)}@keyframes rpsm-flip{0%{opacity:0;transform:perspective(600px) rotateY(80deg) scale(.94)}}.rpsm-result{margin:0;display:flex;align-items:center;gap:8px;font:700 15px/1.35 var(--display);animation:fade .3s .45s both}.rpsm-result.win{color:var(--g-gold)}.rpsm-result.lose,.rpsm-result.tie{color:var(--g-text)}.rpsm-result.start{justify-content:center;padding:10px 0 4px;font-size:18px;color:var(--g-gold);animation:fade .25s both}.rpsm-hint{margin:-6px 0 0;font-size:13px;color:var(--g-mute);animation:fade .3s .5s both}.rpsm-acts{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;animation:fade .3s .55s both}.rpsm-acts .btn{min-width:132px;justify-content:center}@media (max-width:720px){.rpsm-veil{position:fixed;z-index:55;padding:12px}.rpsm{padding:16px;gap:12px}.rpsm-head h3{font-size:18px}.rpsm-picks{gap:8px}.rpsm-pick{padding:14px 4px 12px;gap:8px}.rpsm-art{width:52px;height:52px}.rpsm-acts .btn{flex:1 1;min-width:0}}