:root{--bg:#0b1018;--surface:#0e1422f5;--surface-2:#182032eb;--border:#ffffff1f;--hairline:#ffffff1a;--text:#eef2f7;--muted:#97a3b4;--accent:#ffcb05;--accent-2:#3d7dca;--gold:#f6c544;--gold-2:#e09a1e;--danger:#e3350d;--ok:#4fc36d;--playable:#4db6ff;--target:#ffd84d;--picked:#5ed684;--radius:10px;--r-3:16px;--shadow-1:0 2px 8px #00000080;--shadow-2:0 12px 40px #0009;--ease:cubic-bezier(.16, 1, .3, 1);--font-display:Fredoka, Inter, system-ui, sans-serif;--font-ui:Inter, system-ui, sans-serif;--hand-w:clamp(70px, min(13.5vh, 9.5vw), 156px);--hand-peek:.6;--top-h:66px;--bottom-h:calc(var(--hand-w) * 1.397 * var(--hand-peek) + 10px);--cw:clamp(40px, min(6.8vw, calc((100dvh - var(--top-h) - var(--bottom-h) - 84px) / 8.1)), 112px);--ch:calc(var(--cw) * 1.397);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-tap-highlight-color:transparent;font-size:15px;overflow:hidden}button{font:inherit;color:inherit}h2{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin:18px 0 8px;font-size:.8rem;font-weight:600}.btn{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:7px 14px;transition:border-color .15s,background .15s,transform .1s;display:inline-flex}.btn:hover:not(:disabled){border-color:#ffffff59}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled,.btn.disabled{opacity:.45;cursor:default}.btn.primary{color:#2a1700;background:linear-gradient(#ffbe4d,#e3861c);border-color:#ffd27a;font-weight:700}.btn.on{background:#6b4fd8;border-color:#9a83ff}.btn.ghost{background:0 0}.btn.big{border-radius:14px;padding:11px 22px;font-size:1.05rem}.btn.small{padding:4px 10px;font-size:.85rem}.btn.danger{background:#5a1d14;border-color:#b8442c}.icon-btn{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:50%;place-items:center;width:34px;height:34px;font-size:.95rem;line-height:1;display:inline-grid}.main-button{border:1px solid var(--border);background:var(--surface-2);min-width:180px;height:54px;color:var(--muted);font-family:var(--font-display);letter-spacing:.01em;cursor:default;border-radius:27px;padding:0 28px;font-size:1.15rem;font-weight:600}.main-button.hot{color:#2a1500;cursor:pointer;background:linear-gradient(#ffbe4d,#e07b1a);border-color:#ffd889;box-shadow:0 0 0 3px #ffbe4d2e,0 8px 26px #e07b1a73}.main-button.hot:hover:not(:disabled){filter:brightness(1.08)}.main-button.hot:disabled{filter:grayscale(.6);opacity:.6;cursor:default}.seg{border:1px solid var(--border);background:#00000040;border-radius:999px;display:inline-flex;overflow:hidden}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:5px 13px}.seg button.on{color:var(--gold);background:#f6c54438;font-weight:600}.check{cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:flex}.check input{accent-color:var(--gold)}:root{--noise-fine:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--noise-coarse:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.22' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.13 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--hex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0l28 16v32L28 64 0 48V16zM28 64v33' fill='none' stroke='%23fff' stroke-opacity='0.05' stroke-width='1.2'/%3E%3C/svg%3E");--waves:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='40'%3E%3Cpath d='M0 20 Q15 8 30 20 T60 20 T90 20 T120 20' fill='none' stroke='%23bff' stroke-opacity='0.07' stroke-width='2'/%3E%3C/svg%3E");--stripes:repeating-linear-gradient(135deg, #ffdc500d 0 18px, transparent 18px 46px);--stars:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg fill='%23fff'%3E%3Ccircle cx='12' cy='20' r='1.2' opacity='.5'/%3E%3Ccircle cx='90' cy='44' r='.8' opacity='.4'/%3E%3Ccircle cx='140' cy='110' r='1.4' opacity='.45'/%3E%3Ccircle cx='50' cy='130' r='.9' opacity='.35'/%3E%3Ccircle cx='120' cy='12' r='.7' opacity='.4'/%3E%3C/g%3E%3C/svg%3E");--leaves:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cpath d='M20 30c10-12 26-10 30 0-10 10-24 10-30 0zM62 70c8-10 22-8 25 0-8 8-20 8-25 0z' fill='%23dfffc0' fill-opacity='0.05'/%3E%3C/svg%3E")}[data-board]{--bd-0:#061226;--bd-1:#123a78;--bd-pool:#59b0ff;--bd-line:#ffffff47;--bd-tex:var(--hex);background:var(--bd-tex), radial-gradient(ellipse 55% 42% at 50% 50%, color-mix(in srgb, var(--bd-pool) 32%, transparent), transparent 70%), radial-gradient(ellipse 120% 95% at 50% 50%, var(--bd-1), var(--bd-0) 80%);background-color:var(--bd-0)}[data-board=meadow]{--bd-0:#04140a;--bd-1:#1d5b2b;--bd-pool:#9be06c;--bd-line:#ebffdc4d;--bd-tex:var(--leaves), var(--noise-fine)}[data-board=ocean]{--bd-0:#021422;--bd-1:#0a4f73;--bd-pool:#57d6ff;--bd-line:#d2faff4d;--bd-tex:var(--waves), var(--noise-fine)}[data-board=volcano]{--bd-0:#170403;--bd-1:#6b1c09;--bd-pool:#ff8a3d;--bd-line:#ffdcbe4d;--bd-tex:var(--noise-coarse)}[data-board=thunder]{--bd-0:#120e04;--bd-1:#4d3d08;--bd-pool:#ffd84d;--bd-line:#fff0b44d;--bd-tex:var(--stripes), var(--noise-fine)}[data-board=psychic]{--bd-0:#0f0420;--bd-1:#4a1d72;--bd-pool:#ea7bff;--bd-line:#ffdcff47;--bd-tex:var(--stars), var(--noise-fine)}[data-board=night]{--bd-0:#05070b;--bd-1:#1a2332;--bd-pool:#6f8fb8;--bd-line:#ffffff24;--bd-tex:var(--noise-fine)}[data-board=pokeball]{--bd-0:#0c0d12;--bd-1:#2a303d;--bd-pool:#ff6a5a;--bd-line:#ffffff59;background:var(--noise-fine), radial-gradient(ellipse 120% 95% at 50% 50%, transparent 55%, #0000008c), linear-gradient(180deg, #8c1a14 0, #b8261c 45%, #15171c 45%, #15171c 55%, #39404e 55%, #2a303b 100%);background-color:#15171c}.home{flex-direction:column;height:100dvh;display:flex;overflow:auto}.home-top{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--hairline);background:#060a128c;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 18px;display:flex;position:sticky;top:0}.home-top .spacer{flex:1}.brand{font-family:var(--font-display);letter-spacing:.02em;background:linear-gradient(#ffe066,#f2a20d);color:#0000;text-shadow:0 2px 10px #f2a20d40;-webkit-background-clip:text;background-clip:text;margin:0 8px 0 0;font-size:1.6rem;font-weight:700}.brand small{font-family:var(--font-ui);color:var(--muted);-webkit-text-fill-color:var(--muted);margin-left:6px;font-size:.7rem;font-weight:500}.home-main{width:100%;max-width:1180px;margin:0 auto;padding:18px 18px 110px}.tagline{color:var(--muted);text-align:center}.notice{cursor:pointer;background:#3a2a10;border:1px solid #7a5a20;border-radius:10px;margin:0 auto 14px;padding:8px 12px;display:block}.lobby-sides{grid-template-columns:1fr auto 1fr;align-items:start;gap:18px;margin-top:10px;display:grid}.vs{font-family:var(--font-display);color:var(--gold);text-shadow:0 4px 18px #f6c54459;align-self:center;font-size:2.6rem;font-weight:700}.side-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-3);box-shadow:var(--shadow-2);flex-direction:column;gap:12px;padding:14px;display:flex}.side-panel h2{margin:0}.deck-summary{border:2px solid var(--gold);cursor:pointer;text-align:left;background:#000;border-radius:12px;width:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 0 22px #f6c54438}.deck-cover{background-color:#222;background-position:50% 22%;background-size:128%;height:170px}.deck-summary .ds-info{background:linear-gradient(#0009,#0c1118);padding:10px 14px}.ds-name{font-weight:700}.ds-sub{color:var(--muted);font-size:.8rem}.change-pill{border:1px solid var(--border);background:#000000b3;border-radius:999px;padding:3px 10px;font-size:.8rem;position:absolute;top:10px;right:10px}.setting-line{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.play-bar{z-index:6;position:fixed;bottom:20px;right:22px}.lobby-tips{text-align:center;color:var(--muted);margin-top:26px;font-size:.85rem}.lobby-more{position:relative}.lobby-more>summary{cursor:pointer;list-style:none}.lobby-more>summary::-webkit-details-marker{display:none}.lobby-more-box{background:var(--surface);border:1px solid var(--border);width:330px;box-shadow:var(--shadow-2);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.deck-list{flex-wrap:wrap;gap:12px;display:flex}.deck-tile{background:var(--surface-2);border:2px solid var(--border);cursor:pointer;text-align:center;width:138px;transition:transform .15s var(--ease), border-color .15s;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:8px;font-size:.85rem;display:flex}.deck-tile:hover{transform:translateY(-2px)}.deck-tile.chosen{border-color:var(--gold);box-shadow:0 0 14px #f6c5444d}.deck-tile .card-face{width:104px}.card-face{aspect-ratio:63/88;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:4.5%;width:100%;display:block}.card-back{background:url(/img/card-back.svg) 50%/100% 100% no-repeat}.text-face{color:#1b1b1b;font-size:calc(var(--cw) * .11);background:linear-gradient(160deg,#f6eec2,#d9cfa0);flex-direction:column;gap:3%;padding:6%;display:flex;overflow:hidden}.tf-name{font-weight:700}.tf-text{font-size:.85em}.energy-face{background:radial-gradient(circle,#fff7 0 30%,#0000 60%),#888;border:3px solid #e8e8e8;align-content:center;place-items:center;gap:8%;display:grid}.ef-name{font-size:calc(var(--cw) * .1);color:#111;text-align:center;font-weight:700}.game{grid-template-rows:var(--top-h) minmax(0, 1fr) var(--bottom-h);isolation:isolate;height:100dvh;display:grid;position:relative;overflow:clip}.game.loading{color:var(--muted);grid-template-rows:1fr;place-items:center;display:grid}.top-row{z-index:4;align-items:flex-start;padding:8px 14px 0;display:flex;position:relative}.turn-info{color:var(--muted);align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex;position:absolute;top:16px;right:72px}.sudden-death{background:var(--danger);color:#fff;border-radius:999px;padding:1px 9px;font-size:.8em}.table{grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);gap:4px;min-height:0;padding:2px 14px;display:grid}.side{grid-template-columns:calc(var(--cw) * 1.45) minmax(0, 1fr) calc(var(--cw) * 1.25);min-height:0;width:min(100%, calc(var(--cw) * 13));background:linear-gradient(180deg, color-mix(in srgb, var(--bd-pool,#fff) 7%, transparent), #0000001f);border:1px solid color-mix(in srgb, var(--bd-line,#fff) 45%, transparent);border-radius:20px;align-items:center;gap:10px;margin:0 auto;padding:6px 12px;display:grid;box-shadow:inset 0 0 40px #00000040}.side-main{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.bench{gap:calc(var(--cw) * .2);padding:4px 10px calc(var(--cw) * .22);border-radius:14px;justify-content:center;transition:background .2s,box-shadow .2s;display:flex}.active-spot{padding:4px 14px calc(var(--cw) * .22);border-radius:14px;justify-content:center;transition:background .2s,box-shadow .2s;display:flex}.bench.drop,.active-spot.drop{background:#4db6ff1a;box-shadow:inset 0 0 0 2px #4db6ff8c}.slot-empty{width:var(--cw);height:var(--ch);border:2px dashed color-mix(in srgb, var(--bd-line,#fff) 70%, transparent);opacity:.55;border-radius:7px}.slot-empty.active{width:calc(var(--cw) * 1.25);height:calc(var(--ch) * 1.25)}.center-line{min-height:calc(var(--ch) * .62);justify-content:center;align-items:center;display:flex;position:relative}.center-line:before{content:"";border-top:2px solid var(--bd-line,#fff3);opacity:.8;position:absolute;top:50%;left:4%;right:4%}.center-line:after{content:"";width:calc(var(--ch) * .66);height:calc(var(--ch) * .66);border:2px solid var(--bd-line,#fff3);background:radial-gradient(circle, color-mix(in srgb, var(--bd-pool,#fff) 18%, transparent), transparent 70%);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stadium{z-index:1;width:calc(var(--cw) * .78);position:relative}.stadium .card-face{box-shadow:var(--shadow-1);transform:rotate(90deg)}.no-stadium{text-align:center;color:var(--bd-line,#ffffff4d);opacity:.8;font-size:.7rem;display:block}.error-toast{z-index:25;box-shadow:var(--shadow-2);text-align:center;background:#5a1d14;border:1px solid #c2492f;border-radius:999px;max-width:min(90vw,620px);padding:7px 16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.turn-banner{z-index:15;font-family:var(--font-display);white-space:nowrap;pointer-events:none;background:linear-gradient(90deg,#0000,#080a10e6 22% 78%,#0000);padding:10px 70px;font-size:clamp(1.3rem,2.6vw,2.1rem);font-weight:700;position:absolute;top:50%;left:50%;translate:-50% -50%}.turn-banner.mine{color:var(--gold)}.turn-banner.theirs{color:#ff8a6b}.bottom-row{z-index:6;grid-template-columns:minmax(200px,1fr) minmax(0,2.6fr) minmax(200px,1fr);align-items:end;gap:8px;padding:0 14px;display:grid;position:relative}.bottom-right{flex-direction:column;align-items:flex-end;gap:8px;padding-bottom:14px;display:flex}.bottom-row>.player-bar{align-self:end;padding-bottom:12px}.player-bar{align-items:center;gap:12px;min-width:0;display:flex}.avatar{width:56px;height:56px;font-family:var(--font-display);--tint:#5fa8ff;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--tint) 75%, #fff), color-mix(in srgb, var(--tint) 45%, #000));box-shadow:0 0 0 2px #00000080, var(--shadow-1);border-radius:50%;flex:none;place-items:center;font-size:1.2rem;font-weight:700;display:grid;position:relative}.player-bar.opp .avatar{--tint:#ff7b5f}.player-bar.turn .avatar{box-shadow:0 0 0 3px var(--gold), 0 0 18px #f6c54499}.prize-pill{border:1px solid var(--gold);text-align:center;background:#0b0f17;border-radius:999px;min-width:32px;padding:0 8px;font-size:.95rem;line-height:1.35;position:absolute;bottom:-9px;left:50%;translate:-50%}.pb-info{flex-direction:column;gap:4px;min-width:0;display:flex}.pb-name{white-space:nowrap;text-shadow:0 1px 3px #000000b3;align-items:center;gap:8px;font-weight:700;display:flex}.turn-chip{color:#04200c;background:#4fc36dd9;border-radius:999px;padding:1px 9px;font-size:.75rem;font-weight:700}.player-bar.opp .turn-chip{color:#2a0800;background:#ff7b5fe6}.pb-counters{flex-wrap:wrap;gap:6px;display:flex}.counter{border:1px solid var(--hairline);color:#d8dee8;background:#00000073;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:.8rem;display:inline-flex}button.counter{cursor:pointer}.ic{border-radius:2px;width:10px;height:13px;display:inline-block}.ic-deck{background:linear-gradient(#2f7be0,#123a85);box-shadow:2px -2px 0 -1px #6aa0e8}.ic-hand{border:1.5px solid #cfd6e2;transform:rotate(-8deg)}.ic-discard{background:#8a93a3;transform:rotate(10deg)}.ic-lost{background:#a35bd6;border-radius:50%;height:10px}.opp-hand{left:50%;top:calc(var(--ch) * -.4);width:0;height:var(--ch);pointer-events:none;position:absolute;translate:-50%}.opp-hand-card{left:calc(var(--cw) * -.39);width:calc(var(--cw) * .78);transform-origin:50% -40%;position:absolute}.opp-hand-card .card-face{box-shadow:var(--shadow-1)}.drawer-toggle{z-index:30;border:1px solid var(--border);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0e16bf;border-radius:50%;width:42px;height:42px;font-size:1.2rem;position:absolute;top:10px;right:14px}.pokemon{width:var(--cw);color:inherit;cursor:pointer;transition:transform .15s var(--ease);background:0 0;border:0;border-radius:7px;padding:0;position:relative}.pokemon:hover{transform:translateY(-2px)}.pokemon.active{width:calc(var(--cw) * 1.25)}.pokemon.placing{filter:drop-shadow(0 0 8px #5ed68499)}.pokemon.targetable .pk-card{box-shadow:0 0 0 3px var(--target), 0 0 18px 4px color-mix(in srgb, var(--target) 55%, transparent);border-radius:6px;animation:1.2s ease-in-out infinite pulse}.pokemon.selected .pk-card{box-shadow:0 0 0 3px var(--playable), 0 0 16px 4px color-mix(in srgb, var(--playable) 55%, transparent);border-radius:6px}@keyframes pulse{50%{box-shadow:0 0 0 3px #fff2a8, 0 0 24px 7px color-mix(in srgb, var(--target) 40%, transparent)}}.pk-card{transition:transform .35s var(--ease);position:relative}.pk-card .card-face{box-shadow:var(--shadow-1)}.pk-card.rot-asleep{transform:rotate(-90deg)scale(.82)}.pk-card.rot-paralyzed{transform:rotate(90deg)scale(.82)}.pk-card.rot-confused{transform:rotate(180deg)}.pk-stack{transform:translate(calc(var(--n) * 3px), calc(var(--n) * -3px));z-index:-1;background:#2a2a2a;border-radius:5%;position:absolute;inset:0;box-shadow:0 0 0 1px #000}.pk-damage{z-index:2;text-align:center;min-width:2.2em;font-family:var(--font-display);font-weight:700;font-size:calc(var(--cw) * .18);background:radial-gradient(circle at 35% 30%,#ff6b4f,#b81d0e);border:2px solid #fff;border-radius:999px;padding:0 5px;position:absolute;top:16%;right:-12%;box-shadow:0 2px 8px #0009}.pk-hp{font-size:calc(var(--cw) * .13);white-space:nowrap;background:#000000c7;border-radius:999px;padding:0 7px;font-weight:700;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.pk-hp.low{color:#ff9a85}.pk-markers{z-index:2;gap:2px;display:flex;position:absolute;top:-6px;left:-6px}.marker{font-size:calc(var(--cw) * .11);border-radius:999px;padding:1px 6px;font-weight:700;display:inline-block}.marker.poison,.marker.burn{width:calc(var(--cw) * .24);height:calc(var(--cw) * .24);border:2px solid #fff;padding:0}.marker.poison{background:radial-gradient(circle at 35% 30%,#c46cff,#6d1fa6)}.marker.burn{background:radial-gradient(circle at 35% 30%,#ffa44f,#d0500e)}.marker[class*=cond-]{background:#33415a;border:1px solid #8aa}.pk-energy{flex-wrap:wrap;justify-content:center;gap:1px;display:flex;position:absolute;top:calc(100% + 1px);left:-12%;right:-12%}.pk-energy .energy{width:calc(var(--cw) * .21);height:calc(var(--cw) * .21)}.pk-tools{width:45%;position:absolute;top:40%;left:-28%}.pk-tool .card-face{box-shadow:0 1px 4px #0009}.energy{vertical-align:-.28em;filter:drop-shadow(0 1px 1px #0000008c);border-radius:50%;flex:none;width:1.3em;height:1.3em;display:inline-block}.energy.small{width:1.1em;height:1.1em}.energy.special{box-shadow:0 0 0 1.5px #fff,0 0 5px 1px #ffd84d}.energy.e-any{background:conic-gradient(#3fae49,#e8432a,#2f8fe0,#f7c51e,#9a52c7,#d1702a,#4a4f63,#9aa2ad,#3fae49)}.energy.e-free{vertical-align:middle;filter:none;background:currentColor;border-radius:1px;width:.9em;height:2px}.cost{align-items:center;gap:2px;display:inline-flex}.side-left,.side-right{flex-direction:column;align-items:center;gap:8px;display:flex}.prizes{grid-template-columns:repeat(2, calc(var(--cw) * .6));gap:4px;display:grid}.prize{height:calc(var(--ch) * .6)}.prize.taken{border:1px dashed color-mix(in srgb, var(--bd-line,#fff) 60%, transparent);opacity:.5;border-radius:4px}.prize .card-face{width:100%;box-shadow:0 1px 4px #00000080}.zone-count{text-align:center;color:#dbe2ec;text-shadow:0 1px 2px #000;grid-column:1/-1;font-size:.72rem}.pile{width:calc(var(--cw) * .95);cursor:pointer;background:0 0;border:0;flex-direction:column;gap:2px;padding:0;display:flex;position:relative}.pile .card-face{box-shadow:var(--shadow-1)}.pile-depth{aspect-ratio:63/88;z-index:-1;transform:translate(calc(var(--d) * 1px), calc(var(--d) * 1.5px));background:#0d2350;border-radius:5%;position:absolute;inset:0 0 auto;box-shadow:0 0 0 1px #0009}.pile .slot-empty{aspect-ratio:63/88;width:100%;height:auto}.hand{min-width:0;height:100%;position:relative}.hand-card{width:var(--hand-w);cursor:pointer;transform-origin:50% 120%;touch-action:none;background:0 0;border:0;padding:0;position:absolute}.hand-card .card-face{box-shadow:0 6px 16px #0000008c,0 0 0 1px #0006}.hand-card.playable .card-face{box-shadow:0 0 0 2px var(--playable), 0 0 14px 4px color-mix(in srgb, var(--playable) 55%, transparent), 0 6px 16px #0000008c}.hand-card.selected .card-face{box-shadow:0 0 0 3px var(--target), 0 0 18px 5px color-mix(in srgb, var(--target) 55%, transparent)}.action-panel{right:16px;bottom:calc(var(--bottom-h) + 22px);z-index:12;border:1px solid var(--border);border-radius:var(--r-3);width:min(330px,100vw - 32px);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0e18f0;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute}.ap-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600}.ap-hint{color:var(--muted);font-size:.85rem}.ap-buttons{flex-direction:column;gap:6px;display:flex}.ap-buttons .btn{white-space:normal;text-align:left;justify-content:flex-start}.ap-cancel{align-self:flex-end}.btn.attack{color:var(--text);background:linear-gradient(#ffffff14,#ffffff05);border-color:#fff3;border-radius:12px;padding:9px 12px}.btn.attack.primary{border-color:#ffc861;box-shadow:inset 0 0 0 1px #ffc86159}.btn.attack.primary:hover{background:#ffbe4d29}.atk-name{flex:1;font-weight:600}.atk-dmg{font-family:var(--font-display);align-items:center;gap:6px;font-size:1.15rem;font-weight:700;display:inline-flex}.atk-ko{background:var(--danger);color:#fff;font-family:var(--font-ui);border-radius:6px;padding:0 5px;font-size:.7rem;font-weight:800}.btn.ability{background:#c24a452e;border-color:#c24a45}.ab-tag{color:#fff;text-transform:uppercase;background:#c24a45;border-radius:4px;padding:0 5px;font-size:.7rem;font-weight:800}.btn.retreat.on{background:#6b4fd8}.setup-bar{z-index:14;border:1px solid var(--border);text-align:center;background:#080a10d9;border-radius:14px;flex-direction:column;align-items:center;gap:2px;max-width:min(92vw,640px);padding:8px 18px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.setup-sum{color:var(--muted);font-size:.85rem}.scrim{z-index:40;opacity:0;pointer-events:none;background:#00000073;transition:opacity .25s;position:fixed;inset:0}.scrim.on{opacity:1;pointer-events:auto}.sidebar{z-index:41;background:var(--surface);border-left:1px solid var(--border);width:min(380px,92vw);box-shadow:var(--shadow-2);transition:transform .32s var(--ease);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(105%)}.sidebar.open{transform:none}.sidebar-head{border-bottom:1px solid var(--hairline);font-family:var(--font-display);justify-content:space-between;align-items:center;padding:12px 14px;font-size:1.1rem;display:flex}.settings{border-bottom:1px solid var(--hairline);flex-direction:column;gap:12px;padding:14px;display:flex}.setting-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.setting-row.buttons{gap:6px}.setting-label{min-width:70px;color:var(--muted);font-size:.85rem}.sound-control{align-items:center;gap:6px;display:flex}.sound-control input{width:110px;accent-color:var(--gold)}.swatches{flex-wrap:wrap;gap:7px;display:flex}.swatch{cursor:pointer;background-size:cover;border:2px solid #ffffff40;border-radius:50%;width:26px;height:26px;padding:0}.swatch.on{border-color:var(--gold);box-shadow:0 0 0 2px #f6c54459}.swatch.random{color:#fff;background:conic-gradient(#1d5b2b,#0a4f73,#6b1c09,#4d3d08,#4a1d72,#123a78,#1d5b2b);font-size:.8rem;font-weight:700}.journal{flex-direction:column;flex:1;min-height:0;padding:10px 14px;display:flex}.journal h3{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:.72rem}.journal-lines{flex:1;font-size:.85rem;overflow:auto}.journal-line{color:#d5dce6;padding:2px 0}.journal-turn{border-top:1px solid var(--hairline);color:var(--gold);margin:8px 0 4px;padding-top:6px;font-weight:600}.preview{z-index:35;pointer-events:none;filter:drop-shadow(0 14px 30px #000000b3);width:min(360px,44dvh,40vw);position:fixed;top:50%;left:16px;transform:translateY(-50%)}.preview.right{left:auto;right:16px}.prompt{z-index:20;border:1px solid var(--border);background:#141a24f7;border-radius:14px;flex-direction:column;gap:10px;max-width:min(94vw,980px);max-height:82dvh;padding:14px 16px;display:flex;position:absolute;top:46%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0009}.prompt-text{font-size:1.05rem;font-weight:700}.prompt-actions{justify-content:center;gap:8px;display:flex}.prompt-count,.options-sub{color:var(--muted);text-align:center;font-size:.85rem}.prompt-show{z-index:20;position:absolute;top:46%;left:50%;transform:translate(-50%)}.options{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.options.dim{opacity:.45}.option{background:var(--surface);border:2px solid var(--border);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:4px;display:flex}.option.chosen{border-color:var(--accent);background:#2c3443}.option.disabled{cursor:default}.opt-card,.opt-pokemon{width:calc(var(--cw) * 1.1);position:relative}.opt-label{padding:6px 12px;font-weight:600}.number{justify-content:center;align-items:center;gap:8px;display:flex}.number-value{text-align:center;min-width:2em;font-size:1.2rem;font-weight:800}.modal{z-index:30;background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;gap:12px;max-width:min(94vw,900px);max-height:84dvh;padding:16px;display:flex;overflow:auto}.modal-title{font-weight:700}.end-title{font-size:2.2rem;font-weight:800}.end-title.won{color:var(--accent)}.end-title.lost{color:#e57373}.coin-layer{z-index:28;pointer-events:none;background:#00000040;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.reveal-layer{z-index:27;pointer-events:none;background:#00000059;flex-direction:column;justify-content:center;align-items:center;gap:12px;animation:.25s ease-out reveal-in;display:flex;position:absolute;inset:0}.reveal-title{color:#fff;text-shadow:0 1px 3px #000c;font-weight:700}.reveal-cards{flex-wrap:wrap;justify-content:center;gap:8px;max-width:min(92vw,900px);padding:0 16px;display:flex}.reveal-card{border-radius:6px;width:clamp(64px,11vw,130px);box-shadow:0 4px 14px #00000080}@keyframes reveal-in{0%{opacity:0;transform:scale(.96)}}.coins{perspective:600px;gap:14px;display:flex}.coin{width:86px;height:86px;transform-style:preserve-3d;animation:1s ease-out forwards coin-heads;position:relative}.coin.tails{animation-name:coin-tails}.coin-face{backface-visibility:hidden;border:4px solid #a57a10;border-radius:999px;place-items:center;font-weight:800;display:grid;position:absolute;inset:0}.coin-face.front{color:#5a3e00;background:radial-gradient(circle at 35% 35%,#ffe680,#e0a91a)}.coin-face.back{color:#333;background:radial-gradient(circle at 35% 35%,#e8e8e8,#8f8f8f);border-color:#666;transform:rotateY(180deg)}@keyframes coin-heads{0%{transform:rotateY(0)translateY(0)}50%{transform:rotateY(900deg)translateY(-60px)}to{transform:rotateY(1800deg)translateY(0)}}@keyframes coin-tails{0%{transform:rotateY(0)translateY(0)}50%{transform:rotateY(990deg)translateY(-60px)}to{transform:rotateY(1980deg)translateY(0)}}.coin-result{text-shadow:0 2px 8px #000;font-size:1.6rem;font-weight:800}@media (prefers-reduced-motion:reduce){.coin{animation-duration:10ms}}button.pokemon{color:inherit;background:0 0;border:0;padding:0;display:block}.energy-face{border:3px solid #f1f1f1;flex-direction:column;justify-content:center;align-items:center;gap:8%;display:flex;box-shadow:inset 0 0 0 2px #00000040}.ef-symbol{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#ffffffd9,#ffffff26 60%);border:2px solid #fffc;border-radius:999px;width:46%}.ef-name{font-size:max(7px, calc(var(--cw) * .1));text-align:center;text-shadow:0 1px 2px #0009;padding:0 6%;font-weight:700}.home-actions{flex-wrap:wrap;gap:12px;display:flex}.field{max-width:280px;color:var(--muted);flex-direction:column;gap:4px;display:flex}.field input,.code-input{background:var(--surface);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:8px;padding:8px 10px}.code-input{letter-spacing:.2em;text-transform:uppercase;width:9em}.online-actions{flex-wrap:wrap;gap:16px;margin-top:16px;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:flex-start;gap:10px;padding:12px 16px;display:flex}.panel h2{margin:0}.room-code{letter-spacing:.25em;color:var(--accent);font-size:2.6rem;font-weight:800}.room-link a{color:#8cc8ff}.rope{background:#0006;justify-content:center;align-items:center;height:22px;font-size:.8rem;display:flex;position:relative;overflow:hidden}.rope-bar{background:#8a6d1a;transition:width .25s linear;position:absolute;top:0;bottom:0;left:0}.rope.mine .rope-bar{background:#b33a24}.rope span{font-weight:700;position:relative}.opp-status{background:#3a2a10;border:1px solid #7a5a20;border-radius:8px;padding:4px 10px;font-size:.85rem}.match-score{color:var(--accent);margin-left:10px;display:inline-block}.bars{z-index:6;flex-direction:column;display:flex;position:relative}.builder{grid-template-rows:auto 1fr;height:100dvh;display:grid}.builder-top{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.deck-name,.search,.share-link,.filters select{background:var(--bg);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:8px;padding:6px 10px}.deck-name{min-width:14em}.builder-body{grid-template-columns:1fr minmax(260px,340px);min-height:0;display:grid}.catalog{flex-direction:column;gap:8px;padding:10px 12px;display:flex;overflow:auto}.filters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.search{flex:1;min-width:14em}.check{color:var(--muted);align-items:center;gap:4px;font-size:.85rem;display:flex}.results-count{color:var(--muted);font-size:.8rem}.results{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.result{cursor:pointer;background:0 0;border:0;padding:0;position:relative}.result .card-face{--cw:120px}.result.unplayable,.deck-tile.unplayable{opacity:.45}.in-deck{background:var(--accent);color:#222;border-radius:999px;min-width:1.6em;padding:0 5px;font-weight:800;position:absolute;top:6px;right:6px}.decklist{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;gap:8px;padding:10px 12px;display:flex;overflow:auto}.deck-size{color:#e57373;font-size:1.3rem;font-weight:800}.deck-size.ok{color:var(--ok)}.problems{color:#f0a58a;margin:0;padding-left:18px;font-size:.85rem}.valid{color:var(--ok);font-weight:600}.deck-group-title{color:var(--muted);margin-top:6px;font-weight:700}.deck-row{align-items:center;gap:6px;padding:2px 0;display:flex}.deck-count{text-align:right;width:1.5em;font-weight:800}.deck-card-name{flex:1;font-size:.9rem}.modal-box.wide{width:min(94vw,760px)}.list-text{background:var(--bg);width:100%;min-height:300px;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px;font-family:ui-monospace,monospace;font-size:.85rem}.qr svg{background:#fff;border-radius:8px;width:240px;height:240px;padding:8px}.share-link{width:100%}.deck-open{color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;display:flex}.opt-attack{flex-direction:column;align-items:center;gap:4px;font-size:.85rem;font-weight:600;display:flex}.home-option{color:var(--muted);cursor:pointer;align-items:flex-start;gap:8px;margin-top:14px;font-size:.9em;display:flex}.home-option input{accent-color:var(--accent);margin-top:3px}.replay-bar{left:50%;bottom:calc(var(--bottom-h) + 12px);z-index:12;border:1px solid var(--border);border-radius:var(--r-3);width:min(940px,100vw - 24px);box-shadow:var(--shadow-2);background:#0a0e18f0;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;display:flex;position:absolute;transform:translate(-50%)}.replay-title{color:var(--accent)}.replay-slider{min-width:80px;accent-color:var(--accent);flex:1}.replay-pos{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.85rem}.replay-viewer{color:var(--muted);font-size:.85rem}.replay-viewer select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:2px 4px}.replay-warning{color:#e5a07a;flex-basis:100%;margin:0;font-size:.8rem}.file-btn{cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.coach{left:calc(var(--cw) * 1.6 + 28px);z-index:30;width:min(340px, calc(100vw - var(--cw) * 1.6 - 40px));border:2px solid var(--accent);border-radius:var(--radius);background:#10141cf5;padding:10px 12px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 28px #00000080}.coach-title{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;gap:8px;font-size:.78rem;font-weight:700;display:flex}.coach-count{color:var(--muted);margin-left:auto}.coach-text{margin:6px 0 0;font-size:.92rem;line-height:1.4}.coach-text strong{color:var(--accent)}.coach-actions{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.game .coach-target{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px;animation:1.4s ease-in-out infinite coach-pulse}@keyframes coach-pulse{50%{outline-color:#ffcb0559}}@media (prefers-reduced-motion:reduce){.game .coach-target{animation:none}}.lessons{counter-reset:lesson;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.lesson{text-align:left;background:var(--surface);width:100%;color:var(--text);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;font:inherit;gap:4px;padding:12px 14px 12px 48px;display:grid;position:relative}.lesson:before{counter-increment:lesson;content:counter(lesson);background:var(--surface-2);border-radius:50%;place-items:center;width:24px;height:24px;font-weight:700;display:grid;position:absolute;top:12px;left:14px}.lesson.done:before{background:var(--ok)}.lesson:hover{border-color:var(--accent)}.lesson-title{align-items:center;gap:8px;font-weight:700;display:flex}.lesson-done{color:var(--ok);font-size:.75rem;font-weight:600}.lesson-summary{color:var(--muted);font-size:.88rem}@media (height<=560px) and (orientation:landscape){:root{--top-h:48px;--hand-w:clamp(54px, 15vh, 90px);--hand-peek:.5}.avatar{width:40px;height:40px;font-size:.95rem}.main-button{min-width:130px;height:40px;font-size:1rem}.pb-counters{display:none}}@media (orientation:portrait) and (width<=700px){:root{--top-h:50px;--hand-w:clamp(56px, 18vw, 92px);--hand-peek:.55;--bar-h:48px;--bottom-h:calc(var(--hand-w) * 1.397 * var(--hand-peek) + var(--bar-h));--pcw:clamp(34px, min(calc((100vw - 28px) / 6.1), calc((100dvh - var(--top-h) - var(--bottom-h) - 46px) / 9.1)), 92px);--cw:var(--pcw)}.top-row{padding:4px 8px 0}.opp-hand{display:none}.home-top{gap:6px;padding:8px 10px;position:static}.home-top .btn{padding:5px 10px;font-size:.82rem}.home-top .sound-control input{display:none}.brand{width:100%;font-size:1.3rem}.home-main{padding:10px 10px 90px}.deck-cover{height:120px}.avatar{width:38px;height:38px;font-size:.9rem}.prize-pill{min-width:26px;font-size:.8rem;bottom:-7px}.pb-name{font-size:.85rem}.counter{padding:0 6px;font-size:.7rem}.turn-info{font-size:.75rem;top:12px;right:58px}.drawer-toggle{width:38px;height:38px;top:6px;right:8px}.table{padding:2px 6px}.side{border-radius:14px;grid-template-columns:1fr auto;grid-template-areas:"main main""left right";gap:2px 8px;width:100%;padding:4px 6px}.side.top{grid-template-areas:"left right""main main"}.side-main{grid-area:main;gap:2px}.side-left{grid-area:left;align-items:flex-start}.side-right{flex-direction:row;grid-area:right;align-items:flex-end}.prizes{grid-template-columns:repeat(6, calc(var(--cw) * .42)) auto;align-items:center}.prize{height:calc(var(--ch) * .42)}.prizes .zone-count{white-space:nowrap;grid-column:auto;padding-left:4px}.pile{width:calc(var(--cw) * .5)}.zone-count{font-size:.66rem}.bench{--cw:min(var(--pcw), calc((100vw - 28px) / (var(--slots) * 1.22)));--ch:calc(var(--cw) * 1.397);padding:2px 4px calc(var(--cw) * .2)}.active-spot{padding:2px 4px calc(var(--cw) * .2)}.center-line{min-height:calc(var(--ch) * .42)}.no-stadium{display:none}.bottom-row{grid-template-columns:1fr auto;grid-template-rows:var(--bar-h) minmax(0, 1fr);grid-template-areas:"bar button""hand hand";gap:0 8px;padding:0 8px}.bottom-row>.player-bar{grid-area:bar;align-self:center;padding-bottom:0}.bottom-row>.hand{grid-area:hand}.bottom-right{grid-area:button;align-self:center;padding-bottom:0}.main-button{min-width:120px;height:40px;padding:0 16px;font-size:.95rem}.action-panel{width:auto;left:8px;right:8px;top:calc(var(--top-h) + 4px);max-height:45dvh;bottom:auto;overflow:auto}.preview{display:none}.turn-banner{padding:8px 40px}.lobby-sides{grid-template-columns:1fr}.vs{text-align:center;font-size:1.8rem}.deck-tile{width:calc(33.3333vw - 21.3333px);padding:6px 4px;font-size:.8rem}.deck-tile .card-face{width:100%}.play-bar{bottom:12px;left:12px;right:12px}.play-bar .main-button{width:100%}.coach{width:auto;top:40px;left:12px;right:12px;transform:none}}@media (hover:none){.preview{display:none}}.btn.learn{border-color:#5ed68499;box-shadow:inset 0 0 0 1px #5ed68440}.tagline.small{margin:0;font-size:.85rem}.legal{text-align:center;color:#c8d2e18c;margin-top:20px;font-size:.72rem}.tile-types{justify-content:center;gap:2px;display:flex}.deck-dialog .modal-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.deck-dialog .deck-list{justify-content:center;max-height:70dvh;padding:4px;overflow:auto}.deck-tile.unplayable{opacity:.45}.online-page .home-main{max-width:880px}.online-page .deck-summary{max-width:520px}.online-page .panel{border-radius:var(--r-3);box-shadow:var(--shadow-2)}.online-page .room-code{font-family:var(--font-display)}.deck-summary-wrap{position:relative}.list-pill{border:1px solid var(--border);color:inherit;cursor:pointer;background:#000000b3;border-radius:999px;padding:3px 10px;font-size:.8rem;position:absolute;top:10px;left:10px}.list-pill:hover{border-color:var(--gold)}.deck-tile-wrap{flex-direction:column;gap:4px;display:flex}.deck-tile-wrap .deck-tile{flex:1}.deck-list-link{text-align:center;justify-content:center;padding:2px 6px;font-size:.75rem}