:root{--bg: #0b0b0f;--surface: #12151a;--surface-2: #171b21;--text: #e8ebf0;--dim: #7a8394;--faint: #4a5261;--line: #1e232b;--accent: #16c6c9;--accent-fill: rgba(22, 198, 201, .12);--up: #2fbf71;--down: #e5484d;--gold: #f5c451;--blue: #4ea3ff;--radius: 9px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,system-ui,Segoe UI,Roboto,Inter,sans-serif;font-size:14px;line-height:1.3;overscroll-behavior:none;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}.num{font-variant-numeric:tabular-nums}.dim{color:var(--dim)}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.btn{border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;background:var(--surface)}.btn.primary{border-color:var(--accent);color:var(--accent);background:var(--accent-fill);font-weight:600}.btn.primary:not(:disabled){box-shadow:0 0 18px #16c6c92e}.btn.sm{padding:6px 10px;font-size:12px}.btn.danger{border-color:var(--down);color:var(--down)}.btn:disabled{opacity:.4;cursor:default}.screen{height:100%;display:flex;flex-direction:column;padding-top:var(--safe-top);overflow:hidden}.game{background:radial-gradient(90% 50% at 50% 0%,rgba(90,70,160,.35),transparent 60%),radial-gradient(100% 50% at 50% 100%,rgba(22,198,201,.16),transparent 60%),linear-gradient(180deg,#0a0d24,#121a3f 55%,#0b1420)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.06);background:#080a1e80;backdrop-filter:blur(8px)}.topbar .mid{color:var(--dim);font-size:12px}.brand{display:flex;align-items:center;gap:8px;font-weight:600;letter-spacing:.2px}.brand .duel{color:var(--dim);font-weight:500}.desk{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:9px 12px 8px;margin:6px 10px 0;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#28305abf,#0e1228d9);box-shadow:0 6px 18px #00000059,inset 0 1px #ffffff14;transition:box-shadow .3s ease,border-color .3s ease;overflow:hidden}.desk.me.active{border-color:#16c6c980;box-shadow:0 0 0 1px #16c6c933,0 0 24px #16c6c924}.desk.foe.active{border-color:#c3c9d466;box-shadow:0 0 0 1px #c3c9d426,0 0 24px #c3c9d414}.desk.late{border-color:var(--down);animation:cp-border-pulse .8s ease-in-out infinite}.desk .tbar{position:absolute;left:0;top:0;height:3px;background:linear-gradient(90deg,var(--accent),#8ff0f2);transition:width .25s linear}.desk.foe .tbar{background:linear-gradient(90deg,#9aa3b4,#c3c9d4)}.desk .tbar.late{background:var(--down);animation:cp-pulse .8s ease-in-out infinite}.desk .who{display:flex;align-items:center;gap:10px;min-width:0}.desk .id{min-width:0}.desk .nm{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.desk .meta{display:flex;align-items:center;gap:8px;color:var(--dim);font-size:12px;margin-top:2px}.desk .meta .cards{display:inline-flex;align-items:center;gap:4px}.desk .meta .cards i{width:12px;height:17px;border-radius:2px;background:repeating-linear-gradient(135deg,var(--faint) 0 2px,var(--surface-2) 2px 4px);border:1px solid var(--line)}.desk .res{display:flex;gap:10px;justify-self:end}.desk .res .r{display:inline-flex;align-items:center;gap:4px;font-size:16px;color:var(--text);font-family:Russo One,system-ui,sans-serif}.desk .res .r b{font-weight:600}.desk .res .r em{font-style:normal;font-size:12px;color:#e8ebf0b3;padding:0 4px;border-radius:6px}.desk .res .r em.tick{color:var(--up);background:#2fbf7124;animation:cp-pop .5s ease-out}.desk .res .r.down b{animation:cp-flash-down .6s ease-out}.desk .res .wood svg{color:var(--down)}.desk .res .water svg{color:var(--blue)}.desk .res .earth svg{color:var(--up)}.desk .clock{font-size:18px;font-weight:800;color:var(--text);min-width:26px;text-align:right}.desk .clock.late{color:var(--down);animation:cp-pulse .8s ease-in-out infinite}.desk.big{grid-template-columns:1fr;gap:12px;padding:14px 16px;margin:0;align-self:center}.desk.big .nm{max-width:150px;font-size:16px}.desk.big .res{justify-self:start;flex-direction:column;gap:8px}.desk.big .res .r{font-size:18px}.desk.big .res .r em{font-size:13px}.desk.big .clock{position:absolute;right:14px;top:12px;font-size:22px}.avatar{position:relative;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:var(--surface-2)}.avatar svg{position:absolute;inset:0}.avatar .track{fill:none;stroke:var(--line);stroke-width:3}.avatar .ring{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .25s linear}.avatar.foe .ring{stroke:#c3c9d4}.avatar .ring.idle{animation:cp-pulse 1.6s ease-in-out infinite}.avatar.late .ring{stroke:var(--down)}.avatar .ini{font-weight:700;font-size:14px;letter-spacing:.3px;color:var(--text)}.avatar.me .ini{color:var(--accent)}.avatar.active{box-shadow:0 0 18px #16c6c940}.avatar.foe.active{box-shadow:0 0 18px #c3c9d42e}.table{flex:1 1 0;min-height:0;position:relative;padding:0;margin:6px 10px 0;display:flex;align-items:flex-end;justify-content:center;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#0b1030,#1a1f4f 60%,#2a1c4a);box-shadow:inset 0 0 0 1px #ffffff14,0 6px 18px #00000059}.arena .sky{fill:transparent}.arena{display:block;overflow:visible;max-height:100%}.arena .target{stroke:#f5c45199;stroke-dasharray:5 5;filter:drop-shadow(0 0 3px rgba(245,196,81,.6))}.arena .star{fill:#fff;opacity:.75;animation:cp-twinkle 3s ease-in-out infinite}.arena .star:nth-child(3n){animation-delay:1s}.arena .star:nth-child(3n+1){animation-delay:2s}.arena .forest .candle rect{fill:#0a0e28}.arena .forest.l2 .candle rect{fill:#0d1333}.arena .forest.l3 .candle rect{fill:#121a44}.arena .forest .strip{animation:cp-drift linear infinite;animation-duration:90s}.arena .forest.l2 .strip{animation-duration:60s;animation-direction:reverse}.arena .forest.l3 .strip{animation-duration:40s}.arena .forest .candle.ember1 rect:last-child{animation:cp-ember-up 11s ease-in-out infinite}.arena .forest .candle.ember2 rect:last-child{animation:cp-ember-down 13s ease-in-out infinite 4s}.arena .forest.l1 .candle.ember1 rect:last-child{animation-delay:6s}.arena .win{fill:#1c2342}.arena .win.lit{fill:#ffe9a3;opacity:.9}.arena .floor-gap{fill:#00000059}.arena .col-gloss{fill:#ffffff2e}.arena .roof{stroke:#0006}.arena .spire{fill:#c9d0dc}.arena .beacon{fill:#ff4d6d;animation:cp-pulse 1.4s ease-in-out infinite}.arena .tower.me .beacon{fill:#3fe0e3}.arena .plate-gloss{fill:#ffffff59}.arena .tlabel{fill:#f5c451;text-transform:uppercase;letter-spacing:.6px;font-weight:700;font-family:Russo One,system-ui,sans-serif}.arena .moonband{fill:#f5c4510d}.arena .floor{stroke:var(--line)}.arena .glow{fill:var(--accent);opacity:.22;filter:blur(6px)}.arena .tower.foe .glow{fill:#c3c9d4;opacity:.16}.arena .tower.moon .glow{opacity:.45}.arena .col{transition:y .45s cubic-bezier(.2,.8,.2,1),height .45s cubic-bezier(.2,.8,.2,1);stroke:#00000073;stroke-width:1}.arena .col-shadow{fill:var(--accent);opacity:.18;filter:blur(5px);transition:y .45s,height .45s}.arena .tower.foe .col-shadow{fill:#c3c9d4;opacity:.12}.arena .seg-gap{fill:var(--bg);opacity:.7;transition:y .45s}.arena .wick{fill:var(--accent);transition:y .45s}.arena .tower.foe .wick{fill:#c3c9d4}.arena .pill{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.arena .pill rect{fill:#0b0b0f;stroke:#ffffff40;stroke-width:1.2;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.arena .pill text{fill:var(--text);font-family:Russo One,system-ui,sans-serif}.arena .tower.me .pill text{fill:var(--accent)}.arena .tower.hit .col-wrap{animation:cp-hit .4s ease-in-out}.arena .tower.hit .col{animation:cp-col-flash .5s ease-out}.arena .tower.grow .col{animation:cp-col-grow .5s ease-out}.arena .plate-body{fill:url(#gPlate);stroke:#5a3508;stroke-width:1.5;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}.arena .plate .plate-num{fill:#3a2204;font-family:Russo One,system-ui,sans-serif}.arena .plate .plate-num.small{fill:var(--text)}.arena .plate.crack .plate-body{animation:cp-plate-flash .5s ease-out}.arena .plate.build .plate-body{animation:cp-plate-build .45s ease-out}.arena .cracks path{fill:none;stroke:var(--down);stroke-width:1.5;stroke-linecap:round;animation:cp-fade .9s ease-out forwards}.arena .fx{font-family:Russo One,system-ui,sans-serif;animation:cp-float-svg 1.1s ease-out both;paint-order:stroke;stroke:#0b0b0fd9;stroke-width:4px}.arena .fx.up{fill:var(--up)}.arena .fx.down{fill:var(--down)}.arena .fx.neutral{fill:#e8ebf0}.arena .shards rect{fill:var(--down);animation:cp-shard .5s ease-in both}.arena .trace{stroke:var(--down);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600;animation:cp-trace .3s ease-in forwards,cp-fade .3s ease-out .35s forwards;filter:drop-shadow(0 0 4px rgba(229,72,77,.8))}.arena .aim{fill:none;stroke-width:2;stroke-dasharray:5 4;animation:cp-dash 1s linear infinite}.arena .aim.down{stroke:var(--down)}.arena .aim.up{stroke:var(--up)}.arena .aim.neutral{stroke:#e8ebf0}.table .flycard{position:absolute;left:50%;top:42%;width:96px;transform:translate(-50%,-50%);pointer-events:none;animation:cp-flyin .35s cubic-bezier(.2,.8,.2,1),cp-dissolve .4s ease-in .9s forwards;z-index:3}.table .flycard.theirs{animation-name:cp-flyin-top,cp-dissolve}.table .flycard .card{height:auto}.table .flycard.pc{width:150px;top:46%}.tape{display:flex;flex-direction:column;gap:3px;font-size:12px;min-width:0;overflow:hidden}.tape.empty{color:var(--dim);font-size:12px;text-align:center;padding:6px 16px}.tape .row{display:grid;grid-template-columns:18px 46px minmax(72px,1fr) auto;gap:6px;align-items:center;padding:4px 8px;border-radius:6px;color:var(--dim);white-space:nowrap}.tape .row.last{background:#ffffff0a;color:var(--text);animation:cp-row-in .3s ease-out}.tape .row .t{color:var(--dim)}.tape .row .w{overflow:hidden;text-overflow:ellipsis}.tape .row.mine .w{color:var(--accent)}.tape .row .c{font-weight:600;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.tape .row.disc .c{color:var(--dim);text-decoration:line-through;font-weight:500}.tape .row .d{color:var(--dim)}.tape .row .fx{display:inline-flex;gap:4px}button.tape.one{width:calc(100% - 20px);margin:4px 10px 0;font-size:13px;text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff08}button.tape.one .row{grid-template-columns:20px 52px minmax(80px,1fr) auto;padding:6px 10px}.tape-panel .h{color:var(--dim);font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.tape-panel .tape{font-size:13px}.chip{display:inline-flex;align-items:center;gap:3px;padding:2px 6px 2px 5px;border-radius:6px;background:#ffffff14;font-size:11px;font-weight:700;line-height:1.3;white-space:nowrap;border:1px solid transparent}.chip.up{color:var(--up);background:#2fbf7129}.chip.down{color:var(--down);background:#e5484d29}.chip.neutral{color:var(--text)}.chip.opp{background:transparent;border-color:currentColor}.chip.opp.up{border-color:#2fbf71b3}.chip.opp.down{border-color:#e5484db3}.chip .txt{font-weight:500;max-width:90px;overflow:hidden;text-overflow:ellipsis}.card.compact .chips{display:flex;flex-direction:column;gap:3px;padding:4px 6px 0;flex:1}.card.compact .chips .grp{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.card.compact .chips .grp.opp{padding-top:2px}.hand{--cw: clamp(80px, 21vw, 100px);--ov: calc(var(--cw) * .32);height:calc(var(--cw) / .68 + 54px);display:flex;align-items:flex-end;justify-content:center;padding:40px 14px calc(8px + var(--safe-bottom));touch-action:none;position:relative;z-index:2}.hand .slot{flex:0 0 auto;width:var(--cw);height:calc(var(--cw) / .68);margin-right:calc(-1 * var(--ov));position:relative;transform-origin:50% 110%;transform:rotate(calc(var(--k) * 3.5deg)) translateY(calc(var(--k) * var(--k) * 2.2px));transition:transform .18s cubic-bezier(.2,.8,.2,1),filter .18s;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45));outline:none}.hand .slot:last-child{margin-right:0}.hand{pointer-events:none}.hand .slot{pointer-events:auto}.hand .slot:focus-visible .card{box-shadow:0 0 0 2px var(--accent)}.hand .slot.hover,.hand .slot.sel{z-index:10;transform:translateY(calc(-26px - var(--lift, 0px) * .9)) scale(1.22);filter:drop-shadow(0 16px 24px rgba(0,0,0,.6))}.hand .slot.armed{transform:translateY(calc(-26px - var(--lift, 0px) * .9)) scale(1.26);filter:drop-shadow(0 0 22px rgba(22,198,201,.55))}.hand .slot.dead .card .art{filter:saturate(.3) brightness(.6)}.hand .slot.dead .card .cost{color:var(--down);border-color:var(--down);border-width:1.5px}.hand .slot .card .name{opacity:0;transition:opacity .15s}.hand .slot.hover .card .name,.hand .slot.sel .card .name,.hand .slot.armed .card .name{opacity:1}.card{width:100%;height:100%;aspect-ratio:.68;border-radius:9px;background:linear-gradient(180deg,#171b22,#0f1216);border:1px solid #262c36;position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 1px #ffffff0d}.card .edge{height:3px;flex:0 0 auto}.card.red .edge{background:var(--down)}.card.blue .edge{background:var(--blue)}.card.green .edge{background:var(--up)}.card.gold{border-color:var(--gold);box-shadow:inset 0 1px #ffffff0d,0 0 14px #f5c45140}.card .cost{position:absolute;top:7px;left:7px;height:22px;border-radius:11px;background:#0b0b0fe0;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:3px;font-weight:700;font-size:12px;padding:0 7px 0 5px;z-index:2}.card.red .cost{border-color:#e5484d99;background:#e5484d38}.card.blue .cost{border-color:#4ea3ff99;background:#4ea3ff38}.card.green .cost{border-color:#2fbf7199;background:#2fbf7138}.card.gold .cost{border-color:var(--gold);color:var(--gold)}.card .art{flex:1;position:relative;min-height:0;overflow:hidden}.card .art svg,.card .art img.illu{position:absolute;inset:0;width:100%;height:100%}.card .art img.illu{object-fit:cover;object-position:center;display:block}.card .title{font-size:12px;font-weight:600;padding:4px 6px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .fx{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);font-size:12px}.card .fx .col{padding:4px 5px;min-height:36px}.card .fx .col+.col{border-left:1px solid var(--line)}.card .fx .h{color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}.card .fx .it{display:flex;align-items:center;gap:3px;white-space:nowrap}.card .fx .it.up{color:var(--up)}.card .fx .it.down{color:var(--down)}.card .note{font-size:11px;color:var(--dim);padding:2px 6px 5px;border-top:1px solid var(--line)}.card.compact .art{flex:0 0 36%}.card.compact .art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#0f1216 100%)}.card.compact .name{font-size:11px;font-weight:600;padding:2px 6px 6px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text)}.sheet{position:fixed;inset:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet.light{background:#0000004d}.sheet .panel{width:100%;max-width:480px;background:var(--surface);border-top-left-radius:14px;border-top-right-radius:14px;padding:14px 14px calc(14px + var(--safe-bottom));border-top:1px solid var(--line);animation:cp-sheet .22s ease-out}.sheet .panel .card{width:200px;height:auto;margin:0 auto 10px;font-size:13px}.sheet .panel .card .fx,.sheet .panel .card .title{font-size:13px}.sheet .after{text-align:center;font-size:13px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:5px}.sheet .after.down{color:var(--down)}.sheet .actions{display:flex;gap:10px}.sheet .actions .btn{flex:1;text-align:center;padding:14px;min-height:48px;font-size:15px}.gesture{position:fixed;left:50%;bottom:calc(230px + var(--safe-bottom));transform:translate(-50%);width:min(92vw,360px);background:#12151af2;border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;z-index:15;font-size:13px;box-shadow:0 10px 30px #00000080}.gesture .finger{width:28px;height:28px;border-radius:50%;border:2px solid var(--accent);position:relative;animation:cp-finger 2.4s ease-in-out infinite}.gesture .finger:after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--accent);opacity:.6}.land{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;position:relative}.land .cols{display:grid;grid-template-columns:240px 180px minmax(0,1fr) 180px 240px;gap:14px;padding:12px 16px 4px;min-height:0}.land .col-tape{border:1px solid var(--line);border-radius:var(--radius);padding:10px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.land .col-tape .h{color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.land .col-tape .tape{font-size:13px;overflow:auto}.land .col-tape .tape .row{grid-template-columns:22px 1fr;grid-template-areas:"t w" "t c" "t fx";gap:2px 8px;white-space:normal;align-items:start}.land .col-tape .tape .row .t{grid-area:t;padding-top:1px}.land .col-tape .tape .row .w{grid-area:w}.land .col-tape .tape .row .c{grid-area:c;white-space:normal}.land .col-tape .tape .row .fx,.land .col-tape .tape .row .d{grid-area:fx;flex-wrap:wrap}.land .table.pc{padding:0;margin:0;min-height:0;align-items:flex-end}.land .inspector{border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:10px;min-height:0}.land .insp-card{width:100%;max-width:216px;margin:0 auto}.land .insp-card .card{height:auto;font-size:13px}.land .insp-card .card .fx{font-size:13px}.land .insp-card .card .title{font-size:14px}.land .insp-empty{flex:1;display:grid;place-items:center;color:var(--dim);font-size:13px;text-align:center;padding:20px 8px;border:1px dashed var(--line);border-radius:8px}.land .after{font-size:13px;display:flex;align-items:center;gap:6px;justify-content:center;color:var(--text)}.land .after.down{color:var(--down)}.land .act{margin-top:auto;display:flex;flex-direction:column;gap:8px}.land .act .btn{min-height:48px;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px}.land .act kbd{font:inherit;font-size:11px;color:var(--dim);border:1px solid var(--line);border-radius:4px;padding:0 5px}.land .console{position:relative;padding:0 16px 10px}.land .tline{height:4px;background:var(--line);border-radius:2px;overflow:hidden;margin:0 0 4px}.land .tline i{display:block;height:100%;background:var(--accent);transition:width .25s linear}.land .tline i.theirs{background:#9aa3b4}.land .tline i.late{background:var(--down);animation:cp-pulse .8s ease-in-out infinite}.land .hand{--cw: clamp(120px, 14vh, 150px);--ov: calc(var(--cw) * .15);height:calc(var(--cw) / .68 + 60px);padding:36px 14px 10px}.land .hand .slot{transform:rotate(calc(var(--k) * 2deg)) translateY(calc(var(--k) * var(--k) * 1.2px))}.land .hand .slot .card .name{opacity:1}.land .hand .slot.hover,.land .hand .slot.sel{transform:translateY(calc(-18px - var(--lift, 0px) * .9)) scale(1.12)}.land .vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 90px 30px #e5484d59;animation:cp-pulse .8s ease-in-out infinite;z-index:5}@media(max-width:1100px)and (orientation:landscape)and (min-width:761px){.land .cols{grid-template-columns:200px 160px minmax(0,1fr) 160px}.land .inspector{display:none}}@keyframes cp-flyin{0%{transform:translate(-50%,60%) scale(.6);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes cp-flyin-top{0%{transform:translate(-50%,-160%) scale(.6);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes cp-dissolve{to{opacity:0;transform:translate(-50%,-30%) scale(.85)}}@keyframes cp-hit{0%{transform:translate(0)}20%{transform:translate(-5px)}45%{transform:translate(4px)}70%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes cp-col-flash{0%{fill:var(--down)}}@keyframes cp-col-grow{0%{fill:var(--up)}}@keyframes cp-plate-flash{0%{fill:#fff}30%{fill:var(--down)}}@keyframes cp-plate-build{0%{stroke:#fff;stroke-width:3}}@keyframes cp-float-svg{0%{transform:translateY(6px);opacity:0}15%{opacity:1}to{transform:translateY(-22px);opacity:0}}@keyframes cp-shard{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(70px) rotate(40deg);opacity:0}}@keyframes cp-trace{to{stroke-dashoffset:0}}@keyframes cp-dash{to{stroke-dashoffset:-18}}@keyframes cp-row-in{0%{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}@keyframes cp-twinkle{0%,to{opacity:.75}50%{opacity:.25}}@keyframes cp-drift{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--w)))}}@keyframes cp-ember-up{0%,92%,to{fill:inherit}94%,97%{fill:#2fbf71;filter:drop-shadow(0 0 4px #2fbf71)}}@keyframes cp-ember-down{0%,92%,to{fill:inherit}94%,97%{fill:#e5484d;filter:drop-shadow(0 0 4px #e5484d)}}@keyframes cp-border-pulse{0%,to{box-shadow:0 0 0 1px #e5484d4d}50%{box-shadow:0 0 0 1px #e5484de6,0 0 24px #e5484d59}}@keyframes cp-flash-down{0%{color:var(--down)}to{color:inherit}}@keyframes cp-finger{0%{transform:translate(-6px,6px)}40%{transform:translate(8px,6px)}70%{transform:translate(8px,-10px)}to{transform:translate(-6px,6px)}}@media(prefers-reduced-motion:reduce){.arena .forest .strip,.arena .forest .candle rect,.arena .star,.arena .beacon,.table .flycard,.arena .tower.hit .col-wrap,.arena .shards rect,.arena .trace,.arena .aim,.desk.late,.desk .tbar.late,.desk .clock.late,.result .big,.avatar .ring.idle,.sheet .panel,.gesture .finger,.land .vignette,.tape .row.last,.desk .res .r em.tick{animation:none}.hand .slot,.arena .col,.arena .pill,.arena .plate-body{transition:none}.arena .trace{display:none}}.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.center h1{font-size:26px;margin:0;font-weight:700}.center p{color:var(--dim);margin:0;max-width:360px}.langs{display:flex;gap:6px}.langs .btn.on{border-color:var(--accent);color:var(--accent)}.result .big{font-size:44px;font-weight:800;letter-spacing:1px}.result .big.win{color:var(--up);text-shadow:0 0 30px rgba(47,191,113,.45)}.result .big.loss{color:var(--down);text-shadow:0 0 30px rgba(229,72,77,.4)}.kv{display:grid;grid-template-columns:auto auto;gap:4px 16px;color:var(--dim);font-size:13px}.kv b{color:var(--text);font-weight:600}.delta-big{font-size:22px;font-weight:700}.delta-big.up{color:var(--up)}.delta-big.down{color:var(--down)}.land{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.land .sides{display:grid;grid-template-columns:minmax(230px,270px) minmax(0,1fr) minmax(230px,270px);gap:16px;padding:14px 20px 6px;min-height:0}.land .desk{align-self:center;grid-template-columns:1fr;gap:10px;padding:14px 16px}.land .desk .nm{max-width:200px;font-size:16px}.land .desk .big{font-size:30px}.land .table{grid-template-columns:170px minmax(0,1fr);gap:14px;padding:0;min-height:0}.land .centre{flex-direction:column;align-items:stretch;gap:10px;justify-content:center}.land .centre .lastplay{justify-content:center}.land .towers-wrap{align-items:center;height:100%;max-height:46vh;align-self:center}.land .table{align-items:center}.land .tape{flex:1;font-size:12px}.land .tape .row{grid-template-columns:24px 80px minmax(110px,1fr) auto;padding:6px 10px}.land .tape{font-size:13px}.land .tape .chip{font-size:11.5px}.land .bottom{display:grid;grid-template-columns:1fr auto;align-items:end;padding:0 20px 14px;position:relative}.land .hint-line{position:absolute;left:0;right:0;top:2px;text-align:center;color:var(--dim);font-size:12px}.land .hand{--cw: clamp(104px, 13vh, 132px);--ov: calc(var(--cw) * .22);height:calc(var(--cw) / .68 + 72px);padding-bottom:22px}.land .hand .slot{transform:rotate(calc(var(--k) * 3deg)) translateY(calc(var(--k) * var(--k) * 1.6px))}.land .act{display:flex;flex-direction:column;gap:8px;width:170px;padding-bottom:10px}@keyframes cp-fly-up{0%{transform:translateY(70px) scale(.7);opacity:0}to{transform:none;opacity:1}}@keyframes cp-fly-down{0%{transform:translateY(-70px) scale(.7);opacity:0}to{transform:none;opacity:1}}@keyframes cp-hit{0%{transform:translate(0)}20%{transform:translate(-6px) rotate(-.4deg)}45%{transform:translate(5px) rotate(.3deg)}70%{transform:translate(-3px)}to{transform:translate(0)}}@keyframes cp-fade{0%{opacity:1}to{opacity:0}}@keyframes cp-float{0%{transform:translateY(0);opacity:0}15%{opacity:1}to{transform:translateY(-26px);opacity:0}}@keyframes cp-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes cp-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes cp-sheet{0%{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}.result .big{animation:cp-pop .5s ease-out}@media(prefers-reduced-motion:reduce){.lastplay,.desk.hit,.desk.hit:after,.desk.grow:after,.desk .float,.result .big,.avatar .ring.idle,.desk .meta .clock.late,.sheet .panel{animation:none}.hand .slot,.desk .bar i,.towers *{transition:none}}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--dim);padding:4px 10px;border:1px solid var(--line);border-radius:999px}.pill .dot,.toast .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.pill.up{color:var(--up);border-color:color-mix(in srgb,var(--up) 40%,transparent)}.pill.down{color:var(--down);border-color:color-mix(in srgb,var(--down) 40%,transparent)}.pill.dim{color:var(--dim)}.err{color:var(--down);font-size:13px;max-width:360px}.namebtn{background:none;border:0;color:var(--text);font:inherit;font-size:14px;cursor:pointer;padding:6px 10px;border-radius:var(--radius)}.namebtn:hover{background:var(--surface)}.namefrm{display:flex;gap:6px}.namefrm input{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);font:inherit;padding:8px 10px;width:180px}.namefrm input:focus{outline:2px solid var(--accent);outline-offset:1px}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:cp-spin .9s linear infinite}@keyframes cp-spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;top:calc(var(--safe-top) + 52px);transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:13px;z-index:30}.toast.down{color:var(--down)}.board{padding:12px 16px;overflow:auto}.board table{width:100%;border-collapse:collapse;font-size:14px}.board th{text-align:left;color:var(--dim);font-weight:500;font-size:12px;padding:6px 8px;border-bottom:1px solid var(--line)}.board th.num,.board td.num{text-align:right}.board td{padding:8px;border-bottom:1px solid var(--line)}.board tr.me td{color:var(--accent)}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}.start{background:radial-gradient(90% 50% at 50% 28%,rgba(22,198,201,.14),transparent 60%),radial-gradient(60% 40% at 50% 100%,rgba(255,31,90,.08),transparent 70%),var(--bg)}.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:280px;padding-top:24px;overflow:hidden}.hero-mark{position:relative;z-index:2;filter:drop-shadow(0 10px 30px rgba(22,198,201,.35));animation:cp-hover 5s ease-in-out infinite}.wordmark{position:relative;z-index:2;margin:10px 0 0;font-size:28px;font-weight:500;letter-spacing:.2px}.wordmark b{font-weight:800}.duel-tag{position:relative;z-index:2;color:var(--dim);font-size:14px;letter-spacing:3px;text-transform:uppercase;margin-top:2px}.fanbg{position:absolute;left:50%;top:140px;width:0;height:0;z-index:1;pointer-events:none}.fanbg .fcard{position:absolute;left:-52px;top:-80px;width:104px;height:153px;transform-origin:50% 150%;transform:rotate(calc(var(--k) * 14deg)) translateY(-10px);opacity:.4;filter:blur(1.5px) drop-shadow(0 12px 18px rgba(0,0,0,.6));-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent 95%);mask-image:linear-gradient(180deg,#000 45%,transparent 95%);animation:cp-fan-in .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.08s * (var(--k) + 2))}.start-body{flex:1;justify-content:flex-start;padding-top:10px;gap:12px}@keyframes cp-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes cp-fan-in{0%{transform:rotate(0) translateY(40px);opacity:0}to{transform:rotate(calc(var(--k) * 14deg)) translateY(-10px);opacity:.4}}@media(prefers-reduced-motion:reduce){.hero-mark,.fanbg .fcard{animation:none}}@media(min-width:761px)and (orientation:landscape){.hero{min-height:340px}.fanbg{top:165px}.fanbg .fcard{width:110px;height:162px;left:-55px;top:-86px}}.start-top{position:absolute;top:calc(var(--safe-top) + 10px);right:12px;z-index:3}.start{position:relative}.start-body{flex:0 0 auto;padding-top:6px;gap:12px}.btn.cta{width:min(100% - 48px,320px);height:52px;background:var(--accent);color:var(--bg);border-color:var(--accent);font-size:16px;font-weight:700;box-shadow:0 8px 28px #16c6c94d}.btn.cta:disabled{opacity:.35;box-shadow:none}.btn.cta2{width:min(100% - 48px,320px);height:44px;font-size:15px}.start-foot{margin-top:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;padding:12px 16px calc(14px + var(--safe-bottom))}.start-foot .langs .btn.on{border-color:var(--accent);color:var(--accent)}.card{--suit: #9aa3b4;--suit-rgb: 154,163,180;font-family:inherit;border-radius:12px;border:3px solid rgba(var(--suit-rgb),.85);background:radial-gradient(120% 70% at 50% 0%,rgba(var(--suit-rgb),.22),transparent 60%),linear-gradient(180deg,#161a21,#0c0f13);box-shadow:inset 0 0 0 1px #ffffff0a,0 2px 10px #00000080}.card.red{--suit: #e5484d;--suit-rgb: 229,72,77}.card.blue{--suit: #4ea3ff;--suit-rgb: 78,163,255}.card.green{--suit: #2fbf71;--suit-rgb: 47,191,113}.card.gold{--suit: #f5c451;--suit-rgb: 245,196,81}.card .edge{display:none}.card .cost{top:6px;left:6px;height:26px;min-width:26px;padding:0 8px 0 6px;border-radius:13px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(var(--suit-rgb),.95),rgba(var(--suit-rgb),.6));color:#fff;font-family:Russo One,system-ui,sans-serif;font-weight:400;font-size:13px;text-shadow:0 1px 2px rgba(0,0,0,.6);box-shadow:0 2px 8px rgba(var(--suit-rgb),.45);gap:4px}.card .cost svg{color:#fff;opacity:.95}.card .art{margin:5px 5px 0;border-radius:7px;border:1px solid rgba(var(--suit-rgb),.25);box-shadow:inset 0 -26px 26px -22px #0c0f13,inset 0 0 0 1px #0006;background:#0a0c10}.card .art:before{content:"";position:absolute;inset:0;background:radial-gradient(80% 60% at 50% 100%,rgba(var(--suit-rgb),.18),transparent 70%);pointer-events:none;z-index:1}.card .title{font-family:Russo One,system-ui,sans-serif;font-weight:400;font-size:12px;letter-spacing:.3px;text-align:center;padding:5px 10px 4px;margin:6px 4px 0;white-space:normal;line-height:1.15;color:#f2f4f7;background:linear-gradient(90deg,transparent,rgba(var(--suit-rgb),.28) 18%,rgba(var(--suit-rgb),.28) 82%,transparent);position:relative}.card .title:before,.card .title:after{content:"";position:absolute;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,var(--suit),transparent);opacity:.7}.card .title:before{top:0}.card .title:after{bottom:0}.card .fx{border-top:0;margin:4px 6px 0;gap:4px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.card .fx .it{white-space:normal;line-height:1.25}.card .fx .col{min-width:0}.card .fx .col{padding:3px 5px 5px;min-height:34px;border:1px solid rgba(255,255,255,.06);border-radius:6px;background:#ffffff06}.card .fx .col+.col{border-left:1px solid rgba(255,255,255,.06);background:#e5484d0d}.card .fx .h{font-size:9px;letter-spacing:.5px;color:var(--dim);display:flex;align-items:center;gap:3px}.card .fx .col+.col .h{color:#c98a8d}.card .note{border-top:0;margin:3px 6px 0;font-size:10.5px}.card.gold{box-shadow:inset 0 0 0 1px #ffffff0d,0 0 18px #f5c4514d}.card.gold:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.08) 45%,transparent 60%);mix-blend-mode:screen}.card.compact .title{display:none}.card.compact .name{font-family:Russo One,system-ui,sans-serif;font-weight:400;font-size:10.5px;letter-spacing:.2px;text-align:center;padding:2px 6px 7px}.card.compact .art{margin:0 5px;flex:0 0 38%}.card.compact .art:after{background:linear-gradient(180deg,transparent 55%,#0c0f13 100%)}.card.compact .chips{padding:5px 6px 0}.screen.game{position:relative;--hand-h: calc(clamp(80px, 21vw, 100px) / .68 + 54px)}.field{display:flex;flex-direction:column;flex:1 1 0;min-height:0}.hand .slot.hover{transform:translateY(calc(-14px - var(--lift, 0px) * .9)) scale(1.08);filter:drop-shadow(0 10px 16px rgba(0,0,0,.55))}.hand .slot.sel{transform:translateY(-18px) scale(1.08);filter:drop-shadow(0 0 14px rgba(22,198,201,.5))}.hand .slot.dead .card{filter:grayscale(.75) brightness(.7)}.hand .slot.dead .card .art{filter:none}.card .short{position:absolute;left:50%;bottom:5px;transform:translate(-50%);z-index:2;display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:9px;background:#0b0b0fe6;border:1px solid rgba(229,72,77,.8);color:#ff8a8e;font-size:10px;font-weight:700;white-space:nowrap}.card .short svg{color:#ff8a8e}.sheet .panel .card .short,.peek .pcard .card .short{font-size:12px;padding:3px 9px}.peek{position:absolute;left:50%;bottom:calc(var(--hand-h, 212px) + var(--safe-bottom) - 6px);transform:translate(-50%);display:flex;align-items:center;gap:8px;z-index:12;pointer-events:none;animation:cp-peek .16s ease-out}.peek .pcard{width:132px}.peek .pcard .card{height:auto;font-size:12px;filter:drop-shadow(0 18px 28px rgba(0,0,0,.7))}.peek .pcard .card .title{font-size:12px}.peek .pcard .card .fx{font-size:11.5px}.peek .cost-line{margin-top:5px;text-align:center;font-size:11.5px;white-space:nowrap;font-weight:600;color:var(--text);display:flex;align-items:center;justify-content:center;gap:4px;background:#080a1ed9;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:4px 8px}.peek .cost-line.down{color:#ff8a8e;border-color:#e5484d99}.peek .cost-line .miss{font-weight:700}.peek .acts-col{display:flex;flex-direction:column;gap:10px;pointer-events:auto}.iconbtn{width:56px;height:56px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:10px;font-weight:700;letter-spacing:.2px;border:2px solid var(--line);background:#0e1228eb;color:var(--text);box-shadow:0 10px 24px #0000008c;animation:cp-pop .25s ease-out}.iconbtn.play{border-color:var(--up);color:var(--up);background:#2fbf712e;box-shadow:0 0 22px #2fbf7159,0 10px 24px #0000008c}.iconbtn.play:disabled{border-color:var(--line);color:var(--dim);background:#0e1228eb;box-shadow:none;opacity:.6}.iconbtn.trash{border-color:#e5484d99;color:#ff8a8e}.iconbtn:active:not(:disabled){transform:scale(.94)}@keyframes cp-peek{0%{transform:translate(-50%,10px);opacity:0}to{transform:translate(-50%);opacity:1}}.desk .res .r.want{background:#16c6c929;box-shadow:0 0 0 1.5px var(--accent),0 0 14px #16c6c959;border-radius:9px;padding:2px 6px;margin:-2px -6px}.desk .res .r{transition:box-shadow .15s,background .15s}.avatar .pic{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);border-radius:50%;object-fit:cover;display:block}.avatar.me{background:radial-gradient(circle,#16c6c940,#0e1228e6)}.avatar.foe{background:radial-gradient(circle,#c9d0dc2e,#0e1228e6)}.arena .tname{fill:#e8ebf0d9;font-weight:700;letter-spacing:.4px;text-transform:uppercase;font-family:Russo One,system-ui,sans-serif}.arena .tname.me{fill:var(--accent)}.table .pile{position:absolute;left:50%;top:6px;transform:translate(-50%);width:54px;z-index:3;pointer-events:none}.table .pile .deck{position:relative;width:54px;height:78px}.table .pile .deck i{position:absolute;inset:0;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:repeating-linear-gradient(135deg,#1b2254 0 3px,#121a44 3px 6px);box-shadow:0 4px 10px #00000080}.table .pile .deck i:nth-child(1){transform:translate(4px,4px);opacity:.6}.table .pile .deck i:nth-child(2){transform:translate(2px,2px);opacity:.8}.table .pile .deck .cnt{position:absolute;left:50%;bottom:-18px;transform:translate(-50%);z-index:4;font-family:Russo One,system-ui,sans-serif;font-size:12px;line-height:1;color:#e8ebf0e6;background:#080a1ee6;border:1px solid rgba(255,255,255,.18);border-radius:9px;padding:3px 8px;white-space:nowrap}.table .pile .deck .cnt:before{content:"";display:inline-block;width:7px;height:10px;border-radius:1.5px;margin-right:4px;vertical-align:-1px;background:repeating-linear-gradient(135deg,#3a4a9a 0 2px,#1b2254 2px 4px);border:1px solid rgba(255,255,255,.3)}.table .pile .top{position:absolute;left:3px;top:-3px;width:58px;animation:cp-flyin-pile .35s cubic-bezier(.2,.8,.2,1);transform-origin:50% 50%}.table .pile .top .card{height:auto;filter:drop-shadow(0 8px 14px rgba(0,0,0,.6))}.table .pile .top.theirs{animation-name:cp-flyin-pile-top}.table .pile .top .tag{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) rotate(-14deg);padding:2px 7px;border:1.5px solid #ff8a8e;color:#ff8a8e;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;background:#0b0b0fbf}.table .pile .drawfx{position:absolute;left:6px;top:0;width:44px;height:64px;border-radius:7px;border:1px solid rgba(255,255,255,.25);background:repeating-linear-gradient(135deg,#1b2254 0 3px,#121a44 3px 6px);opacity:0;animation:cp-draw-down .55s ease-in .25s}.table .pile .drawfx.theirs{animation-name:cp-draw-up}@keyframes cp-flyin-pile{0%{transform:translateY(220px) scale(1.3);opacity:0}to{transform:none;opacity:1}}@keyframes cp-flyin-pile-top{0%{transform:translateY(-120px) scale(1.2);opacity:0}to{transform:none;opacity:1}}@keyframes cp-draw-down{0%{opacity:.9;transform:none}to{opacity:0;transform:translateY(300px) scale(.6)}}@keyframes cp-draw-up{0%{opacity:.9;transform:none}to{opacity:0;transform:translateY(-140px) scale(.6)}}.table .flycard{display:none}.coach{position:absolute;left:50%;bottom:calc(var(--hand-h, 212px) + var(--safe-bottom) + 6px);transform:translate(-50%);width:min(92vw,360px);background:#0a0d24f5;border:1px solid rgba(22,198,201,.45);border-radius:12px;padding:12px 14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;z-index:11;font-size:13px;line-height:1.35;box-shadow:0 10px 30px #0000008c,0 0 24px #16c6c926;animation:cp-sheet .22s ease-out}.coach .step{font-family:Russo One,system-ui,sans-serif;color:var(--accent);font-size:13px}@media(prefers-reduced-motion:reduce){.peek,.iconbtn,.table .pile .top,.table .pile .drawfx,.coach{animation:none}}.hand.bigfan .slot.big{z-index:30;transform:translateY(-6px) scale(1.02);filter:none}.hand.bigfan .slot.big>.card{visibility:hidden}.hand.bigfan .slot .card .name{opacity:0}.hand.bigfan .bigcard{position:absolute;left:50%;bottom:0;width:150px;transform:translate(calc(-50% - var(--k) * (var(--cw) - var(--ov)) - 9vw));transform-origin:50% 100%;animation:cp-grow .18s cubic-bezier(.2,.8,.2,1);z-index:2}.hand.bigfan .bigcard>.card{height:auto;font-size:12px;filter:drop-shadow(0 18px 28px rgba(0,0,0,.7))}.hand.bigfan .bigcard>.card .title{font-size:12px}.hand.bigfan .bigcard>.card .fx{font-size:11.5px}.hand.bigfan .bigcard .cost-line{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);white-space:nowrap;font-size:11.5px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:4px;background:#080a1ee6;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:4px 9px}.hand.bigfan .bigcard .cost-line.down{color:#ff8a8e;border-color:#e5484d99}.hand.bigfan .bigcard .cost-line .miss{font-weight:700}.hand.bigfan .bigcard .acts{position:absolute;left:calc(100% + 10px);bottom:10px;display:flex;flex-direction:column;gap:10px}.hand.bigfan .slot.big.dead .card{filter:none}@keyframes cp-grow{0%{transform:translate(calc(-50% - var(--k) * (var(--cw) - var(--ov)) - 9vw)) scale(.6);opacity:.4}to{transform:translate(calc(-50% - var(--k) * (var(--cw) - var(--ov)) - 9vw)) scale(1);opacity:1}}.peek{display:none}@media(prefers-reduced-motion:reduce){.hand.bigfan .bigcard{animation:none}}.hand.row{--step: min(calc(var(--cw) + 6px), calc((100vw - 28px - var(--cw)) / max(1, var(--n) - 1)));padding-top:12px;height:calc(var(--cw) / .68 + 26px)}.hand.row .slot{transform:none;margin-right:calc(var(--step) - var(--cw));transition:transform .15s ease}.hand.row .slot:last-child{margin-right:0}.hand.row .slot.hover,.hand.row .slot.sel{transform:translateY(-4px)}.hand.row .slot.big{transform:none}.hand.bigfan .bigcard{left:0;transform:translate(calc(50vw - 75px - 14px - var(--i) * var(--step)),calc(-1 * var(--dy, 0px)));transition:transform .05s linear;animation:none}.hand.bigfan .bigcard>.card{transform-origin:50% 100%;animation:cp-grow2 .18s cubic-bezier(.2,.8,.2,1)}@keyframes cp-grow2{0%{transform:translateY(40px) scale(.6);opacity:.4}to{transform:none;opacity:1}}@keyframes cp-grow{0%{transform:translate(calc(50vw - 75px - 14px - var(--i) * var(--step)),40px) scale(.6);opacity:.4}to{transform:translate(calc(50vw - 75px - 14px - var(--i) * var(--step))) scale(1);opacity:1}}.hand.bigfan .bigcard .acts{display:none}.zone{position:absolute;left:0;right:0;z-index:25;pointer-events:none;display:flex;align-items:center;justify-content:center;font-family:Russo One,system-ui,sans-serif;font-size:18px;letter-spacing:.6px;text-transform:uppercase;animation:cp-zone-in .15s ease-out}.zone.up{top:0;height:34%;background:linear-gradient(180deg,rgba(47,191,113,.45),rgba(47,191,113,.12) 60%,transparent);color:#bfffd9;border-top:3px solid rgba(47,191,113,.6)}.zone.up.armed{background:linear-gradient(180deg,rgba(47,191,113,.75),rgba(47,191,113,.25) 60%,transparent);border-top-color:var(--up);animation:cp-zone-pulse .7s ease-in-out infinite}.zone.up.no{background:linear-gradient(180deg,rgba(229,72,77,.4),rgba(229,72,77,.1) 60%,transparent);color:#ffb3b6;border-top-color:#e5484d99;animation:none}.zone.down{bottom:0;height:22%;background:linear-gradient(0deg,rgba(229,72,77,.45),rgba(229,72,77,.12) 60%,transparent);color:#ffb3b6;border-bottom:3px solid rgba(229,72,77,.6);align-items:flex-end;padding-bottom:calc(10px + var(--safe-bottom))}.zone.down.armed{background:linear-gradient(0deg,rgba(229,72,77,.75),rgba(229,72,77,.25) 60%,transparent);border-bottom-color:var(--down);animation:cp-zone-pulse .7s ease-in-out infinite}.zone span{padding:8px 18px;border-radius:999px;background:#080a1ebf;border:1px solid currentColor}@keyframes cp-zone-in{0%{opacity:0}to{opacity:1}}@keyframes cp-zone-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.35)}}@media(prefers-reduced-motion:reduce){.zone,.zone.armed{animation:none}}.a2hs{width:100%;text-align:center;font-size:12px;color:var(--dim);padding:4px 0}.g2 .tstrip{position:relative;z-index:5;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:6px 8px 4px 10px;min-height:36px}.g2 .tbar{position:relative;height:22px;border-radius:11px;background:#ffffff14;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.g2 .tbar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--accent),#8ff0f2);transition:width .25s linear;border-radius:11px}.g2 .tbar.theirs i{background:linear-gradient(90deg,#7f8799,#c3c9d4)}.g2 .tbar.late i{background:var(--down);animation:cp-pulse .8s ease-in-out infinite}.g2 .tbar span{position:absolute;right:8px;top:0;line-height:22px;font-family:Russo One,system-ui,sans-serif;font-size:13px;color:#fff;text-shadow:0 1px 3px #000}.g2 .tbar.late span{color:#fff}.g2 .tturn{font-size:13px;color:var(--dim);padding-left:2px}.g2 .lastchip{display:inline-flex;align-items:center;gap:6px;max-width:46vw;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#080a1e99;font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden}.g2 .lastchip span{color:var(--dim)}.g2 .lastchip span.me{color:var(--accent)}.g2 .lastchip b{font-weight:600;overflow:hidden;text-overflow:ellipsis}.g2 .lastchip b.disc{color:var(--dim);text-decoration:line-through;font-weight:500}.g2 .menubtn{width:34px;height:30px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:#080a1e99;color:var(--text);display:grid;place-items:center}.g2 .field{padding:0 6px}.g2 .table{margin:0;align-items:flex-start}.g2 .arena{max-height:none}.g2 .owner{position:absolute;bottom:6px;width:46%;display:flex;flex-direction:column;gap:4px;z-index:4}.g2 .owner.me{left:8px;align-items:flex-start}.g2 .owner.foe{right:8px;align-items:flex-end}.g2 .owner .who{display:flex;align-items:center;gap:8px}.g2 .owner.foe .who{flex-direction:row-reverse}.g2 .owner .oname{font-family:Russo One,system-ui,sans-serif;font-size:12px;letter-spacing:.3px;color:var(--text);max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.g2 .owner.me .oname{color:var(--accent)}.g2 .owner .oname .cards{display:inline-flex;align-items:center;gap:3px;color:var(--dim);font-family:inherit;font-size:11px}.g2 .owner .oname .cards i{width:9px;height:13px;border-radius:2px;background:repeating-linear-gradient(135deg,#3a4a9a 0 2px,#1b2254 2px 4px);border:1px solid rgba(255,255,255,.3)}.g2 .owner .tokens{display:flex;gap:6px}.g2 .owner.foe .tokens{flex-direction:row-reverse}.g2 .owner .tok{display:inline-flex;align-items:center;gap:4px;padding:3px 7px 3px 5px;border-radius:10px;background:#080a1eb3;border:1px solid rgba(255,255,255,.1);font-family:Russo One,system-ui,sans-serif;font-size:15px;color:var(--text);transition:box-shadow .15s,background .15s}.g2 .owner .tok em{font-style:normal;font-size:11px;color:#e8ebf0d9}.g2 .owner .tok em.tick{color:var(--up);animation:cp-pop .6s ease-out}.g2 .owner .tok.down b{animation:cp-flash-down .6s ease-out}.g2 .owner .tok.want{background:#16c6c92e;box-shadow:0 0 0 1.5px var(--accent),0 0 14px #16c6c966}.g2 .owner.active .avatar{box-shadow:0 0 18px #16c6c959}.g2 .owner.foe.active .avatar{box-shadow:0 0 18px #c3c9d44d}.g2 .turnplate{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);z-index:6;pointer-events:none;font-family:Russo One,system-ui,sans-serif;font-size:24px;letter-spacing:1px;text-transform:uppercase;color:#fff;padding:10px 22px;border-radius:14px;background:#16c6c9d9;box-shadow:0 10px 30px #00000080,0 0 30px #16c6c980;animation:cp-plate .9s ease-out both}.g2 .turnplate.again{background:#f5c451eb;color:#1a1200;box-shadow:0 10px 30px #00000080,0 0 30px #f5c45199}@keyframes cp-plate{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}15%{transform:translate(-50%,-50%) scale(1.05);opacity:1}75%{opacity:1}to{transform:translate(-50%,-60%) scale(1);opacity:0}}.g2 .table .pile{width:66px;top:8px}.g2 .table .pile .deck{width:66px;height:96px}.g2 .table .pile .top{left:3px;top:-3px;width:70px}.g2 .table .pile .top.disc{animation:cp-discard .9s ease-in .5s forwards}@keyframes cp-discard{to{transform:translateY(420px) rotate(12deg);opacity:0}}.g2 .table .pile .drawfx{left:11px;width:44px;height:64px}.arena .plate-body{fill:url(#gPlate);stroke:#9aa3b4;stroke-width:1.5;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}.arena .plate-fill{fill:#c9d0dc;opacity:.9;transition:y .45s,height .45s}.arena .tower.me .plate-fill{fill:#16c6c9}.arena .plate .plate-num{fill:#fff;paint-order:stroke;stroke:#0b0b0fb3;stroke-width:3px;font-family:Russo One,system-ui,sans-serif}.arena .plate.empty .plate-body{opacity:.6}.arena .plate .cracks path{fill:none;stroke:#0b0b0f;stroke-width:1.5}.arena .tower.hit .col-wrap{animation-duration:.7s}.arena .shards rect{animation-duration:.8s}.arena .trace{animation-duration:.45s}.card.compact .chips{display:none}.card.compact .art{flex:1 1 auto;margin:5px 5px 0}.card.compact .art:after{background:linear-gradient(180deg,transparent 60%,#0c0f13 100%)}.card .main{display:flex;align-items:center;justify-content:center;gap:3px;padding:4px 4px 5px;font-family:Russo One,system-ui,sans-serif;font-size:15px;line-height:1;color:var(--text)}.card .main.up{color:var(--up)}.card .main.down{color:#ff8a8e}.card .main.neutral{color:#e8ebf0}.card .main b{font-weight:400}.card .main.opp svg:first-child{opacity:.8}.card.compact .name{display:none}.card .need{font-size:10px;font-weight:700;color:#ff8a8e;text-align:center;padding:0 4px 5px;display:flex;align-items:center;justify-content:center;gap:3px;white-space:nowrap}.card:not(.compact) .need{font-size:12px;padding:3px 6px 6px}.card.compact.dead .art{filter:grayscale(.8) brightness(.55)}.card.compact.dead .cost{border-color:#ff8a8e}.hand .slot.dead .card{filter:none}.card .short{display:none}.card .again-badge{position:absolute;right:4px;top:4px;z-index:2;display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:8px;background:#f5c451f2;color:#1a1200;font-size:9px;font-weight:800;letter-spacing:.3px;text-transform:uppercase}.card .fx .it{gap:5px;align-items:center}.card .fx .it .w{flex:1;color:var(--text);font-weight:500}.card .fx .it.up .w,.card .fx .it.down .w{color:inherit}.card .fx .it b{font-weight:700}.card .fx .it .per{font-size:9px;font-weight:500;opacity:.8}.card .fx.you,.card .fx.opp,.card .fx.both{grid-template-columns:1fr}.card .fx .col.one.opp{background:#e5484d0f}.card .fx .col.one .h{display:flex;align-items:center;gap:4px}.card .note{font-size:12px;line-height:1.3;color:var(--text);padding:4px 6px 6px}.card .fx .col .h{font-size:10px}.hand.bigfan .bigcard>.card .fx{font-size:12.5px}.hand.bigfan .bigcard .cost-line{display:none}@media(prefers-reduced-motion:reduce){.g2 .turnplate,.g2 .table .pile .top.disc{animation:none}}.result2{display:flex;flex-direction:column}.result2 .rtable{flex:0 0 auto;height:44vh;margin:8px 8px 0;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#0b1030,#1a1f4f 60%,#2a1c4a);box-shadow:inset 0 0 0 1px #ffffff14;display:flex;align-items:flex-end;justify-content:center}.result2 .rtable .arena{max-height:100%}.result2 .center.result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px 16px calc(16px + var(--safe-bottom))}.result2 .result .big{font-family:Russo One,system-ui,sans-serif;font-size:52px;letter-spacing:2px;animation:cp-pop .6s ease-out}.result2 .delta-big{font-family:Russo One,system-ui,sans-serif;font-size:22px}.result2 .delta-big .cnt{color:var(--text)}.result2 .delta-big .d{font-size:18px}.result2 .kv{display:grid;grid-template-columns:auto auto;gap:4px 14px;font-size:12px;color:var(--dim)}.result2 .kv b{color:var(--text);font-weight:600}.arena .tower.fall .col-wrap{transform-origin:50% 100%;animation:cp-fall 1.6s cubic-bezier(.6,0,.9,.4) .3s forwards}.arena .tower.fall .pill,.arena .tower.fall .plate{animation:cp-fade .8s ease-in .6s forwards}.arena .tower.rise .col-wrap{animation:cp-rise 1.8s cubic-bezier(.2,.7,.2,1) .2s forwards}.arena .tower.rise .pill{animation:cp-fade .6s ease-in .8s forwards}@keyframes cp-fall{0%{transform:translateY(0) rotate(0);opacity:1}25%{transform:translateY(2px) rotate(-3deg)}to{transform:translateY(60px) rotate(14deg) scaleY(.6);opacity:0}}@keyframes cp-rise{0%{transform:translateY(0)}to{transform:translateY(-260px);opacity:.2}}@keyframes cp-fade{to{opacity:0}}@media(prefers-reduced-motion:reduce){.arena .tower.fall .col-wrap,.arena .tower.rise .col-wrap,.arena .tower.fall .pill,.arena .tower.rise .pill,.arena .tower.fall .plate{animation:none;opacity:.4}}.g2 .owner .char{position:relative;width:64px;height:76px;display:flex;align-items:flex-end;justify-content:center}.g2 .owner .char img{height:76px;width:auto;max-width:80px;display:block;filter:drop-shadow(0 6px 8px rgba(0,0,0,.6));transform-origin:50% 100%;animation:cp-idle 3s ease-in-out infinite}.g2 .owner.foe .char img{transform:scaleX(-1);animation-name:cp-idle-flip}.g2 .owner .char.cheer img{animation:cp-cheer .6s ease-out 2}.g2 .owner .char.hurt img{animation:cp-hurt .5s ease-in-out 2}.g2 .owner .char.gloat img{animation:cp-gloat .5s ease-in-out 2}.g2 .owner.foe .char.cheer img{animation:cp-cheer-flip .6s ease-out 2}.g2 .owner.foe .char.hurt img{animation:cp-hurt-flip .5s ease-in-out 2}.g2 .owner.foe .char.gloat img{animation:cp-gloat-flip .5s ease-in-out 2}.g2 .owner .char .avatar{position:absolute;left:-4px;bottom:-4px;width:26px!important;height:26px!important;display:none}.g2 .owner .char img[style*=none]+.avatar{display:grid;position:static;width:44px!important;height:44px!important}@keyframes cp-idle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.02,.98)}}@keyframes cp-idle-flip{0%,to{transform:scaleX(-1) translateY(0)}50%{transform:scaleX(-1) translateY(-2px)}}@keyframes cp-cheer{0%{transform:translateY(0)}40%{transform:translateY(-16px) rotate(-4deg)}to{transform:translateY(0)}}@keyframes cp-cheer-flip{0%{transform:scaleX(-1) translateY(0)}40%{transform:scaleX(-1) translateY(-16px) rotate(4deg)}to{transform:scaleX(-1) translateY(0)}}@keyframes cp-hurt{0%,to{transform:translate(0)}25%{transform:translate(-6px) rotate(-5deg)}75%{transform:translate(5px) rotate(4deg)}}@keyframes cp-hurt-flip{0%,to{transform:scaleX(-1) translate(0)}25%{transform:scaleX(-1) translate(-6px) rotate(5deg)}75%{transform:scaleX(-1) translate(5px) rotate(-4deg)}}@keyframes cp-gloat{0%,to{transform:scale(1)}50%{transform:scale(1.1) rotate(3deg)}}@keyframes cp-gloat-flip{0%,to{transform:scaleX(-1) scale(1)}50%{transform:scaleX(-1) scale(1.1) rotate(-3deg)}}.hand .slot .pointer{position:absolute;left:50%;bottom:calc(100% - 10px);transform:translate(-50%);z-index:40;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.hand .slot .pointer .bubble{white-space:nowrap;font-size:12px;font-weight:700;color:#1a1200;background:var(--gold);padding:6px 10px;border-radius:10px;box-shadow:0 6px 16px #00000080;animation:cp-sheet .3s ease-out}.hand .slot .pointer .finger{width:30px;height:30px;border-radius:50%;border:3px solid #fff;background:#f5c45180;box-shadow:0 0 14px #f5c451cc;animation:cp-point-up 1.4s ease-in-out infinite}.hand .slot .pointer.down .finger{animation-name:cp-point-down}@keyframes cp-point-up{0%,to{transform:translateY(0);opacity:.9}50%{transform:translateY(-40px);opacity:.5}}@keyframes cp-point-down{0%,to{transform:translateY(0);opacity:.9}50%{transform:translateY(30px);opacity:.5}}.callout{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);z-index:7;pointer-events:none;max-width:86vw;text-align:center;font-size:14px;font-weight:700;color:#1a1200;background:var(--gold);padding:10px 16px;border-radius:12px;box-shadow:0 10px 30px #00000080;animation:cp-callout 3s ease-out both}@keyframes cp-callout{0%{opacity:0;transform:translate(-50%,-40%)}10%,85%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0}}@media(prefers-reduced-motion:reduce){.g2 .owner .char img,.hand .slot .pointer .finger,.callout{animation:none}}.g2 .hand{z-index:8}.g2 .owner{width:48%}.g2 .owner .tokens{gap:4px}.g2 .owner .tok{flex-direction:column;gap:1px;padding:3px 5px 2px;min-width:38px;border-radius:9px;font-size:14px;line-height:1}.g2 .owner .tok b{display:inline-flex;align-items:center;gap:3px}.g2 .owner .tok em{font-size:10px;line-height:1}.g2 .table .pile .top{z-index:5}.g2 .table .pile .deck .cnt{z-index:3}.card.compact .need{position:absolute;left:50%;bottom:30px;transform:translate(-50%);z-index:2;padding:2px 7px;border-radius:8px;background:#0b0b0fe0;border:1px solid rgba(229,72,77,.7);white-space:nowrap}.card.compact.dead .main{opacity:.85}.g2 .table .pile .deck .cnt{bottom:-26px}.land.g3{position:relative}.g3 .tstrip{grid-template-columns:auto 1fr auto auto;padding:8px 14px 6px}.g3 .tstrip .brand{font-size:14px}.g3 .tstrip .tbar{max-width:420px;justify-self:center;width:100%}.g3 .tstrip .mid{color:var(--dim);font-size:12px}.g3 .cols{grid-template-columns:220px 1fr 260px}.g3 .table.pc{margin:0 10px;align-items:flex-end}.g3 .owner{width:44%;bottom:10px}.g3 .owner.me{right:12px;left:auto;align-items:flex-end}.g3 .owner.me .who,.g3 .owner.me .tokens{flex-direction:row-reverse}.g3 .owner.foe{left:12px;right:auto;align-items:flex-start}.g3 .owner.foe .who,.g3 .owner.foe .tokens{flex-direction:row}.g3 .owner.foe .char img{transform:none;animation-name:cp-idle}.g3 .owner.me .char img{transform:scaleX(-1);animation-name:cp-idle-flip}.g3 .owner .char{width:84px;height:100px}.g3 .owner .char img{height:100px;max-width:104px}.g3 .owner .oname{font-size:14px;max-width:160px}.g3 .owner .tok{font-size:16px;min-width:46px}.g3 .owner .tok em{font-size:11px}.g3 .table .pile{width:84px;top:12px}.g3 .table .pile .deck{width:84px;height:122px}.g3 .table .pile .top{width:88px}.g3 .table .pile .top .card{font-size:12px}.g3 .zone.up{height:30%}.g3 .zone.down{height:26%}.g3 .act .btn.primary{font-size:15px;padding:12px 14px}.g3 .act .btn:not(.primary){font-size:12px;opacity:.8}.land .insp-card .card .need{font-size:12px}.card.compact .main{justify-content:flex-start;padding:4px 6px 5px}.card.compact .need{left:5px;transform:none}.card.compact .again-badge{left:5px;top:36px;right:auto;width:20px;height:20px;padding:0;border-radius:50%;justify-content:center}.card.compact .again-badge span{display:none}.card:not(.compact) .again-badge span{display:inline}.g2 .owner{width:auto;max-width:150px}.g2 .owner.me{left:10px}.g2 .owner.foe{right:10px}.g2 .owner.foe .tokens{flex-direction:row}.g2 .owner .tok{min-width:40px}.hand.bigfan .bigcard>.card .fx.two{grid-template-columns:1fr;gap:3px}.hand.bigfan .bigcard>.card .fx .col .h{font-size:10px}.table .pile:has(.top) .deck .cnt{opacity:0}.zone.up{height:50%;align-items:flex-end;padding-bottom:12px}.g3 .zone.up{height:36%}.arena .plate.crack .plate-body{animation:none}.arena .plate.crack .plate-fill{animation:cp-fill-red .6s ease-out}@keyframes cp-fill-red{0%{fill:#e5484d}}.arena .tower.foe.grow .col{animation-name:cp-col-grow-steel}@keyframes cp-col-grow-steel{0%{fill:#fff}}.arena .tower.foe .fx.up{fill:#e8ebf0}.arena .fx{stroke-width:3px}@keyframes cp-ember-up{0%,92%,to{filter:none}94%,97%{fill:#2fbf71;filter:drop-shadow(0 0 4px #2fbf71)}}@keyframes cp-ember-down{0%,92%,to{filter:none}94%,97%{fill:#e5484d;filter:drop-shadow(0 0 4px #e5484d)}}.arena .plate-gloss{fill:#ffffff26}.callout{top:31%;font-size:13px}.hand .slot .pointer .finger{width:44px;height:44px;border:2px solid #fff;background:#f5c45159;animation-duration:1s}.hand .slot:has(.pointer){transform:translateY(-8px)}.g2 .lastchip{max-width:230px}.g2 .lastchip.me{border-color:#16c6c9b3}.g2 .lastchip.foe{border-color:#c3c9d499}.g2 .tturn{color:#e8ebf0cc;font-size:14px}.g2 .owner .char,.g2 .owner .char img{height:80px}.g3 .owner .char,.g3 .owner .char img{height:100px}.result2 .rtable{-webkit-mask-image:linear-gradient(180deg,transparent,#000 40px);mask-image:linear-gradient(180deg,transparent,#000 40px)}.result2 .rchars{display:flex;align-items:flex-end;justify-content:center;gap:14px}.result2 .rchars img{display:block;filter:drop-shadow(0 8px 12px rgba(0,0,0,.6))}.result2 .rchars img.big{height:96px}.result2 .rchars img.small{height:56px;opacity:.9}.start-foot .btn.sm{min-height:36px;padding:8px 12px}.btn.cta small{display:block;font-size:11px;font-weight:500;opacity:.85;margin-top:2px}.hand .slot .pointer .bubble{transform:translate(calc(var(--k) * -28px))}@keyframes cp-flyin-pile{0%{transform:translate(-150px,300px) scale(1.25);opacity:0}to{transform:none;opacity:1}}@keyframes cp-flyin-pile-top{0%{transform:translate(150px,300px) scale(1.25);opacity:0}to{transform:none;opacity:1}}.table .pile .top{animation-duration:.5s}.g3 .owner.me{left:auto;right:12px}.g3 .owner.foe{right:auto;left:12px}.g3 .owner{max-width:200px}