:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080a12;--panel:#101522;--panel-2:#151b29;--line:#ffffff1a;--text:#f5f7ff;--muted:#98a2b7;--mint:#5ef0ca;--pink:#ff4fd8;--yellow:#ffe75d;--rare:#3e8dff;--epic:#ab52ff;--legendary:#ff8a3c;--mythic:#f5c54b;--special:linear-gradient(90deg, #ff54d8, #ffe75d 50%, #64f2d1);--display:Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Narrow", sans-serif;--body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:radial-gradient(circle at 12% 5%, #ab52ff21, transparent 28rem), radial-gradient(circle at 88% 10%, #3e8dff1f, transparent 30rem), var(--bg);min-width:320px;color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;color:inherit}img{max-width:100%;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-shell{overflow:clip}.site-header,main>section,footer{width:min(100% - 32px,1240px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:78px;display:flex}.brand{color:#fff;min-width:0;font-family:var(--display);letter-spacing:.035em;text-transform:uppercase;align-items:center;gap:10px;font-size:22px;text-decoration:none;display:inline-flex}.brand-copy{white-space:nowrap}.brand-copy>span{color:var(--mint)}.brand-mark{width:40px;height:40px;color:var(--mint);background:#5ef0ca14;border:1px solid #5ef0ca52;border-radius:12px;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 16px #5ef0ca14}.brand-mark img{width:32px;height:32px}.header-actions{flex:none;justify-items:end;gap:4px;display:grid}.header-actions__buttons{gap:8px;display:flex}.header-actions__buttons button{color:#fff;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:11px;font-weight:800;transition:transform .15s,filter .15s,box-shadow .15s,border-color .15s;display:inline-flex}.header-actions__buttons .header-action--share{color:#06130f;background:linear-gradient(135deg,#6ff5d4,#43d9d1);border-color:#85ffe1d1;box-shadow:0 0 18px #5ef0ca33,inset 0 1px #ffffff59}.header-actions__buttons .header-action--save{background:linear-gradient(135deg,#8546f4,#c348ee);border-color:#d397ffb8;box-shadow:0 0 18px #ab52ff40,inset 0 1px #fff3}.header-action--share:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 0 25px #5ef0ca61,inset 0 1px #ffffff6b}.header-actions__buttons .header-action--share.is-copied{background:linear-gradient(135deg,#a0ffe7,#5ef0ca);transform:translateY(-1px);box-shadow:0 0 28px #5ef0ca80,inset 0 1px #ffffff80}.header-actions__buttons .header-action--share.is-error{color:#fff;background:linear-gradient(135deg,#d94b69,#aa315c);border-color:#ff8a8ac7;box-shadow:0 0 22px #d94b6957}.header-action--save:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 0 25px #ab52ff6e,inset 0 1px #ffffff42}.header-actions__buttons button:disabled{cursor:wait;opacity:.48;filter:saturate(.45)}.header-actions__buttons button:disabled:hover{filter:saturate(.45);transform:none}.header-actions__feedback{color:#7f899b;min-height:14px;font-size:9px;font-weight:750}.tool-intro{grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);align-items:center;gap:clamp(28px,5vw,72px);padding-block:34px 30px;display:grid}.section-kicker{color:var(--mint);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:850;display:inline-flex}.tool-intro h1{max-width:760px;font-family:var(--display);letter-spacing:-.025em;text-transform:uppercase;text-shadow:0 2px #ffffff14;margin:0;font-size:clamp(50px,5.5vw,68px);font-style:italic;font-weight:900;line-height:.9}.progress-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f141fc7;border-radius:18px;padding:22px;box-shadow:0 22px 55px #00000038,inset 0 0 30px #5ef0ca06}.progress-card__heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:18px;padding-bottom:17px;display:flex}.progress-card__heading>span{color:var(--mint);letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:850}.progress-card__heading>strong{font-family:var(--display);font-size:35px;font-style:italic;line-height:.8}.progress-card__heading small{color:#778296;font-size:18px}.progress-card__stats{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.progress-card__stats div{border-right:1px solid var(--line);min-width:0;padding:17px 14px 15px}.progress-card__stats div:first-child{padding-left:0}.progress-card__stats div:last-child{border-right:0;padding-right:0}.progress-card__stats strong{font-family:var(--display);font-size:28px;font-style:italic;line-height:1;display:block}.progress-card__stats span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:5px;font-size:10px;font-weight:800;display:block}.completion-row{color:#8d97aa;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;width:100%;margin-top:4px;font-size:11px;font-weight:750;display:flex}.completion-track{background:#ffffff17;border-radius:999px;flex:1;height:4px;overflow:hidden}.completion-track span{border-radius:inherit;background:var(--special);height:100%;transition:width .28s;display:block}.interaction-hint{background:#5ef0ca0e;border:1px solid #5ef0ca2e;border-radius:14px;align-items:center;gap:24px;width:min(100% - 32px,1240px);margin:0 auto 26px;padding:14px 16px;display:flex}.interaction-hint>div{align-items:center;gap:10px;display:flex}.interaction-hint p{color:#adb6c6;margin:0;font-size:13px}.interaction-hint p strong{color:#fff}.hint-icon{color:#08130f;background:var(--mint);border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.hint-icon--crown{color:#201700;background:var(--yellow)}.interaction-hint>button{color:#08130f;background:var(--mint);cursor:pointer;border:0;border-radius:9px;min-height:40px;margin-left:auto;padding:0 16px;font-size:12px;font-weight:850}.notice{color:#f5df89;background:#ffe75d0f;border:1px solid #ffe75d3d;border-radius:10px;width:min(100% - 32px,1240px);margin:0 auto 20px;padding:12px 16px;font-size:13px}.collection-section .interaction-hint,.collection-section .notice{width:100%}.shared-notice{color:#aeb7c7;background:#5ef0ca0f;border:1px solid #5ef0ca3d;border-radius:999px;align-items:center;gap:9px;margin:0 0 22px;padding:9px 12px;font-size:11px;display:inline-flex}.shared-notice strong{color:var(--mint)}.shared-notice span{border-left:1px solid #ffffff21;padding-left:9px}.collection-section{padding-bottom:90px}.section-heading{border-top:1px solid var(--line);margin-bottom:25px;padding-top:28px}.section-heading h2,.content-panel h2,.new-sprites-heading h2{font-family:var(--display);letter-spacing:-.015em;text-transform:uppercase;margin:7px 0 0;font-size:clamp(38px,5vw,64px);font-style:italic;line-height:.95}.filter-shell{z-index:30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d111be6;border:1px solid #ffffff1c;border-radius:16px;margin-bottom:37px;position:sticky;top:10px;box-shadow:0 18px 45px #0000003d}.filter-bar{grid-template-columns:minmax(190px,1.1fr) auto auto auto;gap:10px;padding:10px;display:grid}.search-field,.select-field{border:1px solid var(--line);color:#7f899c;background:#ffffff09;border-radius:10px;align-items:center;gap:9px;min-height:46px;padding:0 14px;display:flex}.search-field:focus-within,.select-field:focus-within{border-color:#5ef0ca9e;box-shadow:0 0 0 3px #5ef0ca17}.search-field input,.select-field select{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0}.search-field input::placeholder{color:#687285}.select-field select{cursor:pointer;font-size:12px;font-weight:750}.status-tabs{border:1px solid var(--line);background:#ffffff06;border-radius:10px;padding:4px;display:flex}.status-tabs button{color:#8e98aa;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:36px;padding:0 12px;font-size:11px;font-weight:800}.status-tabs button:hover{color:#fff}.status-tabs button.is-active{color:#08130f;background:var(--mint);box-shadow:0 2px 12px #5ef0ca2e}.filter-summary{color:#778194;justify-content:space-between;align-items:center;min-height:34px;padding:0 13px 8px;font-size:11px;display:flex}.filter-summary strong{color:#dce3ee}.filter-summary button{color:var(--mint);cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:800}.family-group{margin-top:44px}.family-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex}.family-heading>div{align-items:center;gap:10px;display:flex}.family-heading h3{font-family:var(--display);letter-spacing:.015em;text-transform:uppercase;margin:0;font-size:25px;font-style:italic}.family-heading>span{color:#727c8f;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.family-dot{background:var(--rarity-color);width:9px;height:9px;box-shadow:0 0 12px var(--rarity-color);border-radius:50%}[data-rarity=rare]{--rarity-color:var(--rare)}[data-rarity=epic]{--rarity-color:var(--epic)}[data-rarity=legendary]{--rarity-color:var(--legendary)}[data-rarity=mythic]{--rarity-color:var(--mythic)}[data-rarity=special]{--rarity-color:var(--pink)}.sprite-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.sprite-card{background:linear-gradient(160deg,#1b2231f5,#0e121dfa);border:1px solid #ffffff1c;border-radius:14px;min-width:0;transition:transform .16s,border-color .16s,box-shadow .16s;position:relative;overflow:hidden}.sprite-card:after{content:"";z-index:3;background:var(--rarity-color);height:4px;position:absolute;inset:auto 0 0}.sprite-card[data-rarity=special]:after{background:var(--special)}.sprite-card:hover{border-color:color-mix(in srgb, var(--rarity-color) 55%, white 10%);transform:translateY(-3px);box-shadow:0 14px 34px #00000042}.sprite-card.is-owned{border-color:#5ef0ca7a;box-shadow:inset 0 0 0 1px #5ef0ca14}.sprite-card.is-mastered{border-color:#ffe75d94}.sprite-card__body{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.sprite-card__image-wrap{aspect-ratio:1/.93;background:radial-gradient(circle at 50% 62%, color-mix(in srgb, var(--rarity-color) 24%, transparent), transparent 43%), linear-gradient(145deg, #ffffff0a, transparent 45%);display:block;position:relative;overflow:hidden}.sprite-card__image-wrap:before{content:"";border:1px solid #ffffff0a;border-radius:50%;position:absolute;inset:10%}.sprite-card__image-wrap img{z-index:1;object-fit:contain;filter:drop-shadow(0 13px 16px #0000006b);width:100%;height:100%;padding:7%;transition:transform .18s;position:relative}.sprite-card:hover img{transform:scale(1.035)}.owned-mark{z-index:4;color:#07130f;background:var(--mint);border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:absolute;top:9px;left:9px;box-shadow:0 0 18px #5ef0ca59}.sprite-card__copy{min-height:90px;padding:13px 14px 16px;display:block}.rarity-pill{border:1px solid color-mix(in srgb, var(--rarity-color) 56%, transparent);min-height:20px;color:color-mix(in srgb, var(--rarity-color) 75%, white 25%);background:color-mix(in srgb, var(--rarity-color) 10%, transparent);letter-spacing:.11em;text-transform:uppercase;border-radius:99px;align-items:center;padding:0 8px;font-size:8px;font-weight:900;display:inline-flex}.sprite-card[data-rarity=rare] .rarity-pill:before{content:"Rare"}.sprite-card[data-rarity=epic] .rarity-pill:before{content:"Epic"}.sprite-card[data-rarity=legendary] .rarity-pill:before{content:"Legendary"}.sprite-card[data-rarity=mythic] .rarity-pill:before{content:"Mythic"}.sprite-card[data-rarity=special] .rarity-pill:before{content:"Special"}.sprite-card[data-rarity=special] .rarity-pill{color:#fff;background:linear-gradient(90deg,#ff4fd82b,#64f2d11f);border-color:#fff3}.sprite-card__copy strong{color:#f4f7fc;margin-top:9px;font-size:13px;line-height:1.27;display:block}.master-button{z-index:5;color:#788397;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#080b13b3;border:1px solid #ffffff1f;border-radius:12px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:9px;right:9px}.master-button:hover{color:var(--yellow);border-color:#ffe75d6b}.master-button[aria-pressed=true]{color:#201700;border-color:var(--yellow);background:var(--yellow);box-shadow:0 0 20px #ffe75d47}.sprite-card button:focus-visible,.filter-shell button:focus-visible,.filter-shell input:focus-visible,.filter-shell select:focus-visible,.interaction-hint button:focus-visible,.header-actions button:focus-visible,.empty-state button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.sprite-card.is-upcoming{opacity:.72;filter:saturate(.72)}.sprite-card.is-upcoming:hover{box-shadow:none;transform:none}.sprite-card button:disabled{cursor:not-allowed}.sprite-card.is-readonly:hover{box-shadow:none;transform:none}.sprite-card.is-readonly button:disabled{cursor:default}.upcoming-ribbon{z-index:3;color:#090b12;background:var(--yellow);letter-spacing:.09em;text-transform:uppercase;padding:6px 10px;font-size:9px;font-weight:900;position:absolute;bottom:0;left:0}.empty-state{color:#788397;text-align:center;border:1px dashed #ffffff21;border-radius:16px;justify-items:center;padding:64px 20px;display:grid}.empty-state h3{color:#fff;margin:14px 0 4px;font-size:18px}.empty-state p{margin:0;font-size:13px}.empty-state button{min-height:44px;color:var(--mint);cursor:pointer;background:#5ef0ca12;border:1px solid #5ef0ca59;border-radius:9px;margin-top:18px;padding:0 18px;font-weight:800}.new-sprites-section{background:linear-gradient(135deg,#ab52ff12,#3e8dff0a 60%,#5ef0ca0d);border:1px solid #ffffff1c;border-radius:20px;margin-top:82px;padding:34px}.new-sprites-heading{margin-bottom:26px}.new-sprites-heading h2{margin:0;font-size:clamp(34px,4vw,52px)}.new-sprites-empty{background:#070a1280;border:1px solid #ffffff14;border-radius:14px;min-height:120px;padding:28px}.new-sprites-empty strong{font-size:16px}.new-sprites-empty p{color:#8791a4;margin:7px 0 0;font-size:12px;line-height:1.7}.content-panel{border-top:1px solid var(--line);padding-block:90px}.content-panel__heading{max-width:720px}.content-panel__heading>p{color:var(--muted);line-height:1.7}.checklist-guide{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(42px,7vw,96px);display:grid}.checklist-guide .content-panel__heading{max-width:620px}.checklist-guide__items{border-top:1px solid var(--line)}.checklist-guide__items>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(150px,.72fr) minmax(0,1.28fr);gap:24px;padding:22px 0;display:grid}.checklist-guide__items strong{color:#eef2f8;font-size:13px}.checklist-guide__items p{color:#818b9e;margin:0;font-size:12px;line-height:1.7}.rarity-list{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:34px;display:grid}.rarity-list article{border:1px solid var(--line);background:var(--panel);border-radius:14px;min-width:0;padding:20px}.rarity-swatch{background:var(--rarity-color);border-radius:99px;width:100%;height:5px;margin-bottom:18px;display:block}.rarity-list article[data-rarity=special] .rarity-swatch{background:var(--special)}.rarity-list h3{font-family:var(--display);text-transform:uppercase;margin:0;font-size:23px;font-style:italic}.rarity-list p{color:#7f899b;margin:8px 0 0;font-size:11px;line-height:1.6}.faq{grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:70px;display:grid}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{color:#e9edf5;cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:68px;font-size:14px;font-weight:750;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--mint);font-size:22px;font-weight:400;transition:transform .16s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:#8c96a8;max-width:740px;margin:-4px 0 22px;font-size:13px;line-height:1.75}footer{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:36px;padding-block:34px 48px;display:grid}footer p{color:#687285;max-width:700px;margin:0;font-size:9px;line-height:1.65}footer a{color:#aeb7c7;font-size:11px;font-weight:800;text-decoration:none}.not-found{text-align:center;place-content:center;justify-items:center;min-height:100vh;padding:30px;display:grid}.not-found>span{color:var(--mint);font-family:var(--display);font-size:24px;font-style:italic}.not-found h1{font-family:var(--display);text-transform:uppercase;margin:8px 0;font-size:clamp(52px,10vw,92px);font-style:italic}.not-found p{color:var(--muted);margin:0 0 22px}.not-found a{color:#07130f;background:var(--mint);border-radius:10px;align-items:center;min-height:44px;padding:0 18px;font-weight:850;text-decoration:none;display:inline-flex}@media (width<=1080px){.sprite-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.filter-bar{grid-template-columns:minmax(200px,1fr) auto auto}.status-tabs{grid-area:2/1/auto/-1}.status-tabs button{flex:1}.rarity-list{grid-template-columns:repeat(3,1fr)}}@media (width<=820px){.tool-intro{grid-template-columns:1fr;padding-top:44px}.progress-card{width:100%}.sprite-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-shell{top:8px}.filter-bar{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.status-tabs{grid-area:auto/1/auto/-1;overflow-x:auto}.interaction-hint{flex-wrap:wrap;align-items:stretch}.interaction-hint>button{margin-left:0}.checklist-guide,.faq{grid-template-columns:1fr;gap:28px}footer{grid-template-columns:1fr;gap:18px}}@media (width<=620px){.site-header,main>section,footer,.interaction-hint,.notice{width:min(100% - 22px,1240px)}.site-header{flex-wrap:wrap;gap:8px;min-height:66px;padding-block:12px}.brand{flex:100%;font-size:16px;line-height:.95}.brand-copy{white-space:normal}.brand-copy>span{display:block}.brand-mark{width:35px;height:35px}.brand-mark img{width:29px;height:29px}.header-actions{justify-items:stretch;width:100%}.header-actions__buttons{grid-template-columns:1fr 1fr;display:grid}.header-actions__feedback{text-align:right}.tool-intro{gap:22px;padding-block:30px 26px}.tool-intro h1{font-size:clamp(42px,14vw,58px)}.progress-card{padding:18px 16px}.progress-card__stats div{text-align:center;padding:14px 10px 12px}.progress-card__stats strong{font-size:25px}.interaction-hint{gap:12px;display:grid}.interaction-hint>button{width:100%;min-height:44px}.section-heading h2,.content-panel h2{font-size:40px}.filter-shell{border-radius:13px;margin-inline:-5px}.filter-bar{grid-template-columns:1fr 1fr;gap:7px;padding:7px}.status-tabs{padding:3px}.status-tabs button{min-width:max-content;padding:0 10px}.select-field{padding-inline:10px}.family-group{margin-top:34px}.family-heading h3{font-size:21px}.sprite-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sprite-card__copy{min-height:86px;padding:11px 10px 14px}.sprite-card__copy strong{font-size:11.5px}.master-button{top:7px;right:7px}.owned-mark{top:7px;left:7px}.new-sprites-section{margin-top:60px;padding:22px 16px}.checklist-guide__items>div{grid-template-columns:1fr;gap:7px}.rarity-list{grid-template-columns:1fr 1fr}.rarity-list article:last-child{grid-column:1/-1}.content-panel{padding-block:68px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}