:root{--pkmn-red: #ee1515;--pkmn-red-dark: #b91313;--pkmn-blue: #3b4cca;--pkmn-blue-dark: #2a3796;--pkmn-yellow: #ffcb05;--pkmn-yellow-dark: #e0b400;--pkmn-cream: #fff7e0;--pkmn-sky: #e8f1ff;--color-bg: #f4f8ff;--color-bg-soft: var(--pkmn-sky);--color-bg-elev: #ffffff;--color-bg-card: #ffffff;--color-text: #1a2547;--color-text-muted: #4d5b80;--color-border: #c4d2eb;--color-border-strong: #8aa2d0;--color-accent: var(--pkmn-red);--color-accent-soft: rgba(238, 21, 21, .12);--color-success: #2c9d4a;--color-warning: var(--pkmn-yellow-dark);--color-danger: var(--pkmn-red);--glow-03: #4f8ff0;--glow-04: #9b7df0;--glow-05: #ec5fa7;--glow-06: #ff8a3d;--glow-07: #ffcb05;--font-sans: -apple-system, BlinkMacSystemFont, "Nunito", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.5rem;--fs-xl: 2.25rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--tap-target: 44px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(circle at 20% 0%,rgba(255,203,5,.18),transparent 45%),radial-gradient(circle at 80% 100%,rgba(59,76,202,.16),transparent 45%),var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.5;min-height:100vh;-webkit-text-size-adjust:100%}img{max-width:100%;display:block}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;border:2px solid var(--color-border-strong);background:var(--color-bg-elev);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-4);min-height:var(--tap-target);min-width:var(--tap-target);font-weight:700;letter-spacing:.01em;transition:background-color .14s ease,border-color .14s ease,transform 80ms ease,box-shadow .14s ease;box-shadow:0 2px 0 0 var(--color-border-strong)}button:hover:not(:disabled){background:var(--pkmn-cream);transform:translateY(-1px);box-shadow:0 3px 0 0 var(--color-border-strong)}button:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 0 0 var(--color-border-strong)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}:focus-visible{outline:3px solid var(--pkmn-yellow);outline-offset:3px}body>header{position:sticky;top:0;z-index:10;background:linear-gradient(135deg,var(--pkmn-red),var(--pkmn-red-dark));border-bottom:4px solid var(--pkmn-yellow);padding:var(--sp-3) var(--sp-4);box-shadow:0 4px 12px #0000001f}body>header h1{margin:0 0 var(--sp-3);font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:.04em;color:#fff;text-transform:uppercase;font-weight:800;text-shadow:0 2px 0 rgba(0,0,0,.18)}.app-header__top{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-3)}.app-header__title{margin:0;font-size:var(--fs-md);letter-spacing:.04em;color:#fff;text-transform:uppercase;font-weight:800;font-family:var(--font-display);text-shadow:0 2px 0 rgba(0,0,0,.18)}.set-selector{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.set-selector__label{color:#fff;font-weight:700;font-size:var(--fs-sm);letter-spacing:.02em}.set-selector__select{flex:1 1 auto;min-height:var(--tap-target);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-base);font-family:inherit;border:2px solid #ffffff;background:#fffffff2;color:var(--color-text);border-radius:var(--radius-pill);font-weight:700;cursor:pointer;max-width:100%}[role=tablist]{display:flex;gap:var(--sp-2);flex-wrap:wrap}[role=tab]{flex:1 1 auto;min-width:120px;padding:var(--sp-3) var(--sp-4);font-weight:800;border:2px solid #ffffff;background:#ffffff26;color:#fff;border-radius:var(--radius-pill);box-shadow:none;font-size:var(--fs-base);letter-spacing:.04em}[role=tab]:hover:not([aria-selected=true]){background:#ffffff47;transform:none;box-shadow:none}[role=tab][aria-selected=true]{background:var(--pkmn-yellow);border-color:var(--pkmn-yellow);color:var(--color-text);text-shadow:none;box-shadow:0 2px 0 0 var(--pkmn-yellow-dark)}main{padding:var(--sp-4);max-width:1440px;margin:0 auto}[role=tabpanel][hidden]{display:none}[role=tabpanel]{outline:none}.banner{margin-bottom:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:600}.banner--warning{background:#ffcb0538;border:2px solid var(--pkmn-yellow);color:#5a4500}.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}@media (min-width: 768px){body>header{padding:var(--sp-4) var(--sp-5)}.app-header__top{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--sp-4)}.app-header__title{font-size:var(--fs-lg)}.set-selector{flex:0 0 auto}.set-selector__select{flex:0 0 auto;min-width:220px}[role=tab]{flex:0 0 auto;min-width:160px}main{padding:var(--sp-5)}}@media (min-width: 1024px){main{padding:var(--sp-6)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:0ms!important;animation-duration:0ms!important;animation-iteration-count:1!important}button:hover:not(:disabled){transform:none}}.booster{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);padding:var(--sp-3) 0}@media (min-width: 768px){.booster{gap:var(--sp-5);padding:var(--sp-4) 0}}.booster--closed{justify-content:center}.booster-pack-big{width:220px;aspect-ratio:488 / 896;border-radius:var(--radius-md);border:4px solid var(--pkmn-yellow);background-position:center;background-size:cover;background-repeat:no-repeat;background-color:var(--color-bg-soft);box-shadow:0 8px 0 0 var(--pkmn-yellow-dark)}@media (min-width: 768px){.booster-pack-big{width:260px}}@media (min-width: 1024px){.booster-pack-big{width:300px}}.home{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3) 0}.home__intro{margin:0;text-align:center;font-weight:700;color:var(--color-text-muted);font-size:var(--fs-sm)}@media (min-width: 768px){.home{gap:var(--sp-4);padding:var(--sp-4) 0}.home__intro{font-size:var(--fs-base)}}.set-picker{display:grid;gap:var(--sp-3)}.set-picker--grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));width:100%;max-width:880px;margin:0 auto}.set-picker__item{position:relative;aspect-ratio:488 / 896;border-radius:var(--radius-md);border:3px solid var(--color-border);background-color:var(--color-bg-soft);background-position:center;background-size:cover;background-repeat:no-repeat;cursor:pointer;padding:0;overflow:hidden;box-shadow:0 4px #1a25472e;transition:none!important;min-width:0;min-height:0}.set-picker__item:hover,.set-picker__item:focus,.set-picker__item:active{transform:none!important;background-color:var(--color-bg-soft)!important;box-shadow:0 4px #1a25472e!important;border-color:var(--color-border)}.set-picker__item.is-active,.set-picker__item.is-active:hover,.set-picker__item.is-active:focus,.set-picker__item.is-active:active{border-color:var(--pkmn-yellow)!important;box-shadow:0 4px 0 0 var(--pkmn-yellow-dark)!important}.set-picker__item:focus-visible{outline:3px solid var(--pkmn-blue);outline-offset:2px}.set-picker__name{position:absolute;left:0;right:0;bottom:0;padding:4px 6px;font-size:10px;font-weight:800;letter-spacing:.04em;color:#fff;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.78) 100%);text-align:center;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width: 480px){.set-picker--grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:var(--sp-2)}}.booster-stats{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:stretch;justify-content:center;padding:var(--sp-2) var(--sp-3);background:var(--color-bg-elev);border:2px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 2px 0 0 var(--color-border);width:100%;max-width:880px}.booster-stats__item{display:flex;flex-direction:column;gap:2px;flex:1 1 80px;min-width:80px;text-align:center}.booster-stats__label{font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-weight:700}.booster-stats__value{font-family:var(--font-display);font-size:var(--fs-md);font-weight:900;color:var(--pkmn-blue-dark);line-height:1}@media (min-width: 768px){.booster-stats{gap:var(--sp-3)}.booster-stats__item{flex:0 0 auto;min-width:120px}.booster-stats__label{font-size:var(--fs-xs);letter-spacing:.06em}.booster-stats__value{font-size:var(--fs-lg)}}.booster-stats__item--missing .booster-stats__value{color:var(--pkmn-red)}.booster-open-btn{background:var(--pkmn-yellow);color:var(--color-text);border-color:var(--pkmn-yellow-dark);box-shadow:0 4px 0 0 var(--pkmn-yellow-dark);font-family:var(--font-display);font-weight:800;font-size:var(--fs-base);padding:var(--sp-3) var(--sp-4);letter-spacing:.03em;text-transform:uppercase;max-width:100%;white-space:normal;text-align:center}@media (min-width: 768px){.booster-open-btn{font-size:var(--fs-md);padding:var(--sp-3) var(--sp-6)}}.booster-open-btn:hover:not(:disabled){background:#ffd84d;border-color:var(--pkmn-yellow-dark);box-shadow:0 5px 0 0 var(--pkmn-yellow-dark)}.booster-open-btn:active:not(:disabled){box-shadow:0 2px 0 0 var(--pkmn-yellow-dark)}.booster-cards{position:relative;width:320px;height:200px;margin:0 auto}.card{position:absolute;left:0;top:0;width:140px;height:196px;perspective:1000px;border-radius:var(--radius-md);cursor:pointer;user-select:none;transform:translate(calc(var(--idx, 0) * -1.5px),calc(var(--idx, 0) * -1.5px));transition:transform .6s cubic-bezier(.4,0,.2,1)}.card.is-revealed{transform:translate(120%) rotate(calc((var(--idx, 0) - 2.5) * 5deg)) translateY(calc((var(--idx, 0) - 2.5) * 2px));z-index:calc(var(--idx, 0) + 10)!important}.card:focus-visible{outline-offset:4px}.card__inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-md);box-shadow:-2px 2px 8px #0003}.card.is-revealed .card__inner{transform:rotateY(180deg)}@keyframes celebratory-flip{0%{transform:rotateY(0) scale(1) translateY(0)}50%{transform:rotateY(90deg) scale(1.2) translateY(-20px)}to{transform:rotateY(180deg) scale(1) translateY(0)}}.card.is-revealed.is-celebration .card__inner{animation:celebratory-flip .8s cubic-bezier(.34,1.56,.64,1) forwards}.card__face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-elev)}.card__face--back{background:url(../card-back.jpg) center/cover no-repeat;display:flex;align-items:center;justify-content:center;border:1px solid #1a2547}.card__face--front{transform:rotateY(180deg);border:3px solid var(--color-border-strong);background:var(--color-bg-elev)}.card__face--front img{width:100%;height:100%;object-fit:cover}.card__new-badge{position:absolute;top:6px;left:6px;z-index:2;background:linear-gradient(135deg,#ff3d6e,#ffb84d);color:#fff;font-family:var(--font-display);font-weight:800;font-size:11px;letter-spacing:.08em;padding:3px 7px;border-radius:var(--radius-pill);border:1.5px solid #ffffff;box-shadow:0 2px 6px #00000059;text-shadow:0 1px 1px rgba(0,0,0,.25);pointer-events:none;opacity:0;transform:scale(.6);transition:opacity .2s ease-out .25s,transform .3s cubic-bezier(.34,1.56,.64,1) .25s}.card.is-new.is-revealed .card__new-badge{opacity:1;transform:scale(1);animation:new-badge-pulse 1.6s ease-in-out .6s infinite}@keyframes new-badge-pulse{0%,to{box-shadow:0 2px 6px #00000059,0 0 #ff3d6e8c}50%{box-shadow:0 2px 6px #00000059,0 0 0 8px #ff3d6e00}}.card.rarity-04.is-revealed{box-shadow:0 0 24px var(--glow-04)}.card.rarity-04.is-revealed .card__face--front{border-color:var(--glow-04)}.card.rarity-05.is-revealed{box-shadow:0 0 28px var(--glow-05)}.card.rarity-05.is-revealed .card__face--front{border-color:var(--glow-05)}.card.rarity-06.is-revealed{box-shadow:0 0 34px var(--glow-06)}.card.rarity-06.is-revealed .card__face--front{border-color:var(--glow-06)}.card.rarity-07.is-revealed{box-shadow:0 0 44px var(--glow-07);animation:legendary-pulse 2.5s ease-in-out infinite}.card.rarity-07.is-revealed .card__face--front{border-color:var(--glow-07)}@keyframes legendary-pulse{0%,to{box-shadow:0 0 32px var(--glow-07)}50%{box-shadow:0 0 64px var(--glow-07)}}.booster-controls{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;justify-content:center}.booster-controls__progress{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:700;color:var(--pkmn-blue-dark);min-width:0;text-align:center;padding:var(--sp-2) var(--sp-3);background:var(--color-bg-elev);border:2px solid var(--color-border);border-radius:var(--radius-pill)}@media (min-width: 768px){.booster-controls__progress{font-size:var(--fs-base);min-width:160px;padding:var(--sp-2) var(--sp-4)}}.btn--primary{background:var(--pkmn-blue);color:#fff;border-color:var(--pkmn-blue-dark);box-shadow:0 4px 0 0 var(--pkmn-blue-dark);font-weight:800}.btn--primary:hover:not(:disabled){background:var(--pkmn-blue-dark);border-color:var(--pkmn-blue-dark);box-shadow:0 5px 0 0 var(--pkmn-blue-dark);color:#fff}.btn--primary:active:not(:disabled){box-shadow:0 2px 0 0 var(--pkmn-blue-dark)}.btn--ghost{background:var(--color-bg-elev);color:var(--color-text)}@media (max-width: 480px){.booster-cards{width:260px;height:180px}.card{width:120px;height:168px}}@media (max-width: 360px){.booster-cards{width:220px;height:160px}.card{width:100px;height:140px}}@media (min-width: 1024px){.booster-cards{width:380px;height:240px}.card{width:160px;height:224px}}.collection-header{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:stretch;justify-content:space-between;margin-bottom:var(--sp-4);padding:var(--sp-3);background:var(--color-bg-elev);border:2px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 2px 0 0 var(--color-border)}@media (min-width: 768px){.collection-header{align-items:center;padding:var(--sp-4)}}.collection-header__total{display:flex;flex-direction:column}.collection-header__total-label{font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.collection-header__total-count{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:900;color:var(--pkmn-red);letter-spacing:.02em;line-height:1}@media (min-width: 768px){.collection-header__total-count{font-size:var(--fs-xl)}}.collection-header__breakdown{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.collection-header__set-stats{display:flex;flex-direction:column;gap:2px;padding:var(--sp-2) var(--sp-3);background:var(--color-bg-soft);border:2px solid var(--color-border);border-radius:var(--radius-md)}.collection-header__set-stat{font-size:var(--fs-xs);font-weight:700;color:var(--pkmn-blue-dark);letter-spacing:.02em}.chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-pill);border:2px solid var(--color-border);background:var(--color-bg-soft);font-size:var(--fs-xs);color:var(--color-text);font-weight:700;letter-spacing:.03em;white-space:nowrap}.chip--rarity-03{color:var(--glow-03);border-color:#4f8ff080}.chip--rarity-04{color:var(--glow-04);border-color:#9b7df080}.chip--rarity-05{color:var(--glow-05);border-color:#ec5fa780}.chip--rarity-06{color:var(--glow-06);border-color:#ff8a3d80}.chip--rarity-07{color:#8a6300;border-color:var(--pkmn-yellow);background:#ffcb052e}.chip--filter{cursor:pointer;min-height:var(--tap-target);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);color:var(--color-text);background:var(--color-bg-elev);border-color:var(--color-border-strong);font-weight:700;box-shadow:0 2px 0 0 var(--color-border);transition:transform 80ms ease,box-shadow .14s ease}.chip--filter:hover:not(.is-active){background:var(--pkmn-cream);transform:translateY(-1px);box-shadow:0 3px 0 0 var(--color-border)}.chip--filter.is-active{background:var(--pkmn-blue);border-color:var(--pkmn-blue-dark);color:#fff;box-shadow:0 2px 0 0 var(--pkmn-blue-dark)}.collection-filters{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-4)}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--sp-2);content-visibility:auto}@media (min-width: 768px){.collection-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--sp-3)}}@media (min-width: 1024px){.collection-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.coll-slot{position:relative;aspect-ratio:5 / 7;border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--color-border);background:var(--color-bg-elev);transition:transform .12s ease}.coll-slot.is-owned{border-color:transparent}.coll-slot.is-owned:hover{transform:translateY(-2px)}.coll-slot.rarity-04.is-owned{box-shadow:0 0 14px #9b7df080}.coll-slot.rarity-05.is-owned{box-shadow:0 0 16px #ec5fa780}.coll-slot.rarity-06.is-owned{box-shadow:0 0 20px #ff8a3d99}.coll-slot.rarity-07.is-owned{box-shadow:0 0 24px var(--pkmn-yellow)}.coll-slot img{width:100%;height:100%;object-fit:cover;display:block}.coll-slot.is-locked{background:linear-gradient(135deg,var(--pkmn-sky),#d8e4f7)}.coll-slot__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:900;color:#4d5b8073;font-family:var(--font-display)}.coll-slot__num{position:absolute;top:var(--sp-1);left:var(--sp-2);background:#1a2547c7;color:#fff;font-size:var(--fs-xs);padding:2px 6px;border-radius:4px;font-weight:700}.coll-slot__badge{position:absolute;bottom:var(--sp-1);right:var(--sp-2);background:var(--pkmn-red);color:#fff;font-size:var(--fs-xs);font-weight:800;padding:2px 8px;border-radius:var(--radius-pill);border:2px solid #ffffff;box-shadow:0 1px 4px #0000004d}.collection-header__actions .btn,.collection-header__actions button{font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3);background:var(--color-bg-elev);color:var(--pkmn-red);border-color:var(--pkmn-red);box-shadow:0 2px 0 0 var(--pkmn-red-dark)}.collection-header__actions button:hover:not(:disabled){background:var(--color-accent-soft);color:var(--pkmn-red-dark)}.collection-empty{grid-column:1 / -1;text-align:center;color:var(--color-text-muted);padding:var(--sp-7) var(--sp-4);font-weight:600}