:root{color-scheme:light;--page: #f6f3ea;--surface-1: #fffefb;--surface-2: #faf7ef;--surface-solid: #ffffff;--text-primary: #1b2236;--text-secondary: #474e66;--text-muted: #6c7287;--grid: rgba(27, 34, 54, .08);--axis: rgba(27, 34, 54, .22);--border: rgba(27, 34, 54, .12);--border-strong: rgba(27, 34, 54, .2);--ghost: rgba(27, 34, 54, .045);--selected: rgba(255, 203, 5, .22);--cell-edge: rgba(27, 34, 54, .07);--cell-light: rgba(255, 255, 255, .16);--line: #283352;--shadow: 0 4px 0 rgba(40, 51, 82, .14);--shadow-lift: 0 6px 0 rgba(40, 51, 82, .16), 0 18px 40px -18px rgba(27, 34, 54, .35);--accent: #ffcb05;--accent-strong: #d9a400;--accent-ink: #8a6400;--on-accent: #1b2236;--pokeball: #e3350d;--live: #3d9b45;--series-1: #2a78d6;--radius: 14px;--radius-sm: 9px;--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-pixel: "Pixelify Sans", "Inter", system-ui, sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}:root[data-theme=dark]{color-scheme:dark;--page: #0e121b;--surface-1: #161b27;--surface-2: #1c2230;--surface-solid: #141924;--text-primary: #f1f2f6;--text-secondary: #b6bbca;--text-muted: #868ca0;--grid: rgba(255, 255, 255, .07);--axis: rgba(255, 255, 255, .2);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--ghost: rgba(255, 255, 255, .05);--selected: rgba(255, 203, 5, .14);--cell-edge: rgba(255, 255, 255, .05);--cell-light: rgba(255, 255, 255, .09);--line: #343d54;--shadow: 0 4px 0 rgba(0, 0, 0, .4);--shadow-lift: 0 6px 0 rgba(0, 0, 0, .45), 0 24px 50px -20px rgba(0, 0, 0, .7);--accent: #ffcb05;--accent-strong: #ffcb05;--accent-ink: #ffd53d;--on-accent: #1b2236;--pokeball: #ef4a2a;--live: #5cc565;--series-1: #3987e5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--page);color:var(--text-primary);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01";overflow-x:hidden}::selection{background:var(--selected)}button{font:inherit;color:inherit}h1,h2,h3{margin:0;font-family:var(--font-pixel);font-weight:600;letter-spacing:.01em}h2{font-size:19px}:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}img{image-rendering:pixelated}.app{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:28px 20px 48px;display:flex;flex-direction:column;gap:22px}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.num{font-variant-numeric:tabular-nums}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){z-index:2}*{scrollbar-width:thin;scrollbar-color:var(--axis) transparent}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.lattice{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at center,var(--axis) 1px,transparent 1.3px);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 70%);mask-image:linear-gradient(180deg,#000 0%,transparent 70%);opacity:.55}.watermark{position:absolute;color:var(--text-primary);opacity:.045}.watermark.w1{width:720px;height:720px;top:-220px;right:-200px;transform:rotate(-18deg)}.watermark.w2{width:420px;height:420px;bottom:-160px;left:-140px;transform:rotate(24deg)}:root[data-theme=dark] .watermark{opacity:.04}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;background:var(--accent);transform-origin:0 50%;transform:scaleX(0);pointer-events:none}@supports (animation-timeline: scroll()){.scroll-progress{animation:progress linear both;animation-timeline:scroll(root)}}@keyframes progress{to{transform:scaleX(1)}}.header{display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand toggle" "coverage coverage";align-items:center;gap:18px 16px;padding-top:6px}.brand{grid-area:brand;display:flex;align-items:center;gap:16px;min-width:0}.header-actions{grid-area:toggle;display:flex;align-items:center;gap:12px}.language-select select{height:44px}.kicker{font-family:var(--font-pixel);font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);animation:rise .7s var(--ease-out) .15s backwards}.title{font-size:clamp(32px,4.6vw,54px);font-weight:700;line-height:1.05;letter-spacing:.01em;margin-top:4px;animation:rise .8s var(--ease-out) .25s backwards}.logo-text{--o: #263a7a;color:var(--accent);text-shadow:2px 0 0 var(--o),-2px 0 0 var(--o),0 2px 0 var(--o),0 -2px 0 var(--o),2px 2px 0 var(--o),-2px 2px 0 var(--o),2px -2px 0 var(--o),-2px -2px 0 var(--o),0 5px 0 var(--o),2px 5px 0 var(--o),-2px 5px 0 var(--o)}.logo{position:relative;width:60px;height:60px;flex:none;display:grid;place-items:center}.logo-ball{position:relative;filter:drop-shadow(0 4px 0 rgba(27,34,54,.25));transform-origin:50% 85%;animation:drop-in .6s var(--ease-spring) backwards,catch 1.9s ease-in-out .65s backwards}.logo-button{animation:button-flash .9s ease-out 2.45s both}@keyframes drop-in{0%{transform:translateY(-40px) scale(.6);opacity:0}}@keyframes catch{0%,to{transform:rotate(0)}6%{transform:rotate(-22deg)}12%{transform:rotate(16deg)}18%,32%{transform:rotate(0)}38%{transform:rotate(-18deg)}44%{transform:rotate(12deg)}50%,64%{transform:rotate(0)}70%{transform:rotate(-12deg)}76%{transform:rotate(8deg)}82%{transform:rotate(0)}}@keyframes button-flash{0%{fill:#fcfcfb}30%{fill:#ffe066}to{fill:#fcfcfb}}.sparks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sparks span{position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px;background:var(--accent);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;animation:spark .8s var(--ease-out) 2.45s both}.sparks span:nth-child(2n){background:var(--text-primary)}@keyframes spark{0%{opacity:1;transform:rotate(var(--a)) translate(10px) scale(1.4)}to{opacity:0;transform:rotate(var(--a)) translate(44px) scale(.4)}}.theme-toggle{grid-area:toggle;position:relative;width:44px;height:44px;border-radius:50%;border:2px solid var(--line);background:var(--surface-1);display:grid;place-items:center;cursor:pointer;color:var(--text-primary);box-shadow:var(--shadow);transition:background .15s;animation:rise .7s var(--ease-out) .4s backwards}.theme-toggle:hover{background:var(--surface-2)}.theme-toggle:active{transform:translateY(2px);box-shadow:0 2px #28335224}.theme-toggle svg{overflow:visible;transition:transform .5s var(--ease-out)}.theme-toggle .sun-core{transition:r .4s var(--ease-out)}.theme-toggle .moon-bite{transition:cx .4s var(--ease-out),cy .4s var(--ease-out)}.theme-toggle .sun-rays{transform-origin:12px 12px;transition:transform .4s var(--ease-out),opacity .25s}.theme-toggle[data-mode=dark] svg{transform:rotate(-30deg)}.theme-toggle[data-mode=dark] .sun-core{r:8}.theme-toggle[data-mode=dark] .moon-bite{cx:17;cy:7}.theme-toggle[data-mode=dark] .sun-rays{transform:scale(.4) rotate(45deg);opacity:0}.coverage{grid-area:coverage;display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;background:var(--surface-1);border:2px solid var(--border-strong);font-size:12.5px;color:var(--text-secondary);white-space:nowrap;animation:rise .6s var(--ease-out) backwards;animation-delay:calc(.5s + var(--i, 0) * 70ms)}.chip strong{color:var(--text-primary);font-weight:600}.chip-icon{color:var(--text-muted)}.pulse{position:relative;width:7px;height:7px;border-radius:50%;background:var(--live)}.pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--live);animation:pulse-ring 2s var(--ease-out) infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.7}to{transform:scale(3.2);opacity:0}}@media(max-width:560px){.header{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand" "toggle" "coverage"}.header-actions{justify-self:end}.logo{width:46px;height:46px}.logo-ball{width:40px;height:40px}.kicker{font-size:10px;letter-spacing:.1em}}.sticky-sentinel{height:0;margin-bottom:-22px}.filters{position:sticky;top:10px;z-index:20;display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;padding:12px 16px;background:var(--surface-1);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;animation:rise .7s var(--ease-out) .6s backwards;transition:box-shadow .2s}.filters.is-stuck{box-shadow:var(--shadow-lift)}.busy-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent) 30%,var(--accent) 70%,transparent);background-size:40% 100%;background-repeat:no-repeat;opacity:0;transition:opacity .2s}.filters.is-busy .busy-bar{opacity:1;animation:busy 1.1s ease-in-out infinite}@keyframes busy{0%{background-position:-40% 0}to{background-position:140% 0}}.field{display:flex;flex-direction:column;gap:6px;max-width:100%}.field>label,.field>span.label{font-family:var(--font-pixel);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.field-range{margin-left:auto;align-items:flex-end;text-align:right}.range-value{display:inline-flex;align-items:center;gap:8px;min-height:36px;font-family:var(--font-body, Inter, sans-serif);font-size:15px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}@media(max-width:720px){.field-range{margin-left:0;align-items:flex-start;text-align:left}}.segmented{position:relative;display:flex;gap:2px;padding:3px;background:var(--ghost);border:2px solid var(--border-strong);border-radius:11px;isolation:isolate;max-width:100%;overflow-x:auto}.segmented-pill{position:absolute;top:3px;bottom:3px;left:0;z-index:-1;border-radius:7px;background:var(--accent);box-shadow:inset 0 -3px #00000024,0 0 0 1.5px var(--accent-strong);transition:transform .3s var(--ease-out),width .3s var(--ease-out)}.segmented button{position:relative;border:0;background:transparent;padding:6px 13px 7px;border-radius:7px;cursor:pointer;color:var(--text-secondary);font-weight:500;white-space:nowrap}.segmented button:hover{color:var(--text-primary)}.segmented button[aria-pressed=true]{color:var(--on-accent);font-weight:700}.select{position:relative}.select:after{content:"";position:absolute;right:12px;top:50%;width:0;height:0;margin-top:-2px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--text-secondary);pointer-events:none}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-weight:500;height:38px;padding:0 32px 0 12px;border-radius:11px;border:2px solid var(--border-strong);background:var(--surface-2);color:var(--text-primary);cursor:pointer}select:hover{border-color:var(--line)}select:focus-visible{outline:none;border-color:var(--line);box-shadow:0 0 0 3px var(--accent)}select option{background:var(--surface-solid);color:var(--text-primary)}@media(max-width:720px){.filters{position:relative;top:0}}@media(max-width:480px){.field-period{width:100%}.field-period .segmented button{flex:1;min-width:0;white-space:normal;padding-inline:8px}}.panel{position:relative;background:var(--surface-1);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:16px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.panel-title{flex:1;min-width:0;display:flex;align-items:flex-start;gap:12px}.panel-icon{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--on-accent);background:radial-gradient(circle at 35% 30%,#ffe680,var(--accent) 60%);box-shadow:0 0 0 2px var(--line),inset 0 -3px #0000001f}.panel-heading{display:flex;align-items:center;gap:8px;min-height:36px}.info-button{flex:none;display:grid;place-items:center;width:22px;height:22px;padding:0;border:2px solid var(--line);border-radius:50%;background:var(--surface-solid);color:var(--text-secondary);cursor:help;transition:background-color .15s ease-out,color .15s ease-out}.info-button:hover,.info-button[aria-expanded=true]{background:var(--accent);color:var(--on-accent)}.tooltip.info-tip{width:min(340px,calc(100vw - 16px))}.info-tip .tooltip-inner{font-size:12.5px;line-height:1.55;color:var(--text-secondary)}.stale{opacity:.45;filter:saturate(.6) blur(.5px);transition:opacity .2s ease-out,filter .2s ease-out}.fresh{transition:opacity .3s ease-out,filter .3s ease-out}.skeleton-stack{display:flex;flex-direction:column;gap:8px}.skeleton{display:block;border-radius:8px;background:linear-gradient(90deg,var(--ghost) 0%,var(--border-strong) 50%,var(--ghost) 100%);background-size:300% 100%;animation:shimmer 1.6s ease-in-out infinite}.chip.skeleton{border:0}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-200% 0}}.notice{padding:32px 16px;text-align:center;color:var(--text-secondary)}.notice code,.error code{background:var(--ghost);border:1px solid var(--border);padding:1px 6px;border-radius:6px;font-size:12px}.error{position:relative;padding:14px 16px 14px 20px;background:var(--surface-1);border:2px solid rgba(239,68,68,.5);border-radius:var(--radius-sm);animation:rise .5s var(--ease-out) backwards,shake .5s ease-in-out .2s;overflow:hidden}.error:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#ef4444}@keyframes shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.footer{display:flex;justify-content:center;align-items:center;gap:10px;padding:18px 0 6px;color:var(--text-muted);font-size:12px}.footer .sep{width:4px;height:4px;background:var(--accent-strong);transform:rotate(45deg)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.pcard{border-radius:16px;padding:7px;background:linear-gradient(150deg,#ffe46b,#f6c81c 45%,#e8b10b);box-shadow:inset 0 0 0 1px #ffffff73,0 0 0 1.5px #b88a06,var(--shadow);animation:deal .7s var(--ease-out) backwards;animation-delay:calc(.7s + var(--i) * .11s)}@keyframes deal{0%{opacity:0;transform:translateY(-24px) rotate(-4deg)}}.pcard-face{height:100%;display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px;border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 24%,var(--surface-solid)),color-mix(in srgb,var(--accent) 8%,var(--surface-solid)) 65%);box-shadow:0 0 0 1px #0000002e}.pcard-top{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;min-width:0}.pcard-title{display:flex;flex-direction:column;min-width:0}.pcard-stage{font-family:var(--font-pixel);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.pcard-name{font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcard-hp{display:flex;align-items:baseline;gap:4px;flex:none}.pcard-hp small{font-family:var(--font-pixel);font-size:11px;font-weight:600;text-transform:uppercase;color:var(--accent-ink)}.pcard-value{font-size:28px;font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--text-primary)}.pcard-art{position:relative;height:96px;display:grid;place-items:center;border:3px solid transparent;border-radius:4px;background:radial-gradient(120% 90% at 50% 40%,color-mix(in srgb,var(--accent) 30%,#fff) 0%,var(--accent) 100%) padding-box,linear-gradient(135deg,#f7ecb8,#b5922d 35%,#f4e6a8 60%,#a6842a) border-box;overflow:hidden}.pcard-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-55deg,#fff0 0,#fff0 9px,#ffffff24 9px,#ffffff24 11px)}.pcard-art:after{content:"";position:absolute;left:50%;bottom:10px;width:128px;height:22px;margin-left:-64px;border-radius:50%;background:#ffffff59;box-shadow:inset 0 -3px #0000001f}.pcard-art img{position:relative;z-index:1;height:64px;max-width:120px;margin-bottom:10px;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(0,0,0,.18));animation:party-hop 1.6s steps(1) infinite;animation-delay:calc(var(--i) * -.5s)}@keyframes party-hop{50%{transform:translateY(-3px)}}.versus-art{position:relative;z-index:1;display:flex;align-items:center;gap:4px}.versus-art img{height:44px;max-width:60px}.versus-art img:last-child{animation-delay:-.8s}.versus-bolt{position:relative;z-index:1;display:grid;place-items:center;width:24px;height:24px;margin-bottom:10px;border-radius:50%;color:var(--accent);background:#1b2236;box-shadow:0 0 0 2px #fff}.pcard-sub{font-size:12.5px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:6px;border-top:1px solid var(--border)}.tile-glyph{margin-top:auto;padding-top:14px}.share-bar{position:relative;display:flex;gap:2px;height:8px;border-radius:4px;background:var(--ghost);box-shadow:inset 0 0 0 1px var(--border)}.share-bar span{height:100%;border-radius:2px;background:color-mix(in srgb,var(--text-muted) 55%,transparent);transform-origin:0 50%;animation:grow-x .9s var(--ease-out) backwards;animation-delay:calc(1.1s + var(--i) * 70ms)}.share-bar span.lead{background:var(--accent-ink)}.share-bar em{position:absolute;right:0;top:-17px;font-style:normal;font-size:10.5px;color:var(--text-muted)}.rate-bar{position:relative;height:8px;border-radius:4px;background:var(--ghost)}.rate-bar span{position:absolute;top:0;bottom:0}.rate-bar .even{width:1px;top:-3px;bottom:-3px;background:var(--axis)}.rate-bar .point{width:12px;height:12px;top:-2px;margin-left:-6px;border-radius:50%;background:var(--accent-ink);border:2px solid var(--surface-solid);animation:pop .6s var(--ease-spring) 1.5s backwards}.rate-bar em{position:absolute;top:-17px;transform:translate(-50%);font-style:normal;font-size:10px;color:var(--text-muted)}@keyframes grow-x{0%{transform:scaleX(0)}}@keyframes pop{0%{transform:scale(0)}}.matrix-scroll{position:relative;overflow:auto;max-height:78vh;background:var(--surface-solid);border:2px solid var(--border-strong);border-radius:12px;padding:0 8px 8px 0}.matrix{width:max-content;border-collapse:separate;border-spacing:0}.matrix th,.matrix td{padding:0;margin:0}.matrix thead th{position:sticky;top:0;z-index:2;background:var(--surface-solid);border-bottom:1px solid var(--grid)}.matrix tbody th{position:sticky;left:0;z-index:1;background:var(--surface-solid);border-right:1px solid var(--grid)}.matrix thead th:first-child{z-index:3;left:0}.corner{min-width:210px;text-align:left;padding:0 10px 10px 14px!important;font-family:var(--font-pixel);font-size:12px;font-weight:500;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;vertical-align:bottom}.corner-arrow{margin-left:8px;color:var(--accent-ink)}.col-head,.row-head{--lit: 0}.col-head{width:54px;min-width:54px;height:64px;vertical-align:bottom;padding:8px 0!important}.col-head img{display:block;margin:0 auto;height:32px;max-width:48px;object-fit:contain;animation:icon-in .5s var(--ease-out) backwards;animation-delay:calc(var(--d) * 25ms)}.col-head button{width:100%;display:flex;flex-direction:column-reverse;align-items:center;gap:2px;padding:3px 0;border:0;border-radius:8px;background:transparent;cursor:pointer}.col-head button:hover,.col-head button:focus-visible,.col-sorted button{background:var(--ghost)}.col-head button:focus-visible{outline:2px solid var(--text-primary);outline-offset:-2px}.col-caret{font-size:11px;font-weight:700;line-height:1;color:var(--text-muted);opacity:0}.col-head button:hover .col-caret{opacity:.5}.col-sorted .col-caret{opacity:1!important;color:var(--accent-ink)}.col-head:after,.row-head:after{content:"";position:absolute;background:var(--accent-strong);opacity:var(--lit)}.col-head:after{left:14%;right:14%;bottom:-2px;height:3px;border-radius:2px}.row-head:after{top:18%;bottom:18%;right:-2px;width:3px;border-radius:2px}@keyframes icon-in{0%{opacity:0;transform:translateY(8px)}}.row-head{height:44px}.row-head button{width:100%;display:flex;align-items:center;gap:9px;padding:4px 12px 4px 8px;border:0;background:transparent;cursor:pointer;text-align:left;border-radius:8px;animation:row-in .5s var(--ease-out) backwards;animation-delay:calc(var(--d) * 22ms)}@keyframes row-in{0%{opacity:0;transform:translate(-12px)}}.row-head button:hover{background:var(--ghost)}.row-head button:hover .name{text-decoration:underline;text-decoration-color:var(--accent-strong);text-decoration-thickness:2px;text-underline-offset:3px}.row-head .rank{width:18px;flex:none;font-size:10.5px;font-weight:600;color:var(--text-muted);text-align:right}.row-head img{height:28px;width:40px;object-fit:contain;flex:none}.row-head .name{font-size:12.5px;font-weight:calc(500 + var(--lit) * 150);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell{position:relative;width:54px;min-width:54px;height:44px;padding:1.5px!important}.cell>*{transition:opacity .12s ease-out,filter .12s ease-out}.cell button{--inset: inset 0 0 0 1px var(--cell-edge);position:relative;width:100%;height:100%;border:0;border-radius:7px;cursor:pointer;font-size:13px;font-weight:650;letter-spacing:-.01em;font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:var(--inset);animation:cell-in .52s var(--ease-out) backwards;animation-delay:calc(var(--d) * 16ms)}.cell button:not(.muted){background-image:linear-gradient(180deg,var(--cell-light),transparent 65%)}.cell button.muted{--inset: inset 0 0 0 1.5px var(--edge);font-weight:500}@keyframes cell-in{0%{opacity:0;transform:perspective(300px) rotateX(-70deg) scale(.6)}}.cell button:hover,.cell button:focus-visible{z-index:2;outline:none;box-shadow:var(--inset),0 0 0 2px var(--surface-solid),0 0 0 4px var(--text-primary)}.cell.mirror div,.cell.empty div{width:100%;height:100%;border-radius:7px;display:flex;align-items:center;justify-content:center;animation:fade-in .5s ease-out backwards;animation-delay:calc(var(--d) * 16ms)}.cell.mirror div{background:var(--ghost);border:1px dashed var(--border-strong)}.cell.mirror img{height:24px;max-width:42px;object-fit:contain;opacity:.8}.cell.empty div:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--border-strong)}@keyframes fade-in{0%{opacity:0}}.matrix-wrap{display:flex;flex-direction:column;gap:18px}.table-scroll{overflow-x:auto;margin:0 -6px;padding:0 6px}table.data{width:100%;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}table.data th{text-align:right;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:0 10px 10px;border-bottom:1px solid var(--grid);white-space:nowrap}table.data th:first-child,table.data td:first-child{text-align:left;padding-left:8px}table.data td{position:relative;text-align:right;padding:8px 10px;border-bottom:1px solid var(--grid);white-space:nowrap}table.data tbody tr{position:relative;animation:row-rise .5s var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 28ms)}@keyframes row-rise{0%{opacity:0;transform:translateY(8px)}}table.data tbody tr:hover td{background:var(--ghost)}table.data tbody tr[aria-selected=true] td{background:var(--selected)}table.data tbody tr[aria-selected=true] td:first-child{box-shadow:inset 4px 0 0 var(--accent-strong)}table.data th.sortable button{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:3px 0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer}table.data th.sortable button:hover,table.data th.is-sorted button{color:var(--text-primary)}.sort-caret{display:inline-block;opacity:0}th.sortable button:hover .sort-caret{opacity:.4}th.is-sorted .sort-caret{opacity:1!important;color:var(--accent-ink)}th.is-sorted{position:relative}th.is-sorted:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:3px;border-radius:2px;background:var(--accent-strong)}.deck-cell{display:flex;align-items:center;gap:10px;min-width:0}.deck-cell img{height:26px;width:40px;object-fit:contain;flex:none}.deck-cell button{border:0;background:none;padding:0;cursor:pointer;text-align:left;font-weight:500}.deck-cell button:hover{text-decoration:underline;text-decoration-color:var(--accent-strong);text-decoration-thickness:2px;text-underline-offset:3px}.rank-badge{display:grid;place-items:center;width:24px;height:22px;flex:none;border-radius:6px;font-size:11px;font-weight:700;color:var(--text-muted);background:var(--ghost);border:1px solid var(--border)}.rank-badge.podium-1,.rank-badge.podium-2,.rank-badge.podium-3{border:0;color:#1a1206}.rank-badge.podium-1{background:linear-gradient(135deg,#ffe680,#f6c000 60%,#ffd84a);box-shadow:inset 0 -2px #00000026}.rank-badge.podium-2{background:linear-gradient(135deg,#f1f5f9,#a8b0bd 60%,#e2e8f0);box-shadow:inset 0 -2px #00000026}.rank-badge.podium-3{background:linear-gradient(135deg,#fed7aa,#c2703d 60%,#fdba74);box-shadow:inset 0 -2px #00000026}.bar-cell{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px}.share-track{position:relative;width:48px;height:6px;border-radius:3px;background:var(--ghost);box-shadow:inset 0 0 0 1px var(--border);overflow:hidden}.share-track span{position:absolute;inset:0 auto 0 0;border-radius:3px;background:var(--accent-strong);transform-origin:0 50%;animation:grow-x .9s var(--ease-out) backwards;animation-delay:calc(.2s + var(--i, 0) * 28ms);transition:width .5s var(--ease-out)}.trophy{display:inline-flex;align-items:center;gap:5px;font-weight:600}.trophy svg{color:var(--accent-strong)}.drawer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0e121b80;animation:fade-in .25s ease-out backwards}.drawer{position:absolute;top:10px;right:10px;bottom:10px;width:min(680px,calc(100vw - 20px));display:flex;flex-direction:column;background:var(--surface-1);border:2px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lift);overflow:hidden;animation:drawer-in .42s var(--ease-out) backwards}@keyframes drawer-in{0%{transform:translate(105%)}}.drawer-root.is-leaving .drawer{animation:drawer-out .28s cubic-bezier(.55,0,1,.45) forwards}.drawer-root.is-leaving .drawer-backdrop{animation:fade-out .28s ease-in forwards}@keyframes drawer-out{to{transform:translate(105%)}}@keyframes fade-out{to{opacity:0}}.dex-band{position:relative;flex:none;height:62px}.dex-shape{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.dex-fill{fill:#dc0a2d}.dex-edge{fill:none;stroke:#1b2236;stroke-width:2.5}.dex-lens{position:absolute;left:18px;top:9px;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c4 0,#fff6c4 12%,#ffd84a 30%,#d9a400);box-shadow:0 0 0 4px #fff,0 0 0 6px #1b2236}.dex-led{position:absolute;top:10px;width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 2px #1b2236}.dex-led:nth-of-type(2){left:76px;background:#ff6b6b}.dex-led:nth-of-type(3){left:94px;background:#ffd84a}.dex-led:nth-of-type(4){left:112px;background:#5cc565}.drawer-close{position:absolute;top:6px;right:12px;z-index:3;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:2px solid #1b2236;background:#fff;color:#1b2236;cursor:pointer}.drawer-close:hover{background:#ffe680}.drawer-hero{position:relative;display:flex;align-items:center;gap:22px;padding:14px 28px 22px;border-bottom:2px solid var(--border)}.dex-screen{position:relative;flex:none;width:140px;height:116px;display:grid;place-items:center;padding:10px;border-radius:10px 10px 10px 30px;background:#dfe0e6;box-shadow:0 0 0 2px #1b2236,inset 0 -3px #0000001f}.dex-screen:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:4px;background:radial-gradient(70% 22% at 50% 82%,#b9d98a 0 60%,#8fbf5d 61% 72%,transparent 73%),linear-gradient(180deg,#e9f4ff,#fdfbea 70%);box-shadow:inset 0 0 0 2px #1b2236}.dex-screen img{position:relative;height:64px;max-width:108px;margin-bottom:8px;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(0,0,0,.2));animation:hero-pop .45s var(--ease-out) .12s backwards,party-hop 1.6s steps(1) .6s infinite}@keyframes hero-pop{0%{transform:translateY(10px);opacity:0}}.hero-text{min-width:0;animation:rise .6s var(--ease-out) .15s backwards}.hero-rank{font-size:12.5px;font-weight:700;letter-spacing:.04em;color:var(--accent-ink)}.hero-rank .muted{font-weight:500}.hero-text h2{font-size:26px;font-weight:700;line-height:1.15;margin:2px 0 12px}.hero-stats{display:flex;gap:22px;flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column}.hero-stat strong{font-size:20px;font-weight:800;letter-spacing:-.02em}.hero-stat span,.hero-record{font-size:11.5px;color:var(--text-muted)}.hero-record{margin-top:8px}.drawer-body{flex:1;overflow-y:auto;padding:18px 22px 22px}.drawer-section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.drawer-section-head h3{font-size:16px}.segmented-sm button{padding:4px 10px;font-size:12.5px}.dots{display:flex;flex-direction:column;gap:1px}.dot-row{position:relative;display:grid;grid-template-columns:168px 1fr 156px;align-items:center;gap:12px;padding:3px 6px;border-radius:8px;animation:row-rise .5s var(--ease-out) backwards;animation-delay:calc(.2s + var(--i) * 30ms)}.dot-row:hover{background:var(--ghost)}.dot-label{display:flex;align-items:center;gap:8px;font-size:12.5px;min-width:0;border:0;background:none;padding:0;text-align:left;color:inherit}button.dot-label{cursor:pointer}button.dot-label:hover span{text-decoration:underline;text-decoration-color:var(--accent-strong);text-decoration-thickness:2px;text-underline-offset:3px}.dot-label img{height:24px;width:36px;object-fit:contain;flex:none}.dot-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot-track{position:relative;height:28px}.dot-track .gridline{position:absolute;top:0;bottom:0;width:1px;background:var(--grid)}.dot-track .gridline.even{background:var(--axis)}.dot-track .dot{position:absolute;top:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:var(--series-1);box-shadow:0 0 0 2px var(--surface-solid);animation:dot-slide .8s var(--ease-out) backwards;animation-delay:calc(.3s + var(--i) * 30ms)}@keyframes dot-slide{0%{left:50%;transform:scale(0)}}.dot-axis{display:grid;grid-template-columns:168px 1fr 156px;gap:12px;font-size:11px;color:var(--text-muted);padding:6px 6px 0}.dot-axis .ticks{position:relative;height:14px}.dot-axis .ticks span{position:absolute;transform:translate(-50%);white-space:nowrap}.dot-value{text-align:right;white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.dot-value strong{color:var(--text-primary);font-weight:700;font-size:13px}@media(max-width:720px){.dot-row,.dot-axis{grid-template-columns:120px 1fr 92px}.dot-value .muted{display:none}.drawer-hero{flex-direction:column;align-items:flex-start;padding:20px}.dex-screen{width:120px;height:100px}}@media(max-width:480px){.dot-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}.dot-track{grid-column:1 / -1;grid-row:2}.dot-value{grid-column:2;grid-row:1}.dot-axis{grid-template-columns:minmax(0,1fr)}.dot-axis>span{display:none}}.tooltip{position:fixed;left:0;top:0;z-index:80;width:270px;pointer-events:none;will-change:transform}.tooltip-inner{position:relative;background:var(--surface-solid);color:var(--text-primary);border:2px solid var(--line);border-radius:10px;box-shadow:inset 0 0 0 3px var(--surface-solid),inset 0 0 0 4.5px var(--border-strong),var(--shadow-lift);padding:13px 15px;font-size:12px;animation:tip-in .12s ease-out backwards}@keyframes tip-in{0%{opacity:0}}.tip-matchup{display:flex;align-items:center;gap:8px;margin-bottom:4px}.tip-matchup img{height:30px;max-width:54px;object-fit:contain}.tip-vs{font-family:var(--font-pixel);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.tooltip .headline{display:flex;align-items:center;gap:8px;font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1.1}.tooltip .headline:before{content:"";width:14px;height:14px;border-radius:3px;background:var(--c);box-shadow:0 0 0 1.5px var(--border-strong)}.tooltip .who{color:var(--text-secondary);margin-bottom:10px;font-weight:500}.tooltip dl{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0;padding-top:8px;border-top:1px solid var(--border)}.tooltip dt{color:var(--text-muted)}.tooltip dd{margin:0;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.view-tabs{display:flex;gap:8px;margin-bottom:-6px;animation:rise .6s var(--ease-out) .45s backwards}.view-tabs a{padding:8px 18px;font-family:var(--font-pixel);font-size:16px;font-weight:600;color:var(--text-secondary);text-decoration:none;background:var(--surface-1);border:2px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow)}.view-tabs a:hover{color:var(--text-primary);background:var(--surface-2)}.view-tabs a[aria-current=page]{color:var(--on-accent);background:var(--accent)}.field-deck select{width:min(320px,100%)}.field-deck .select{max-width:100%}.field-opponent{flex-direction:row;align-items:center;gap:10px}.field-opponent select{max-width:min(260px,60vw)}@media(max-width:480px){.field-deck,.field-deck select{width:100%}}.trend-anchor{scroll-margin-top:120px}.trend-pair{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.trend-pair img{height:30px;max-width:54px;object-fit:contain}.trend-pair-name{font-weight:650;font-size:15px}.trend-pair-total{margin-left:auto;font-size:13px;font-variant-numeric:tabular-nums}.trend-chart{width:100%;min-height:312px}.trend-chart svg{display:block;overflow:visible;border-radius:10px}.trend-chart svg:focus-visible{outline:2px solid var(--text-primary);outline-offset:4px}.trend-chart .zone{opacity:.07}.trend-chart .zone-label{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;fill:var(--text-muted)}.trend-chart .grid-rule{stroke:var(--grid);stroke-width:1}.trend-chart .even-rule{stroke:var(--axis);stroke-width:1}.trend-chart .tick{font-size:11px;fill:var(--text-muted);font-variant-numeric:tabular-nums}.trend-chart .tick.partial{opacity:.6}.trend-chart .crosshair{stroke:var(--text-muted);stroke-width:1}.trend-chart .trend-line{fill:none;stroke:var(--text-primary);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.trend-chart .trend-point{fill:var(--text-primary);stroke:var(--surface-1);stroke-width:2;paint-order:stroke}.trend-chart .trend-point.hollow{fill:var(--surface-1);stroke:var(--text-primary);stroke-width:1.75}.trend-chart .trend-point.is-active{fill:var(--accent);stroke:var(--line);stroke-width:2}.trend-chart .end-label{font-size:12px;font-weight:700;fill:var(--text-primary);font-variant-numeric:tabular-nums}.trend-chart .strip-bar{fill:var(--axis)}.trend-chart .strip-bar.is-active{fill:var(--text-muted)}.trend-scroll{position:relative;overflow:auto;max-height:78vh;background:var(--surface-solid);border:2px solid var(--border-strong);border-radius:12px;padding:0 8px 8px 0}.trend-grid{width:max-content;border-collapse:separate;border-spacing:0}.trend-grid th,.trend-grid td{padding:0;margin:0}.trend-grid thead th{position:sticky;top:0;z-index:2;background:var(--surface-solid);border-bottom:1px solid var(--grid)}.trend-grid tbody th{position:sticky;left:0;z-index:1;background:var(--surface-solid);border-right:1px solid var(--grid)}.trend-grid thead th:first-child{z-index:3;left:0}.trend-grid .corner{min-width:200px;height:40px}.bucket-head{min-width:46px;padding:10px 2px 8px!important;vertical-align:bottom;font-size:11px;font-weight:600;color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.bucket-head.partial{color:var(--text-muted);font-weight:500;font-style:italic}.bucket-head.whole{padding-left:10px!important;font-family:var(--font-pixel);font-size:12px;color:var(--text-primary)}.trend-grid .cell{width:46px;min-width:46px;height:40px}.trend-grid .cell.whole{width:58px;min-width:58px;padding-left:10px!important}.trend-grid .cell button{font-size:12px}.trend-grid .cell.whole>div{width:100%;height:100%}.trend-grid .row-head{height:40px}.trend-grid .row-head .name{max-width:150px}.trend-grid tr.is-selected .row-head button{background:var(--selected)}.trend-grid tr.is-selected .row-head .name{font-weight:700}.trend-grid tr.is-selected .row-head:after{content:"";position:absolute;top:18%;bottom:18%;left:0;right:auto;width:3px;border-radius:2px;background:var(--accent-strong);opacity:1}.show-more{align-self:flex-start;margin-top:12px;padding:7px 14px;border:2px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-primary);font-weight:600;cursor:pointer}.show-more:hover{border-color:var(--line)}.tooltip .tip-when{margin:-6px 0 10px;color:var(--text-muted);font-variant-numeric:tabular-nums}.tooltip .tip-none{font-size:18px;font-weight:700;color:var(--text-secondary);margin:4px 0}@media(max-width:480px){.trend-grid .corner{min-width:132px}.trend-grid .row-head .name{max-width:76px}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.reveal{opacity:0;transform:translateY(28px) scale(.985);filter:blur(8px);transition:opacity .8s var(--ease-out),transform .9s var(--ease-out),filter .8s var(--ease-out)}.reveal.is-in{opacity:1;transform:none;filter:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none;filter:none}.pcard-art img,.dex-screen img,.busy-bar{animation:none!important}}
