@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/m-plus-rounded-1c-latin-400-normal-D8BJwo9g.woff2) format("woff2"),url(/assets/m-plus-rounded-1c-latin-400-normal-D-laAnv_.woff) format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:500;src:url(/assets/m-plus-rounded-1c-latin-500-normal-C-nXCIW2.woff2) format("woff2"),url(/assets/m-plus-rounded-1c-latin-500-normal-yyRO08BL.woff) format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/m-plus-rounded-1c-latin-700-normal-BU0Ts4rK.woff2) format("woff2"),url(/assets/m-plus-rounded-1c-latin-700-normal-B4eo6PMX.woff) format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/m-plus-rounded-1c-latin-800-normal-BTk34ZNl.woff2) format("woff2"),url(/assets/m-plus-rounded-1c-latin-800-normal-BGr3AagC.woff) format("woff")}:root{--bg: #1b1d21;--bg-deep: #15171a;--raised: linear-gradient(180deg, #2b2e34, #232529);--raised-flat: #26292e;--raised-hi: linear-gradient(180deg, #34373e, #2a2d33);--well: #141619;--sh-raised: 0 10px 22px -8px rgba(0, 0, 0, .55), 0 2px 4px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .08), inset 0 -1px 0 rgba(0, 0, 0, .25);--sh-float: 0 18px 40px -12px rgba(0, 0, 0, .7), 0 4px 10px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .09);--sh-inset: inset 0 2px 6px rgba(0, 0, 0, .45), inset 0 -1px 0 rgba(255, 255, 255, .05);--sh-icon: drop-shadow(0 2px 2px rgba(0, 0, 0, .45));--text: #e4e6ea;--text-2: #aeb2ba;--text-3: #858a93;--holo: linear-gradient(90deg, #f3a0c4, #c6a9ff, #8fd6f2, #9ef0c9, #ffe08a);--glow: #8fe6ff;--glow-soft: rgba(143, 230, 255, .35);--volt: #ffd84a;--danger: #ff8080;--danger-soft: rgba(255, 128, 128, .12);--ok: #7bd88f;--r-sm: 12px;--r-md: 18px;--r-lg: 24px;--r-xl: 30px;--r-pill: 999px;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--spring: linear(0, .04 2.5%, .16 5.5%, .55 15%, .82 23%, .97 30%, 1.05 37%, 1.065 42%, 1.055 48%, 1.02 58%, .995 70%, 1);--font: "M PLUS Rounded 1c", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--card-ratio: 1.397;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:var(--font);font-weight:500;font-size:15px;line-height:1.45;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-font-smoothing:antialiased;caret-color:var(--glow);accent-color:var(--glow)}::selection{background:#8fe6ff40}:focus-visible{outline:2px solid var(--glow);outline-offset:2px}h1,h2,h3,h4{text-wrap:balance}button{font:inherit;color:inherit;cursor:pointer}svg{flex:none}input,textarea{font:inherit;color:var(--text);background:var(--well);border:0;border-radius:var(--r-pill);padding:0 20px;min-height:52px;width:100%;user-select:text;-webkit-user-select:text;box-shadow:var(--sh-inset);transition:box-shadow .2s ease}input::placeholder,textarea::placeholder{color:var(--text-3)}input:focus,textarea:focus{outline:none;box-shadow:var(--sh-inset),0 0 0 2px #8fe6ff73}textarea{border-radius:var(--r-md);padding:14px 16px;min-height:168px;font-family:var(--font-mono);font-size:13px;line-height:1.55;resize:vertical}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:var(--r-pill);padding:0 22px;min-height:52px;font-weight:500;color:var(--text-2);background:var(--raised);box-shadow:var(--sh-raised);transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out),color .2s ease}.btn svg{filter:var(--sh-icon)}.btn:active:not(:disabled){transform:translateY(1px) scale(.97);box-shadow:0 4px 10px -6px #0009,inset 0 1px #ffffff0f}.btn:disabled{color:var(--text-3);background:var(--well);box-shadow:var(--sh-inset);cursor:default}.btn:disabled svg{filter:none;opacity:.6}.btn-primary{color:var(--text);background:linear-gradient(180deg,#33363d,#292c31) padding-box,var(--holo) border-box;border:1.5px solid transparent}.btn-primary:disabled{border-color:transparent;background:var(--well)}.btn-danger{color:var(--danger)}.btn-ghost{background:transparent;box-shadow:none}.btn-ghost:active:not(:disabled){box-shadow:none;background:#ffffff0a}.btn-block{width:100%}.btn-sm{min-height:38px;padding:0 16px;font-size:14px}.btn-icon{width:42px;min-height:42px;height:42px;padding:0;border-radius:50%}.btn-round{width:60px;height:60px;min-height:60px;padding:0;border-radius:50%;color:var(--text-2);box-shadow:var(--sh-float)}.screen-title{margin:0;text-align:center;font-weight:800;font-size:26px;letter-spacing:.04em;color:var(--text)}.holo-rule{height:3px;border-radius:var(--r-pill);background:var(--holo);opacity:.85}.section-title{margin:0;text-align:center;font-weight:500;font-size:17px;color:var(--text-2);padding-bottom:8px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08) 30%,rgba(255,255,255,.08) 70%,transparent) bottom / 100% 1px no-repeat}.section-note{margin:0;text-align:center;font-size:13.5px;color:var(--text-3)}.row{display:flex;gap:10px;align-items:center}.row>.grow,.grow{flex:1;min-width:0}.muted{color:var(--text-2)}.error{color:var(--danger)}.small{font-size:13.5px}.screen{min-height:100%;max-width:480px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:22px}.panel{background:var(--raised);border-radius:var(--r-lg);padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--sh-raised)}.footnote{margin-top:auto;padding-top:8px;text-align:center;font-size:12.5px;color:var(--text-3)}.welcome{justify-content:center;gap:26px;text-align:center}.welcome h1{margin:0;font-weight:800;font-size:26px;letter-spacing:.01em}.welcome p{margin:8px 0 0;color:var(--text-2)}.floating-card{align-self:center;position:relative;perspective:800px;margin-bottom:52px}.floating-card .card{animation:float 5s ease-in-out infinite;box-shadow:0 26px 40px -18px #000000bf}.floating-card .reflection{position:absolute;left:0;top:100%;margin-top:10px;transform:scaleY(-1);opacity:.22;-webkit-mask:linear-gradient(to top,#000,transparent 38%);mask:linear-gradient(to top,#000,transparent 38%);pointer-events:none}.floating-card .reflection .card{animation:float-mirror 5s ease-in-out infinite;box-shadow:none}@keyframes float{0%,to{transform:translateY(0) rotateX(6deg) rotateY(-8deg)}50%{transform:translateY(-8px) rotateX(2deg) rotateY(6deg)}}@keyframes float-mirror{0%,to{transform:translateY(0) rotateX(-6deg) rotateY(-8deg)}50%{transform:translateY(8px) rotateX(-2deg) rotateY(6deg)}}.profile{display:flex;flex-direction:column;align-items:center;gap:8px;border:0;background:none;padding:0;margin-top:4px}.profile .name{font-weight:700;font-size:17px;color:var(--text-2)}.avatar{position:relative;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:30px;color:var(--text);background:var(--raised-hi) padding-box,var(--holo) border-box;border:4px solid transparent;box-shadow:var(--sh-float);flex:none}.avatar.sm{width:56px;height:56px;font-size:22px;border-width:3px}.avatar.empty{color:var(--text-3);background:var(--well);border-color:transparent;box-shadow:var(--sh-inset)}.deck-hero{position:relative;display:flex;flex-direction:column;width:100%;border:0;padding:0;text-align:left;border-radius:var(--r-xl);overflow:hidden;background:radial-gradient(90% 70% at 50% 0%,rgba(255,216,74,.09),transparent 70%),var(--raised);box-shadow:var(--sh-float);transition:transform .2s var(--ease-out)}.deck-hero:active{transform:scale(.985)}.deck-hero .fan{position:relative;height:178px}.deck-hero .fan>*{position:absolute;left:50%;bottom:-20px;margin-left:-50px;transform-origin:50% 110%;transition:transform .5s var(--spring);box-shadow:0 14px 22px -10px #000000b3}.deck-hero .fan>:nth-child(1){transform:translate(-70px) rotate(-10deg) scale(.9)}.deck-hero .fan>:nth-child(2){transform:translate(70px) rotate(10deg) scale(.9)}.deck-hero .fan>:nth-child(3){margin-left:-58px;z-index:1}.deck-hero:active .fan>:nth-child(1){transform:translate(-80px) rotate(-14deg) scale(.9)}.deck-hero:active .fan>:nth-child(2){transform:translate(80px) rotate(14deg) scale(.9)}.deck-hero .info{position:relative;z-index:2;display:flex;align-items:center;gap:12px;padding:14px 18px 16px 22px;background:linear-gradient(180deg,#232529b3,#222428 45%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 -1px #ffffff12}.deck-hero .title{display:block;font-weight:800;font-size:20px;color:var(--text)}.deck-hero .meta{display:block;font-size:13.5px;color:var(--text-2)}.deck-hero .swap{display:inline-flex;align-items:center;gap:4px;padding:8px 10px 8px 14px;border-radius:var(--r-pill);font-size:13.5px;color:var(--text-2);background:var(--raised-hi);box-shadow:var(--sh-raised)}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;min-height:150px;padding:18px 12px 16px;border:0;border-radius:var(--r-lg);overflow:hidden;color:var(--text-2);font-weight:500;font-size:16px;background:radial-gradient(80% 60% at 50% 20%,rgba(255,255,255,.05),transparent 70%),var(--raised);box-shadow:var(--sh-raised);transition:transform .18s var(--ease-out)}.tile svg{color:#d9dce2;filter:drop-shadow(0 3px 3px rgba(0,0,0,.45))}.tile-label{display:flex;flex-direction:column;align-items:center;line-height:1.25}.tile-label strong{font-weight:700;font-size:16px;color:var(--text)}.tile-label small{font-size:12.5px;color:var(--text-3)}.tile:active:not(:disabled){transform:scale(.97)}.tile:disabled{opacity:.55}.join{display:flex;gap:8px;padding:6px;border-radius:var(--r-pill);background:var(--well);box-shadow:var(--sh-inset)}.join input{background:transparent;box-shadow:none;min-height:46px;padding:0 16px;font-weight:800;letter-spacing:.24em;text-transform:uppercase}.join input::placeholder{font-weight:500;letter-spacing:0;text-transform:none}.join input:focus{box-shadow:none}.join:focus-within{box-shadow:var(--sh-inset),0 0 0 2px #8fe6ff66}.join .btn{min-height:46px}.notice{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;margin:0;border-radius:var(--r-md);background:var(--danger-soft);color:#ffc0c0;font-size:13.5px}.notice ul{margin:4px 0 0;padding-left:18px}.notice code{font-family:var(--font-mono);font-size:12.5px;color:var(--text)}.count-line{display:flex;align-items:center;justify-content:space-between;padding:0 6px;font-size:13px;color:var(--text-2)}.count-line strong{color:var(--text);font-variant-numeric:tabular-nums}.count-line strong.full{color:var(--ok)}.deck-option{display:flex;align-items:center;gap:14px;padding:10px 16px 10px 12px;border-radius:var(--r-md);background:var(--raised);border:0;text-align:left;width:100%;min-height:72px;box-shadow:var(--sh-raised);transition:transform .16s var(--ease-out)}.deck-option:active{transform:scale(.985)}.deck-option.selected{background:linear-gradient(180deg,#30333a,#27292e) padding-box,var(--holo) border-box;border:1.5px solid transparent}.deck-option .title{display:block;font-weight:700;color:var(--text)}.deck-option .meta{display:block;font-size:13px;color:var(--text-2)}.deck-option .meta.faint{color:var(--text-3);font-size:12px}.deck-option .trail{color:var(--text-3)}.with-nav .screen{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);max-width:560px;margin:0 auto;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:#15171aeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 -1px #ffffff0d,0 -10px 30px -10px #00000080}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:none;padding:6px 0;color:var(--text-3);font-size:10.5px;transition:color .2s ease,transform .16s var(--ease-out)}.bottom-nav button svg{filter:var(--sh-icon)}.bottom-nav button.active{color:var(--text)}.bottom-nav button:active{transform:scale(.92)}.soon-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:0 12px}.soon-icon{display:grid;place-items:center;width:116px;height:116px;margin-bottom:8px;border-radius:var(--r-xl);color:#d9dce2;background:var(--raised);box-shadow:var(--sh-float)}.soon-icon svg{filter:drop-shadow(0 3px 3px rgba(0,0,0,.45))}.soon-body h2{margin:0;font-weight:800;font-size:22px}.soon-body p,.about-text{margin:0;color:var(--text-2);font-size:14.5px;line-height:1.6}.about-text{text-align:center}.about-text a{color:var(--text);text-decoration-color:#8fe6ff99;text-underline-offset:3px}.floating-card.small{margin-bottom:30px}.room{justify-content:center;gap:26px;text-align:center}.code{display:inline-flex;align-items:center;gap:12px;margin:12px auto 0;padding:12px 18px 12px 26px;border:0;border-radius:var(--r-lg);background:var(--well);box-shadow:var(--sh-inset);font-family:var(--font);font-size:42px;font-weight:800;letter-spacing:.18em;color:var(--text)}.code svg{color:var(--text-3)}.seats{display:flex;justify-content:center;align-items:center;gap:18px}.seat{display:flex;flex-direction:column;align-items:center;gap:6px;width:110px;font-size:14px}.seat .avatar.empty{animation:waiting 1.8s ease-in-out infinite}.seat span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seats .versus{font-weight:800;color:var(--text-3);margin-bottom:40px}@keyframes waiting{50%{box-shadow:var(--sh-inset),0 0 0 2px #8fe6ff59}}.card{position:relative;width:var(--w, 64px);aspect-ratio:63 / 88;border-radius:calc(var(--w, 64px) * .05);overflow:hidden;background:#2a2d33;flex:none;box-shadow:0 1px 2px #00000073,0 8px 16px -8px #0009}.card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.card-back{background:radial-gradient(120% 80% at 30% 0%,rgba(255,255,255,.08),transparent 55%),linear-gradient(160deg,#17191d,#0b0c0e);box-shadow:inset 0 0 0 calc(var(--w, 64px) * .035) #1f2227,inset 0 0 0 calc(var(--w, 64px) * .05) #ffd84a38,0 1px 2px #00000080,0 8px 16px -8px #0009}.card-back:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--volt);opacity:.9;-webkit-mask:url(/mareep.svg) center 48% / 54% no-repeat;mask:url(/mareep.svg) center 48% / 54% no-repeat}.card-name-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:4px;text-align:center;font-size:10px;color:var(--text-2)}.card.dim{filter:grayscale(.85) brightness(.5)}.card.selected{outline:3px solid var(--glow);outline-offset:-1px}.card .badge-count{position:absolute;top:4px;right:4px;background:#1e2025eb;color:var(--text);font-weight:800;font-size:12px;border-radius:var(--r-pill);min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;box-shadow:0 2px 6px #00000080}.shine:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.05) 40%,rgba(255,200,235,.35) 46%,rgba(160,225,255,.35) 52%,rgba(200,255,220,.25) 57%,transparent 68%);background-size:250% 100%;background-position:120% 0;mix-blend-mode:screen;animation:shine 1.2s var(--ease-out) .3s both}@keyframes shine{0%{background-position:120% 0}to{background-position:-40% 0}}.card .foil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;border-radius:inherit;pointer-events:none}.card .foil:before{content:"";position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;transform:translate3d(var(--fx, 0%),var(--fy, 0%),0);mix-blend-mode:color-dodge;animation:foil-drift 7s ease-in-out infinite alternate}.card .foil-holo:before{opacity:.4;background:linear-gradient(115deg,transparent 34%,rgba(255,120,190,.55) 41%,rgba(150,200,255,.55) 46%,rgba(140,255,200,.5) 51%,rgba(255,235,140,.5) 56%,transparent 63%)}.card .foil-rare:before{opacity:.5;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.95) 0 1px,transparent 1.6px) 0 0 / 14px 14px,radial-gradient(circle at 70% 60%,rgba(255,255,255,.75) 0 .8px,transparent 1.4px) 7px 5px / 19px 19px,repeating-linear-gradient(115deg,#ff7eb3,#ffd36e,#8affc1,#7ec8ff,#c39bff,#ff7eb3 30%);animation-duration:5s}.card .foil-rare:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--gx, 30%) var(--gy, 20%),rgba(255,255,255,.6),transparent 48%);mix-blend-mode:overlay;opacity:.7}@keyframes foil-drift{0%{transform:translate3d(-18%,-10%,0)}to{transform:translate3d(18%,10%,0)}}.inspect-card.live .foil:before{animation:none}.energy{--size: 16px;width:var(--size);height:var(--size);border-radius:50%;display:inline-grid;place-items:center;font-size:calc(var(--size) * .58);font-weight:800;color:#161616;box-shadow:inset 0 1px #ffffff73,0 0 0 1px #00000080,0 1px 3px #0006;flex:none}.energy-G{background:#62c46b}.energy-R{background:#f2683f}.energy-W{background:#45aef3}.energy-L{background:#f8d42a}.energy-P{background:#a865cc;color:#fff}.energy-F{background:#c8722f;color:#fff}.energy-D{background:#3a414b;color:#fff}.energy-M{background:#aab4c2}.energy-C{background:#eef0f3}.energy-N{background:#c9a227}.energy-Y{background:#f494b8}.table{--side-w: clamp(52px, 14vw, 72px);--hand-h: clamp(104px, 19dvh, 168px);position:relative;height:100dvh;max-width:560px;margin:0 auto;display:grid;grid-template-columns:var(--side-w) minmax(0,1fr) var(--side-w);grid-template-rows:30px minmax(0,1fr) 52px minmax(0,1fr) var(--hand-h);grid-template-areas:"ohand ohand ohand" "oprize ofield opiles" "mid mid mid" "prize field piles" "hand hand hand";padding-top:env(safe-area-inset-top);overflow:hidden;background:radial-gradient(70% 45% at 50% 50%,rgba(255,255,255,.035),transparent 70%),var(--bg);isolation:isolate}.opp-hand{grid-area:ohand;position:relative;display:flex;justify-content:center;align-items:flex-start}.opp-hand .fan{display:flex;transform:translateY(-58%)}.opp-hand .fan .card{margin:0 -9px}.opp-hand .count{position:absolute;top:6px;left:50%;transform:translate(-50%)}.table-menu{position:absolute;top:2px;right:6px;z-index:5}.side-col{display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 0;min-height:0}.side-col.opp{justify-content:flex-start}.side-col.me{justify-content:flex-end}.oprize{grid-area:oprize}.opiles{grid-area:opiles}.prize{grid-area:prize}.piles{grid-area:piles}.pile{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:none;padding:0;--pile-w: calc(var(--side-w) - 18px)}.pile .stack{position:relative;width:var(--pile-w);aspect-ratio:63 / 88}.pile .stack>*{position:absolute;left:0}.pile .slot-empty{--w: var(--pile-w);width:var(--pile-w)}.count.lost{border:0;gap:3px;display:inline-flex;align-items:center}.count{display:inline-grid;place-items:center;min-width:28px;height:20px;padding:0 7px;border-radius:var(--r-pill);background:#181a1ed9;box-shadow:inset 0 1px #ffffff0f;font-size:11.5px;font-weight:700;color:var(--text-2);font-variant-numeric:tabular-nums}.pile .label{font-size:10px;color:var(--text-3);margin-top:-2px}.prize-stack .stack{height:calc(var(--pile-w) * 1.397 + 26px);aspect-ratio:auto}.field{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-height:0;padding:4px}.field.opp{grid-area:ofield}.field.me{padding-bottom:12px;border-radius:var(--r-lg);transition:background-color .2s ease}.field.me.drop-target{background:radial-gradient(60% 60% at 50% 40%,rgba(143,230,255,.07),transparent 70%)}.field.me{grid-area:field}.active-zone{flex:1 1 0;min-height:0;display:flex;justify-content:center;align-items:center;container-type:size}.active-zone>*{--active-w: min(calc(94cqh / var(--card-ratio)), 40cqw)}.field.opp .active-zone{align-items:flex-end}.field.me .active-zone{align-items:flex-start}.bench-zone{flex:1.45 1 0;min-height:0;container-type:size;border-radius:var(--r-md);background:#14161a29;box-shadow:inset 0 1px 4px #00000038,inset 0 -1px #ffffff08;transition:box-shadow .2s ease,background-color .2s ease}.bench-grid{height:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:5px;padding:6px}.bench-grid>*{flex:none}.bench-zone.drop-target{background:#8fe6ff0f;box-shadow:inset 0 0 0 1.5px #8fe6ff73,inset 0 2px 8px #0000004d}.bench-zone.drop-hover{background:#8fe6ff1f}.bench-zone .empty-hint{width:100%;text-align:center;align-self:center;font-size:12px;color:var(--text-3)}.slot-empty{width:var(--w);aspect-ratio:63 / 88;border-radius:calc(var(--w) * .06);background:#0000001f;box-shadow:inset 0 2px 6px #0000004d,inset 0 -1px #ffffff0a;flex:none}.mon{position:relative;border:0;padding:0;background:none;flex:none;border-radius:calc(var(--w) * .05);touch-action:manipulation;transition:scale .2s var(--ease-out),filter .2s ease}.mon:active{scale:.97}.mon .hp{position:absolute;top:-6px;right:-5px;min-width:26px;text-align:center;background:#f0f2f5f5;color:#23262b;font-size:max(10.5px,calc(var(--w) * .13));font-weight:800;font-variant-numeric:tabular-nums;padding:1px 6px;border-radius:var(--r-pill);box-shadow:0 2px 6px #00000073;z-index:2}.mon .hp.low{background:#ffd0d0;color:#8a1f24}.mon .dmg{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);background:#d64046f2;color:#fff;font-weight:800;font-size:max(11px,calc(var(--w) * .17));font-variant-numeric:tabular-nums;min-width:calc(var(--w) * .44);padding:1px 6px;border-radius:var(--r-pill);box-shadow:0 0 0 2px #ffffffd9,0 4px 10px #00000080;z-index:2}.mon .energies{position:absolute;left:3px;bottom:3px;display:flex;flex-wrap:wrap;gap:2px;max-width:calc(100% - 6px);z-index:2}.mon .energies .energy{--size: max(11px, calc(var(--w) * .16))}.mon .tool{position:absolute;right:3px;bottom:3px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#f0f2f5;color:#3a3f47;box-shadow:0 1px 4px #00000080;z-index:2}.mon .conditions{position:absolute;left:-5px;top:-6px;display:flex;gap:2px;z-index:2}.mon .conditions span{font-size:9.5px;font-weight:700;background:#5b4a86;color:#fff;border-radius:var(--r-pill);padding:1px 6px;box-shadow:0 1px 4px #00000080}.mon.hit{animation:shake .42s var(--ease-out)}@keyframes shake{0%,to{translate:0 0}20%{translate:-6px 2px}40%{translate:5px -2px}60%{translate:-3px 1px}80%{translate:2px 0}}.targetable,.drop-target-slot{cursor:pointer}.targetable .card,.drop-target-slot .card,.targetable.slot-empty{box-shadow:0 0 0 2px var(--glow),0 0 18px 2px var(--glow-soft),0 8px 16px -8px #0009;animation:glow-pulse 1.4s ease-in-out infinite alternate}.drop-hover .card{box-shadow:0 0 0 3px #fff,0 0 26px 6px var(--glow-soft)}.picked .card{box-shadow:0 0 0 3px #fff,0 0 22px 4px var(--glow-soft)}@keyframes glow-pulse{0%{filter:brightness(1)}to{filter:brightness(1.12)}}.midline{grid-area:mid;position:relative;display:grid;grid-template-columns:var(--side-w) minmax(0,1fr) auto;align-items:center;gap:6px;padding:0 8px 0 0}.midline:before{content:"";position:absolute;left:10%;right:10%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);z-index:-1}.stadium-slot{position:absolute;left:calc(var(--side-w) + 4px);top:50%;z-index:3;translate:0 -50%;border:0;padding:0;background:none;--stadium-w: min(21vw, calc(16dvh / var(--card-ratio)), 96px)}.stadium-slot .card{box-shadow:0 14px 24px -10px #000000b3}.midline.has-stadium .ticker{padding-left:calc(min(21vw,calc(16dvh / var(--card-ratio)),96px) - var(--side-w) + 16px)}.midline .ticker{min-width:0;text-align:center;font-size:12px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:none;padding:0 4px}.midline .actions{display:flex;align-items:center;gap:6px}.end-turn{flex-direction:column;gap:0;width:78px;min-height:48px;padding:4px 8px;border-radius:var(--r-md);font-size:12.5px;font-weight:700;line-height:1.15;text-align:center;color:var(--text)}.end-turn span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.end-turn.waiting{font-weight:500}.hand{grid-area:hand;position:relative;display:flex;align-items:flex-start;gap:0;overflow-x:auto;overflow-y:hidden;padding:26px 16px 0;background:linear-gradient(180deg,#00000038,#00000052);box-shadow:inset 0 1px #ffffff0f,inset 0 8px 14px -10px #0009;scrollbar-width:none;touch-action:pan-x;--hand-w: clamp(84px, 27vw, 126px);-webkit-mask:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent);mask:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent)}.hand::-webkit-scrollbar{display:none}.hand-card{position:relative;border:0;padding:0;background:none;margin-right:calc(var(--hand-w) * -.16);touch-action:pan-x;transition:translate .25s var(--ease-out),opacity .2s ease}.hand-card:last-child{margin-right:0}.hand-card.playable,.hand-card.selectable{translate:0 -10px;z-index:1}.hand-card.playable .card,.hand-card.selectable .card{box-shadow:0 0 0 2px var(--glow),0 0 16px 2px var(--glow-soft),0 10px 18px -8px #000000b3}.hand-card.playable:before,.hand-card.selectable:before{content:"";position:absolute;top:-11px;left:50%;width:26px;height:7px;margin-left:-13px;border-radius:4px 4px 0 0;background:var(--glow);clip-path:polygon(15% 100%,50% 0,85% 100%);filter:drop-shadow(0 0 6px var(--glow));opacity:.9}.hand-card.lifting{opacity:0}.hand-card:active:not(.lifting){translate:0 -16px}.drag-ghost{position:fixed;left:0;top:0;z-index:80;pointer-events:none;will-change:transform}.drag-ghost .card{box-shadow:0 30px 50px -16px #000c,0 0 0 2px #ffffffd9,0 0 24px 4px var(--glow-soft)}.table-prompt{position:absolute;left:50%;top:calc(env(safe-area-inset-top) + 4px);transform:translate(-50%);z-index:30;width:min(94%,440px);display:flex;align-items:center;gap:8px;padding:8px 8px 8px 16px;border-radius:var(--r-lg);background:#282b30eb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--sh-float);animation:drop-in .4s var(--spring)}.table-prompt .source{font-size:12.5px;color:var(--glow)}.table-prompt p{display:inline;margin:0;font-size:13.5px;line-height:1.35;color:var(--text)}.table-prompt .btn{flex:none}@keyframes drop-in{0%{opacity:0;transform:translate(-50%,-14px) scale(.96)}}.banner{position:absolute;left:50%;top:50%;z-index:30;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;padding:10px 30px 12px;border-radius:var(--r-lg);background:#282b30eb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--sh-float);font-weight:800;font-size:22px;letter-spacing:.04em;color:var(--text);white-space:nowrap;animation:banner 1.7s var(--ease-out) forwards}.banner:after{content:"";width:100%;height:3px;border-radius:var(--r-pill);background:var(--holo);animation:banner-rule 1.7s var(--ease-out) forwards}@keyframes banner{0%{opacity:0;transform:translate(-50%,-40%) scale(.92)}18%,80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-56%) scale(1)}}@keyframes banner-rule{0%{transform:scaleX(0)}35%{transform:scaleX(1)}}.midline:has(.banner) .ticker{opacity:0}.target-hint{position:absolute;left:50%;bottom:calc(var(--hand-h) + 10px);transform:translate(-50%);width:min(92%,420px);display:flex;align-items:center;gap:10px;background:#282b30eb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:var(--r-pill);padding:6px 6px 6px 20px;z-index:35;font-size:14px;box-shadow:var(--sh-float);animation:rise-in .35s var(--spring)}.target-hint.toast{padding:12px 20px;color:#ffd0d0;border-radius:var(--r-lg)}@keyframes rise-in{0%{opacity:0;transform:translate(-50%,12px)}}.inspect{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;background:#16181c8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fade .25s ease;padding-top:calc(env(safe-area-inset-top) + 3dvh)}.inspect.closing{animation:fade-out .22s ease forwards}.inspect-card{position:relative;flex:none;perspective:900px;z-index:2}.inspect-card .tilt{position:relative;transform-style:preserve-3d;animation:settle .9s var(--spring);transition:transform .25s var(--ease-out)}.inspect-card{touch-action:none}.inspect-card .card{box-shadow:0 34px 60px -20px #000000d9}@keyframes settle{0%{transform:rotateX(14deg) rotateY(-10deg)}}.hp-badge{position:absolute;top:-14px;right:-16px;z-index:4;display:flex;align-items:center;gap:6px;padding:4px 10px 4px 14px;border-radius:var(--r-md);background:#f2f3f5;color:#1f2226;font-weight:800;font-size:26px;font-variant-numeric:tabular-nums;box-shadow:0 8px 18px -6px #0009}.hp-badge small{font-size:13px;color:#6a6f78;font-weight:700}.inspect-panel{position:relative;z-index:3;width:100%;max-width:520px;margin-top:-18px;flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:18px 16px calc(96px + env(safe-area-inset-bottom));border-radius:var(--r-xl) var(--r-xl) 0 0;background:linear-gradient(180deg,#2a2d33f7,#1f2125fa 120px);box-shadow:0 -10px 30px -10px #0009,inset 0 1px #ffffff14;animation:rise .45s var(--ease-drawer);scrollbar-width:none}.inspect-panel h3{margin:0;font-weight:800;font-size:19px}.inspect-panel .sub{font-size:13px;color:var(--text-2)}.inspect-close{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 18px);transform:translate(-50%);z-index:5}.inspect-close:active:not(:disabled){transform:translate(-50%) scale(.95)}.facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fact{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;padding:6px 14px;border-radius:var(--r-sm);background:var(--well);box-shadow:var(--sh-inset);font-size:13px;color:var(--text-2)}.fact strong{display:inline-flex;align-items:center;gap:4px;color:var(--text);font-weight:700}.fact.wide{grid-column:1 / -1}.fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;pointer-events:none;overflow:hidden}.fx{position:absolute;width:0;height:0}.fx i{position:absolute;left:0;top:0;width:var(--s, 14px);height:var(--s, 14px);margin:calc(var(--s, 14px) / -2);border-radius:50%;background:var(--c, #fff);opacity:0;animation:fx-burst var(--d, .8s) var(--ease-out) var(--delay, 0s) forwards}@keyframes fx-burst{0%{opacity:1;transform:translate(0) scale(.4) rotate(0)}70%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(var(--end, 1)) rotate(var(--rot, 0deg))}}.fx .flash{position:absolute;left:0;top:0;width:160px;height:160px;margin:-80px;border-radius:50%;background:radial-gradient(circle,var(--flash, rgba(255, 255, 255, .9)),transparent 65%);animation:fx-flash .55s var(--ease-out) forwards}@keyframes fx-flash{0%{opacity:0;transform:scale(.3)}25%{opacity:1}to{opacity:0;transform:scale(1.4)}}.fx .ring{position:absolute;left:0;top:0;width:120px;height:120px;margin:-60px;border-radius:50%;border:3px solid var(--ringc, rgba(255, 255, 255, .9));opacity:0;animation:fx-ring .7s var(--ease-out) var(--delay, 0s) forwards}@keyframes fx-ring{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.6)}}.fx .bolt{position:absolute;left:-30px;top:-110px;width:60px;height:120px;color:#ffe45c;filter:drop-shadow(0 0 10px #ffe45c);animation:fx-bolt .5s steps(2) forwards}@keyframes fx-bolt{0%,60%{opacity:1}30%,to{opacity:0}}.fx .slash{position:absolute;left:-60px;top:-4px;width:120px;height:6px;border-radius:var(--r-pill);background:var(--c, #fff);box-shadow:0 0 12px var(--c, #fff);transform:rotate(var(--rot)) scaleX(0);animation:fx-slash .45s var(--ease-out) var(--delay, 0s) forwards}@keyframes fx-slash{0%{transform:rotate(var(--rot)) scaleX(0);opacity:1}50%{transform:rotate(var(--rot)) scaleX(1);opacity:1}to{transform:rotate(var(--rot)) scaleX(1);opacity:0}}.fx .number{position:absolute;left:0;top:0;transform:translate(-50%,-50%);font-weight:800;font-size:34px;color:#fff;text-shadow:0 3px 0 rgba(150,30,40,.9),0 6px 18px rgba(0,0,0,.6);animation:fx-number 1.1s var(--ease-out) .15s both}@keyframes fx-number{0%{opacity:0;transform:translate(-50%,-20%) scale(.6)}20%{opacity:1;transform:translate(-50%,-60%) scale(1.15)}35%{transform:translate(-50%,-60%) scale(1)}to{opacity:0;transform:translate(-50%,-140%) scale(1)}}.coin{position:absolute;left:50%;top:46%;width:92px;height:92px;margin:-46px;perspective:600px}.coin .face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:50%;backface-visibility:hidden;font-weight:800;font-size:13px}.coin .spin{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;animation:coin-spin 1.1s var(--ease-out) forwards}.coin .heads{background:radial-gradient(circle at 35% 30%,#fff3b0,#f0c636 60%,#c79a1a);color:#3d2c00;box-shadow:inset 0 0 0 4px #ffffff59,0 10px 24px #00000080}.coin .heads:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#3d2c00;opacity:.85;-webkit-mask:url(/mareep.svg) center / 62% no-repeat;mask:url(/mareep.svg) center / 62% no-repeat}.coin .tails{background:radial-gradient(circle at 35% 30%,#5a5f69,#2c2f35 70%);color:var(--text-2);transform:rotateY(180deg);box-shadow:inset 0 0 0 4px #ffffff1f,0 10px 24px #00000080}.coin.tails-up .spin{animation-name:coin-spin-tails}.coin .result{position:absolute;top:100%;left:50%;margin-top:10px;transform:translate(-50%);white-space:nowrap;font-weight:800;font-size:18px;text-shadow:0 2px 10px rgba(0,0,0,.6);animation:fade .3s ease 1s both}@keyframes coin-spin{0%{transform:rotateY(0) translateY(-40px)}60%{transform:rotateY(1800deg) translateY(-10px)}to{transform:rotateY(2160deg) translateY(0)}}@keyframes coin-spin-tails{0%{transform:rotateY(0) translateY(-40px)}60%{transform:rotateY(1980deg) translateY(-10px)}to{transform:rotateY(2340deg) translateY(0)}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14161a8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:40;display:flex;align-items:flex-end;justify-content:center;animation:fade .24s ease}.sheet-backdrop.closing{animation:fade-out .2s ease forwards}.sheet-backdrop.peek{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}.sheet{position:relative;width:100%;max-width:560px;max-height:88dvh;background:linear-gradient(180deg,#2a2d33,#212327 140px);border-top-left-radius:var(--r-xl);border-top-right-radius:var(--r-xl);display:flex;flex-direction:column;animation:rise .45s var(--ease-drawer);pointer-events:auto;padding-bottom:env(safe-area-inset-bottom);box-shadow:inset 0 1px #ffffff17,0 -16px 48px #00000080}.closing .sheet{animation:sink .2s var(--ease-out) forwards}.sheet:before{content:"";position:absolute;top:8px;left:50%;width:40px;height:5px;margin-left:-20px;border-radius:var(--r-pill);background:#ffffff24}.sheet.collapsed .sheet-body,.sheet.collapsed .sheet-footer{display:none}.sheet-header{padding:24px 16px 10px 20px;display:flex;align-items:flex-start;gap:10px}.sheet-header h3{margin:0;font-size:18px;font-weight:700;line-height:1.35;flex:1;padding-top:8px}.sheet-header .source{display:block;font-size:13px;font-weight:500;color:var(--glow);margin-bottom:2px}.sheet-body{overflow-y:auto;padding:4px 20px 18px;display:flex;flex-direction:column;gap:16px;scrollbar-width:none}.sheet-footer{padding:12px 20px 18px;display:flex;gap:10px}.sheet-footer .btn{flex:1}@keyframes rise{0%{transform:translateY(100%)}}@keyframes sink{to{transform:translateY(100%)}}@keyframes fade{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}.section{display:flex;flex-direction:column;gap:12px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:14px 10px;justify-items:center}.card-grid>button{border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;color:var(--text-2);transition:transform .18s var(--ease-out)}.card-grid>button:active{transform:scale(.96)}.list{display:flex;flex-direction:column;gap:10px}.list-item{display:flex;align-items:center;gap:10px;width:100%;min-height:54px;text-align:left;border:0;background:var(--raised);border-radius:var(--r-md);padding:10px 16px;box-shadow:var(--sh-raised);transition:transform .16s var(--ease-out)}button.list-item:active:not(:disabled){transform:scale(.985)}.list-item.selected{background:linear-gradient(180deg,#30333a,#27292e) padding-box,var(--holo) border-box;border:1.5px solid transparent}.list-item:disabled{opacity:.45}.attack{display:flex;flex-direction:column;gap:8px;background:var(--raised);border-radius:var(--r-md);padding:14px 16px;box-shadow:var(--sh-raised)}.attack.usable{background:linear-gradient(180deg,#30333a,#27292e) padding-box,var(--holo) border-box;border:1.5px solid transparent}.attack-head{display:flex;align-items:center;gap:10px}.attack-head .name{font-weight:700;flex:1;color:var(--text)}.attack-head .kind{font-size:11.5px;font-weight:700;color:var(--glow);padding:2px 8px;border-radius:var(--r-pill);background:#8fe6ff1a}.attack-head .damage{font-weight:800;font-size:22px;font-variant-numeric:tabular-nums}.attack p{margin:0;font-size:13.5px;color:var(--text-2);line-height:1.5}.hp-bar{height:7px;border-radius:var(--r-pill);background:var(--well);box-shadow:var(--sh-inset);overflow:hidden}.hp-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#67c97e,#9ff0b2);transition:width .5s var(--ease-out)}.hp-bar i.low{background:linear-gradient(90deg,#e2575d,#ff9c9c)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--r-pill);background:var(--well);box-shadow:var(--sh-inset);font-size:12.5px;color:var(--text-2)}.zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#14161ab3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;place-items:center;animation:fade .18s ease}.zoom .card{animation:zoom-in .45s var(--spring);box-shadow:0 30px 80px -20px #000000e6}@keyframes zoom-in{0%{transform:scale(.9) translateY(12px);opacity:0}}.log-entry{font-size:13.5px;padding:9px 0;color:var(--text-2);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent) bottom / 100% 1px no-repeat}.log-entry.turn{color:var(--text);font-weight:700;background:none;padding-top:18px;text-align:center}.connection-pill{position:fixed;top:calc(env(safe-area-inset-top) + 8px);left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;background:#282b30eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);font-size:12.5px;padding:6px 14px;border-radius:var(--r-pill);box-shadow:var(--sh-float);z-index:90}.connection-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--volt);animation:blink 1s ease-in-out infinite}@keyframes blink{50%{opacity:.25}}.game-over{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#1e2025b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;animation:fade .35s ease}.game-over h2{font-weight:800;font-size:46px;letter-spacing:.02em;margin:0;animation:zoom-in .6s var(--spring) .1s both}.game-over .holo-rule{width:160px;animation:banner-rule 1s var(--ease-out) both}.game-over p{margin:0 0 14px;color:var(--text-2)}.game-over .btn{min-width:230px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}