/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.block{display:block}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--bg:#0c0f12;--panel:#15191e;--panel-2:#1b2026;--line:#2a3037;--text:#f4f6f8;--muted:#8b929a;--lime:#d7ff43;--violet:#856dff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button{color:inherit;font:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--profile);outline-offset:3px}.app-shell{--profile:#24b9b2;background:var(--bg);min-height:100vh}.profile-samuel{--profile:var(--violet)}.profile-ana{--profile:#ff6f65}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c0f12ec;border-bottom:1px solid #24292f;justify-content:center;align-items:center;min-height:76px;padding:12px 20px;display:flex;position:sticky;top:0}.players{background:#191d22;border:1px solid #292f36;border-radius:999px;gap:7px;max-width:100%;padding:5px;display:flex;overflow:auto}.player{white-space:nowrap;color:#8c939b;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:7px 13px 7px 8px;font-size:13px;font-weight:800;transition:all .18s;display:flex}.player span{color:#c7ccd1;background:#30363d;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;display:grid}.player:hover{color:#fff}.player.active{color:#101317;background:#f1f3f4;box-shadow:0 5px 18px #0006}.player.active span{background:var(--profile);color:#fff}.progress-section{width:min(760px,100% - 40px);margin:0 auto;padding:38px 0 34px}.progress-name{justify-content:space-between;align-items:end;margin-bottom:13px;display:flex}.progress-name strong{letter-spacing:-.04em;font-size:23px}.progress-name span{color:var(--lime);font-size:18px;font-weight:900}.progress-track{background:#292f35;border-radius:99px;height:9px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,var(--profile),var(--lime));min-width:2px;height:100%;transition:width .3s;display:block}.progress-stats{color:#737b84;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:20px;margin-top:18px;font-size:10px;display:flex}.progress-stats span{flex:1}.progress-stats span:nth-child(2){text-align:center}.progress-stats span:last-child{text-align:right}.progress-stats b{color:#fff;letter-spacing:-.03em;margin-bottom:4px;font-size:22px;display:block}.catalog{max-width:1580px;margin:auto;padding:0 clamp(18px,4.5vw,70px) 80px}.catalog-toolbar{border-top:1px solid #242a30;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 0 14px;display:flex}.filters{scrollbar-width:thin;gap:7px;padding:2px 0 6px;display:flex;overflow:auto}.filter{white-space:nowrap;color:#9ba2aa;background:#14181d;border:1px solid #30363d;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:800;transition:all .15s}.filter:hover{color:#fff;border-color:#4a525c}.filter span{color:#626a73;margin-left:4px}.filter.active{color:#0e1114;background:#f2f4f5;border-color:#f2f4f5}.filter.active span{color:var(--profile)}.toolbar-actions{flex:none;align-items:center;gap:8px;display:flex}.unreleased-toggle{color:#8f969e;white-space:nowrap;background:#151a1f;border:1px solid #3b424a;border-radius:9px;align-items:center;gap:7px;min-height:36px;padding:7px 11px;font-size:10px;font-weight:900;display:flex}.unreleased-toggle>span{background:#353c44;border-radius:99px;width:28px;height:16px;padding:2px;transition:all .18s}.unreleased-toggle>span:after{content:"";background:#858d96;border-radius:50%;width:12px;height:12px;transition:all .18s;display:block}.unreleased-toggle b{color:#b4bac0;background:#252b31;border-radius:99px;min-width:18px;padding:2px 5px;font-size:9px}.unreleased-toggle:hover{color:#fff;border-color:#59626d}.unreleased-toggle.active{color:#101317;background:#f2f4f5;border-color:#f2f4f5}.unreleased-toggle.active>span{background:var(--profile)}.unreleased-toggle.active>span:after{background:#fff;transform:translate(12px)}.unreleased-toggle.active b{color:#30363d;background:#d9dde0}.sync-button{color:#dce0e3;background:#1c2127;border:1px solid #3b424a;border-radius:9px;flex:none;align-items:center;gap:7px;min-height:36px;padding:8px 13px;font-size:11px;font-weight:900;display:flex}.sync-button:hover{border-color:var(--lime);color:var(--lime)}.sync-button:disabled{opacity:.6;cursor:wait}.sync-button>span{font-size:18px;line-height:.7}.spinning{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-line{color:#777f88;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;min-height:38px;font-size:10px;display:flex}.status-line>span{color:#777f88}.status-line>span.online{color:var(--lime)}.status-line b{color:#a5abb1;margin-left:auto}.sprite-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:11px;display:grid}.sprite-card{background:var(--panel);border:1px solid #282e35;border-radius:14px;min-width:0;transition:all .2s;position:relative;overflow:hidden}.sprite-card:hover{border-color:#444c56;transform:translateY(-3px);box-shadow:0 14px 30px #0005}.sprite-card.is-owned{border:2px solid var(--profile);background:var(--profile)}@supports (color:color-mix(in lab, red, red)){.sprite-card.is-owned{background:color-mix(in srgb,var(--profile) 10%,var(--panel))}}.sprite-card.is-owned{box-shadow:0 0 0 1px var(--profile),0 10px 28px var(--profile)}@supports (color:color-mix(in lab, red, red)){.sprite-card.is-owned{box-shadow:0 0 0 1px color-mix(in srgb,var(--profile) 38%,transparent),0 10px 28px color-mix(in srgb,var(--profile) 20%,transparent)}}.image-wrap{aspect-ratio:1/1.02;background:radial-gradient(circle at 50% 46%,#292f35 0 20%,#20252a 74%);place-items:center;display:grid;position:relative;overflow:hidden}.is-owned .image-wrap{background:radial-gradient(circle at 50% 46%,var(--profile) 0 17%,#20252a 72%)}@supports (color:color-mix(in lab, red, red)){.is-owned .image-wrap{background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--profile) 28%,#272d33) 0 17%,#20252a 72%)}}.image-wrap img{object-fit:contain;width:94%;height:94%;transition:transform .22s}.sprite-card:hover img{transform:scale(1.035)}.card-copy{min-height:66px;padding:12px 12px 10px}.card-copy h2{color:#f1f3f5;letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;line-height:1.15;overflow:hidden}.card-copy p{color:#6e7680;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;margin:6px 0 0;font-size:8px;font-weight:800;overflow:hidden}.release-state{color:#d59b54;border-left:1px solid #4b535c;margin-left:6px;padding-left:6px}.card-actions{border-top:1px solid #2a3037;grid-template-columns:1fr 1fr;display:grid}.card-actions button{color:#6f7780;background:#171b20;border:0;min-width:0;padding:10px 2px;font-size:9px;font-weight:900;transition:all .15s}.card-actions button+button{border-left:1px solid #2a3037}.card-actions button:hover:not(:disabled){color:#fff;background:#20252b}.card-actions button:disabled{cursor:wait}.card-actions button span{margin-right:2px}.sprite-card.is-unreleased .card-actions button:disabled{cursor:not-allowed;color:#4f565e;background:#14181d}.card-actions button.selected.owned{background:var(--profile);color:#fff}.card-actions button.selected.mastered{background:var(--lime);color:#101317}.empty-state{color:#767e87;border:1px dashed #30363e;border-radius:16px;align-content:center;place-items:center;gap:12px;min-height:300px;display:grid}.empty-state h2{color:#d5d9dc;margin:0;font-size:20px}.empty-state button{background:#1a1f24;border:1px solid #414851;border-radius:999px;padding:9px 14px;font-size:11px;font-weight:800}@media (max-width:1280px){.sprite-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:1050px){.sprite-grid{grid-template-columns:repeat(5,1fr)}.catalog-toolbar{flex-direction:column}.toolbar-actions{align-self:flex-end}}@media (max-width:820px){.sprite-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:620px){.topbar{padding:11px 20px}.players{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid;overflow:hidden}.player{justify-content:center;min-width:0;padding:7px 5px;font-size:11px}.progress-section{width:calc(100% - 40px);padding:28px 16px 27px}.catalog{padding:0 12px 60px}.sprite-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.catalog-toolbar{min-width:0;padding-top:14px}.filters{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:100%;display:grid;overflow:hidden}.filter{white-space:normal;text-align:center;overflow-wrap:anywhere;width:100%;min-width:0;padding-inline:8px;line-height:1.2}.toolbar-actions{grid-template-columns:1fr;width:100%;display:grid}.unreleased-toggle,.sync-button{justify-content:center;width:100%}.card-copy{min-height:61px;padding:10px}.card-copy h2{font-size:13px}.progress-stats b{font-size:19px}}@media (max-width:350px){.player{font-size:10px}.player span{display:none}.card-actions button{font-size:8px}.progress-section{padding-inline:13px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
