:root{--color-background:#fff;--color-surface:#fff;--color-surface-dim:#f5f5f5;--color-surface-container-low:#fafafa;--color-surface-container:#f0f0f0;--color-surface-container-high:#e5e5e5;--color-surface-container-highest:#dcdcdc;--color-outline:#eee;--color-outline-variant:#ccc;--color-on-background:#1a1a1a;--color-on-surface:#1a1a1a;--color-on-surface-muted:#6b6b6b;--color-on-surface-subtle:#aaa;--color-primary:#0052ff;--color-on-primary:#fff;--color-primary-hover:#0041cc;--color-primary-container:#e6eeff;--color-on-primary-container:#001b53;--color-secondary:#e02020;--color-on-secondary:#fff;--color-secondary-container:#ffe9e9;--color-tertiary:gold;--color-on-tertiary:#1a1a1a;--color-tertiary-container:#fff9db;--color-success:#00a854;--color-on-success:#fff;--color-success-container:#e6f6ee;--color-error:#ba1a1a;--color-whatsapp:#25d366;--color-whatsapp-hover:#1ea952;--font-sans:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"Space Mono","SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;--text-headline-lg-size:32px;--text-headline-lg-line:40px;--text-headline-lg-weight:800;--text-headline-md-size:24px;--text-headline-md-line:32px;--text-headline-md-weight:700;--text-body-lg-size:16px;--text-body-lg-line:24px;--text-body-lg-weight:600;--text-body-md-size:14px;--text-body-md-line:20px;--text-body-md-weight:400;--text-label-md-size:12px;--text-label-md-line:16px;--text-label-md-weight:700;--text-label-md-spacing:.05em;--radius-sm:4px;--radius-default:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--shadow-card:0 1px 3px rgb(0 0 0/8%),0 1px 2px rgb(0 0 0/4%);--shadow-card-hover:0 8px 24px rgba(0,0,0,.12),0 4px 8px rgb(0 0 0/6%);--shadow-button:0 2px 6px rgba(0,82,255,.25);--shadow-whatsapp:0 4px 12px rgba(37,211,102,.3)}*{box-sizing:border-box}html{font-family:var(--font-sans);min-width:320px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{background:var(--color-background);color:var(--color-on-background)}body{font-size:var(--text-body-md-size);font-weight:var(--text-body-md-weight);line-height:var(--text-body-md-line);margin:0}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}.text-headline-lg{font-size:var(--text-headline-lg-size);font-weight:var(--text-headline-lg-weight);letter-spacing:0;line-height:var(--text-headline-lg-line)}.text-headline-md{font-size:var(--text-headline-md-size);font-weight:var(--text-headline-md-weight);letter-spacing:0;line-height:var(--text-headline-md-line)}.text-body-lg{font-size:var(--text-body-lg-size);font-weight:var(--text-body-lg-weight);letter-spacing:0;line-height:var(--text-body-lg-line)}.text-body-md{font-size:var(--text-body-md-size);font-weight:var(--text-body-md-weight);letter-spacing:0;line-height:var(--text-body-md-line)}.text-label-md{font-size:var(--text-label-md-size);font-weight:var(--text-label-md-weight);letter-spacing:var(--text-label-md-spacing);line-height:var(--text-label-md-line);text-transform:uppercase}.catalog-page{background:radial-gradient(circle at 50% 0,rgba(52,58,138,.16),transparent 28rem),#020716;color:#f7f9ff;min-height:100vh;padding:32px 20px 40px}.catalog-shell{margin:0 auto;max-width:1100px}.catalog-header{align-items:center;display:flex;flex-direction:column;gap:14px;padding:0 0 4px;text-align:center}.brand-logo{height:100px;-o-object-fit:cover;object-fit:cover;width:120px}.catalog-kicker{color:#9db2d2;font-size:14px;line-height:10px;margin:0}.header-rule{background:#6966ff;border-radius:999px;display:block;height:2px;width:74px}.stats-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px}.stat-card{align-items:center;background:#111a2b;border:1px solid #2a3a59;border-radius:8px;display:flex;flex-direction:column;gap:5px;justify-content:center;min-height:78px}.stat-card span{color:#8999b4;font-size:10px;font-weight:700;line-height:14px;text-transform:uppercase}.stat-value{color:#fff;font-size:22px;line-height:26px}.stat-value--success{color:#43e987}.stat-value--danger{color:#ff6d75}.filter-bar{display:grid;gap:10px;grid-template-columns:minmax(220px,1fr) repeat(3,minmax(132px,.26fr));margin-bottom:22px}.search-field,.select-field{display:block;min-width:0}.search-field input,.select-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#1b2638;border:1px solid #2b3c5a;border-radius:8px;color:#f8fbff;font-size:13px;height:44px;outline:none;padding:0 14px;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;width:100%}.select-field{position:relative}.select-field:after{border:solid #d8e2f4;border-width:0 2px 2px 0;content:"";height:6px;pointer-events:none;position:absolute;right:14px;top:17px;transform:rotate(45deg);width:6px}.select-field select{padding-right:34px}.search-field input::-moz-placeholder{color:#8fa0bc}.search-field input::placeholder{color:#8fa0bc}.search-field input:focus,.select-field select:focus{border-color:#6966ff;box-shadow:0 0 0 3px #6966ff2e}.card-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-card{background:#0e1729;border:1px solid #283954;border-radius:8px;display:flex;flex-direction:column;min-height:354px;padding:14px}.card-media{align-items:center;background:linear-gradient(180deg,#1a2638,#141d2e);border-radius:6px;display:flex;height:152px;justify-content:center;overflow:hidden}.card-media img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.media-placeholder{background:#ec459c;border-radius:999px;box-shadow:0 0 34px #ec459c33;height:44px;width:44px}.card-copy{flex:1;padding:16px 0 12px}.game-label{color:#6f8db8;font-size:11px;font-weight:700;line-height:14px;margin:0 0 3px;text-transform:uppercase}.catalog-card h2{color:#fff;font-size:15px;font-weight:800;line-height:20px;margin:0}.card-description{color:#6f7f9b;margin:3px 0 0}.card-description,.tag-row{font-size:11px;line-height:16px}.tag-row{align-items:center;color:#9cafcc;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.rarity-tag{background:#0d3b7c;border-radius:4px;color:#7db7ff;font-weight:800;padding:3px 7px}.price{color:#38a2ff;font-size:15px;font-weight:900;line-height:20px;margin:14px 0 0}.whatsapp-button{align-items:center;background:#19ad4f;border:0;border-radius:7px;color:#fff;display:flex;font-size:12px;font-weight:900;height:36px;justify-content:center;line-height:16px;padding:0 12px;transition:background-color .16s ease,transform .16s ease}.whatsapp-button:hover{background:#149743;transform:translateY(-1px)}.whatsapp-button--disabled,.whatsapp-button--disabled:hover{background:#657184;cursor:not-allowed;transform:none}.pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:28px}.pagination button,.secondary-action{background:#1b2638;border:1px solid #2b3c5a;border-radius:7px;color:#f8fbff;font-size:13px;font-weight:800;min-height:34px;padding:0 12px}.pagination button.is-active,.secondary-action{background:#fff;color:#111827}.pagination button:disabled{opacity:.45}.state-panel{align-items:center;background:#0e1729;border:1px solid #283954;border-radius:8px;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:220px;padding:28px;text-align:center}.state-panel h2{font-size:18px;line-height:24px;margin:0}.state-panel p{color:#93a5c0;margin:0}.catalog-card--loading{gap:14px}.image-skeleton,.line-skeleton{animation:pulse 1.2s ease-in-out infinite;background:#1b2638;border-radius:6px;display:block}.image-skeleton{height:152px}.line-skeleton{height:14px;width:100%}.line-skeleton--short{width:58%}.line-skeleton--button{height:36px;margin-top:auto}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@keyframes pulse{50%{opacity:.55}}@media(max-width:860px){.catalog-page{padding:28px 16px 36px}.card-grid,.filter-bar,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-field{grid-column:1/-1}}@media(max-width:560px){.catalog-page{padding:24px 12px 32px}.catalog-header{padding-bottom:26px}.card-grid,.filter-bar,.stats-grid{grid-template-columns:1fr}.stat-card{min-height:70px}.card-media{height:180px}.pagination{flex-wrap:wrap}}