:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;letter-spacing:0;--page:#08080a;--surface:#111114;--surface-raised:#17171c;--surface-strong:#202027;--stage:#141418;--line:#ffffff12;--line-strong:#ffffff21;--line-bright:#ffffff38;--text:#f5f5f6;--text-soft:#b6b6bf;--muted:#82828d;--accent:#ff6a00;--accent-hot:#ff4d00;--accent-light:#ff9a3d;--accent-pale:#ffc38a;--accent-wash:#ff6a001f;--accent-line:#ff6a0052;--accent-glow:#ff6a006b;--on-accent:#0b0b0c;--danger:#ff5b4f;--focus:#ff9a3d;--gradient-accent:linear-gradient(135deg, #ffa14a 0%, #ff6a00 48%, #ff4d00 100%);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-in:cubic-bezier(.55, 0, 1, .45);--radius-lg:20px;--radius-xl:26px;--header-h:72px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,HarmonyOS Sans SC,MiSans,Microsoft YaHei,Noto Sans SC,sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html{background:var(--page);scrollbar-color:#34343c transparent;scrollbar-gutter:stable;min-width:320px}html:has(dialog[open]){overflow:hidden}body{min-width:320px;min-height:100vh;margin:0}body:before{z-index:-1;pointer-events:none;content:"";background:radial-gradient(900px 480px at 8% -8%,#ff6a0029,#0000 62%),radial-gradient(760px 420px at 96% 4%,#ff4d0017,#0000 60%),radial-gradient(#ffffff0d 1px,#0000 1.4px) 0 0/24px 24px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0009 45%,#0000 100%);mask-image:linear-gradient(#000 0%,#0009 45%,#0000 100%)}img{-webkit-user-drag:none}button,input,select{font:inherit;letter-spacing:0}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb, var(--focus) 55%, transparent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.4}::selection{color:var(--on-accent);background:var(--accent)}.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}.brand-block{flex:none;align-items:center;gap:12px;display:flex}.brand-text{gap:4px;line-height:1;display:grid}.brand-text>span{color:var(--muted);letter-spacing:.14em;font-size:11px;font-weight:650}.wordmark{color:var(--text);letter-spacing:-.02em;font-size:20px;font-weight:850}.wordmark span{color:#0000;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text}.brand-mark{background:var(--gradient-accent);width:40px;height:40px;box-shadow:0 10px 26px -10px var(--accent-glow), inset 0 1px 0 #ffffff73, inset 0 -2px 0 #0000001f;border-radius:13px;flex:none;place-items:center;display:grid}.brand-mark svg{width:100%;height:100%;overflow:visible}.brand-glyph{fill:var(--on-accent)}.brand-spark{fill:#fff;transform-box:fill-box;transform-origin:50%;animation:spark-twinkle 4.8s var(--ease-out) infinite}.site-header{z-index:30;-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);background:#08080a9e;border-bottom:1px solid #0000;transition:background-color .3s,border-color .3s,box-shadow .3s;position:sticky;top:0}:root[data-scrolled] .site-header{border-bottom-color:var(--line);background:#08080ad1;box-shadow:0 14px 34px -24px #000000e6}.header-inner{max-width:1600px;height:var(--header-h);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand nav search";align-items:center;column-gap:28px;margin:0 auto;padding:0 28px;display:grid}.header-inner>.brand-block{grid-area:brand}.game-nav{scrollbar-width:none;grid-area:nav;min-width:0;overflow-x:auto}.game-nav::-webkit-scrollbar{display:none}.game-tabs{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;gap:2px;padding:4px;display:inline-flex;position:relative}.tab-indicator{width:var(--tab-w,0px);background:var(--gradient-accent);box-shadow:0 8px 22px -8px var(--accent-glow), inset 0 1px 0 #fff6;transform:translateX(var(--tab-x,0px));border-radius:999px;position:absolute;top:4px;bottom:4px;left:0}.game-tabs[data-ready] .tab-indicator{transition:transform .5s var(--ease-spring), width .5s var(--ease-spring), opacity .2s ease}.game-tabs button{z-index:1;height:36px;color:var(--text-soft);white-space:nowrap;cursor:pointer;transition:color .25s ease, transform .2s var(--ease-out);background:0 0;border:0;border-radius:999px;padding:0 17px;font-size:14px;font-weight:700;position:relative}.game-tabs button.is-active{color:var(--on-accent)}.game-tabs button:active{transform:scale(.94)}.search-control{width:360px;color:var(--muted);transition:width .45s var(--ease-out);grid-area:search;align-items:center;display:flex;position:relative}.search-control:focus-within{width:440px}.search-control>svg{pointer-events:none;transition:color .25s ease, transform .4s var(--ease-spring);position:absolute;left:16px}.search-control:focus-within>svg{color:var(--accent);transform:scale(1.08)rotate(-10deg)}.search-control input{width:100%;height:44px;color:var(--text);border:1px solid var(--line-strong);transition:background-color .25s ease, border-color .25s ease, box-shadow .35s var(--ease-out);-webkit-user-select:text;user-select:text;background:#ffffff0d;border-radius:999px;outline:none;padding:0 46px;font-size:15px}.search-control input::placeholder{color:#6e6e78}.search-control input::-webkit-search-cancel-button{appearance:none}.search-control input:focus,.search-control input:focus-visible{background:#ffffff12;border-color:#ff7a1abf;outline:none;box-shadow:0 0 0 4px #ff6a0029,0 12px 32px -14px #ff6a008c}.clear-search{width:30px;height:30px;color:var(--text-soft);cursor:pointer;animation:pop-in .35s var(--ease-spring);transition:background-color .2s ease, color .2s ease, transform .3s var(--ease-spring);background:#ffffff14;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;right:7px}.catalog-layout{grid-template-columns:268px minmax(0,1fr);gap:28px;max-width:1600px;margin:0 auto;padding:0 28px;display:grid}.desktop-filters{top:calc(var(--header-h) + 20px);max-height:calc(100vh - var(--header-h) - 40px);overscroll-behavior:contain;border:1px solid var(--line);border-radius:var(--radius-lg);scrollbar-color:#34343c transparent;scrollbar-width:thin;background:linear-gradient(#ffffff0b,#ffffff04);align-self:start;margin-top:26px;padding:22px 20px 24px;position:sticky;overflow-y:auto}.catalog-main{min-width:0;padding:30px 0 72px}.filter-controls{gap:24px;display:grid}.filter-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.filter-heading h2,.sheet-title-row h2{align-items:center;gap:9px;margin:0;font-size:16px;font-weight:800;display:flex}.filter-heading h2:before,.sheet-title-row h2:before{background:var(--gradient-accent);width:4px;height:16px;box-shadow:0 0 12px var(--accent-glow);content:"";border-radius:4px}.filter-group{border:0;min-width:0;margin:0;padding:0}.filter-group legend{width:100%;color:var(--muted);letter-spacing:.1em;margin-bottom:12px;padding:0;font-size:11.5px;font-weight:750}.filter-options{flex-wrap:wrap;gap:8px;display:flex}.filter-option{max-width:100%;min-height:34px;color:var(--text-soft);border:1px solid var(--line-strong);cursor:pointer;transition:color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .3s ease, transform .2s var(--ease-out);background:#ffffff09;border-radius:999px;align-items:center;padding:0 13px;font-size:13px;font-weight:650;line-height:1.3;display:inline-flex;position:relative}.filter-option:active{transform:scale(.94)}.filter-option input{opacity:0;pointer-events:none;position:absolute}.check-box{width:0;height:18px;color:var(--accent);background:var(--on-accent);transition:width .35s var(--ease-spring), margin-right .35s var(--ease-spring);border-radius:50%;flex:none;place-items:center;margin-right:0;display:grid;overflow:hidden}.check-box svg{transition:transform .35s var(--ease-spring);flex:none;transform:scale(0)rotate(-90deg)}.filter-option.is-checked{color:var(--on-accent);background:var(--accent);border-color:var(--accent);box-shadow:0 10px 22px -12px var(--accent-glow), inset 0 1px 0 #ffffff4d}.filter-option.is-checked .check-box{width:18px;margin-right:7px}.filter-option.is-checked .check-box svg{transform:none}.filter-option:has(input:focus-visible){outline:3px solid color-mix(in srgb, var(--focus) 55%, transparent);outline-offset:2px}.filter-option-label{overflow-wrap:anywhere}.icon-button,.icon-text-button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:6px;display:inline-flex}.icon-button{width:38px;height:38px;transition:background-color .2s ease, color .2s ease, border-color .2s ease, transform .3s var(--ease-spring);background:0 0;border-radius:50%;padding:0}.icon-button:active{transform:scale(.9)}.icon-text-button{height:30px;color:var(--text-soft);background:#ffffff0d;border-radius:999px;padding:0 11px;font-size:12px;font-weight:650;transition:color .2s,background-color .2s}.icon-text-button svg{transition:transform .5s var(--ease-out)}.results-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px 24px;margin-bottom:22px;display:flex}.results-heading{flex-wrap:wrap;align-items:center;gap:10px 14px;min-width:0;display:flex}.results-heading h1{color:#fff;letter-spacing:-.015em;overflow-wrap:anywhere;animation:title-in .6s var(--ease-out);margin:0;font-size:34px;font-weight:850;line-height:1.15}.results-count{height:28px;color:var(--accent-pale);background:var(--accent-wash);border:1px solid var(--accent-line);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;margin:0;padding:0 12px;font-size:12.5px;font-weight:700;display:inline-flex}.results-count:before{background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);content:"";border-radius:50%}.toolbar-actions{flex:none;align-items:center;gap:10px;display:flex}.filter-mobile-button{height:42px;color:var(--text);border:1px solid var(--line-strong);cursor:pointer;transition:background-color .2s ease, border-color .2s ease, transform .25s var(--ease-spring);background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:700;display:none}.filter-mobile-button:active{transform:scale(.95)}.filter-mobile-button>span{min-width:20px;height:20px;color:var(--on-accent);background:var(--accent);animation:pop-in .35s var(--ease-spring);border-radius:999px;place-items:center;padding:0 6px;font-size:11.5px;font-weight:800;display:grid}.sort-toggle{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:grid;position:relative}.sort-thumb{background:var(--surface-strong);border:1px solid var(--line-bright);width:calc(50% - 4px);transition:transform .45s var(--ease-spring);border-radius:999px;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 6px 16px -8px #000c,inset 0 1px #ffffff14}.sort-toggle.is-name .sort-thumb{transform:translate(100%)}.sort-toggle label{z-index:1;height:34px;color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:999px;place-items:center;padding:0 15px;font-size:13px;font-weight:700;transition:color .25s;display:grid;position:relative}.sort-toggle label.is-checked{color:var(--text)}.sort-toggle input{opacity:0;pointer-events:none;position:absolute}.sort-toggle label:has(input:focus-visible){outline:3px solid color-mix(in srgb, var(--focus) 55%, transparent);outline-offset:1px}.active-filters{flex-wrap:wrap;gap:8px;margin:-6px 0 22px;display:flex}.active-filters button{height:32px;color:var(--accent-pale);background:var(--accent-wash);border:1px solid var(--accent-line);cursor:pointer;animation:chip-in .4s var(--ease-spring) backwards;transition:color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s var(--ease-out);border-radius:999px;align-items:center;gap:6px;padding:0 9px 0 13px;font-size:12.5px;font-weight:650;display:inline-flex}.active-filters button svg{transition:transform .35s var(--ease-spring)}.active-filters button:active{transform:scale(.94)}.active-filters .active-filters-clear{color:var(--text-soft);border-color:var(--line-bright);background:0 0;border-style:dashed;padding:0 13px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;display:grid}.product-card{--mx:50%;--my:0%;border:1px solid var(--line);border-radius:var(--radius-lg);min-width:0;animation:card-in .65s var(--ease-out) backwards;animation-delay:calc(var(--stagger,0) * 38ms);transition:transform .5s var(--ease-out), border-color .35s ease, box-shadow .5s var(--ease-out);background:linear-gradient(#141418 0%,#0f0f12 100%);position:relative}.product-card:before{z-index:2;background:radial-gradient(240px circle at var(--mx) var(--my), #ff9a3df2, #ff6a0059 38%, transparent 70%);border-radius:inherit;opacity:0;pointer-events:none;-webkit-mask-composite:xor;content:"";padding:1px;transition:opacity .35s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.product-card>button{text-align:left;border-radius:inherit;cursor:pointer;background:0 0;border:0;align-content:start;width:100%;height:100%;padding:8px;display:grid;position:relative}.product-card>button:focus-visible{outline-offset:3px}.product-image-stage{aspect-ratio:1;background:var(--stage);isolation:isolate;border-radius:14px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.product-image-stage:before{z-index:-1;background:linear-gradient(105deg, transparent 32%, #ffffff12 50%, transparent 68%) 0 0 / 220% 100%, var(--stage);content:"";animation:1.4s linear infinite shimmer;position:absolute;inset:0}.product-image-stage.is-loaded:before{background:var(--stage);animation:none}.product-image-stage:after{z-index:1;pointer-events:none;content:"";background:linear-gradient(115deg,#0000 38%,#ffffff47 50%,#0000 62%);position:absolute;inset:0;transform:translate(-130%)}.product-image-stage img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .5s ease, transform .7s var(--ease-out);display:block;transform:scale(1.06)}.product-image-stage.is-loaded img{opacity:1;transform:none}.product-open-hint{z-index:2;width:32px;height:32px;color:var(--on-accent);background:var(--accent);box-shadow:0 8px 18px -6px var(--accent-glow);opacity:0;transition:opacity .3s ease, transform .45s var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px;transform:translate(-8px,8px)scale(.5)}.image-fallback{color:#5d5d66;place-items:center;width:100%;height:100%;display:grid}.product-copy{align-content:start;min-height:82px;padding:12px 6px 6px;display:grid}.product-kicker{color:var(--accent-light);letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:800;display:block;overflow:hidden}.product-kicker:before{vertical-align:middle;background:var(--accent);width:5px;height:5px;box-shadow:0 0 8px var(--accent);content:"";border-radius:50%;margin:0 6px 2px 0;display:inline-block}.product-name{color:var(--text);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:7px;font-size:15px;font-weight:750;line-height:1.38;display:-webkit-box;overflow:hidden}.product-variant{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;line-height:1.45;overflow:hidden}.load-more-zone{place-items:center;min-height:96px;padding-top:18px;display:grid}.load-more-button{min-width:180px}.list-end{color:var(--muted);letter-spacing:.12em;align-items:center;gap:14px;margin:0;font-size:12px;font-weight:650;display:flex}.list-end:before,.list-end:after{background:linear-gradient(90deg, transparent, var(--line-bright));content:"";width:48px;height:1px}.list-end:after{transform:scaleX(-1)}.primary-button,.secondary-button{cursor:pointer;min-height:44px;transition:transform .25s var(--ease-spring), box-shadow .3s ease, background-color .2s ease, border-color .2s ease, color .2s ease, filter .2s ease;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:800;display:inline-flex;position:relative}.primary-button{color:var(--on-accent);background:var(--gradient-accent);box-shadow:0 14px 30px -14px var(--accent-glow), inset 0 1px 0 #fff6;border:0}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled){transform:scale(.96)}.secondary-button{color:var(--text);border:1px solid var(--line-strong);background:#ffffff0d}.empty-state{min-height:46vh;color:var(--muted);text-align:center;animation:rise-in .5s var(--ease-out);align-content:center;place-items:center;padding:40px 20px;display:grid}.empty-icon{width:76px;height:76px;color:var(--accent);border:1px solid var(--accent-line);box-shadow:0 0 40px -10px var(--accent-glow);background:radial-gradient(circle at 50% 35%,#ff6a0038,#ff6a000a 70%);border-radius:50%;place-items:center;animation:3.2s ease-in-out infinite bob;display:grid}.empty-state h2{color:var(--text);margin:20px 0;font-size:19px;font-weight:800}.filter-sheet{background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;overflow:hidden}.filter-sheet::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040406a8;animation:.3s fade-in}.filter-sheet.is-closing::backdrop{animation:.24s forwards fade-out}.filter-sheet-content{max-width:640px;max-height:min(84dvh,760px);color:var(--text);border:1px solid var(--line-strong);transform:translateY(var(--sheet-drag,0px));transition:transform .4s var(--ease-out);animation:sheet-up .5s var(--ease-out);background:linear-gradient(#17171c,#111114);border-bottom:0;border-radius:26px 26px 0 0;flex-direction:column;margin:0 auto;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -24px 60px -20px #000c}.filter-sheet-content[data-dragging]{transition:none}.filter-sheet.is-closing .filter-sheet-content{transition:transform .24s var(--ease-in);transform:translateY(105%)}.sheet-grab{cursor:grab;touch-action:none;flex:none;padding:10px 18px 6px}.sheet-handle{background:#ffffff38;border-radius:999px;width:44px;height:5px;margin:0 auto 10px;display:block}.sheet-title-row{justify-content:space-between;align-items:center;display:flex}.sheet-body{overscroll-behavior:contain;flex:auto;min-height:0;padding:14px 18px 22px;overflow-y:auto}.sheet-footer{border-top:1px solid var(--line);background:#0d0d10eb;grid-template-columns:auto 1fr;gap:10px;padding:14px 18px 18px;display:grid}.sheet-footer .primary-button,.sheet-footer .secondary-button{font-variant-numeric:tabular-nums;min-height:48px}.filter-sheet .filter-heading{display:none}.detail-dialog{overscroll-behavior:contain;width:min(1180px,100vw - 48px);max-width:none;max-height:calc(100dvh - 48px);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--radius-xl);background:#0d0d10;padding:0;overflow:auto;box-shadow:0 40px 120px -20px #000000d9}.detail-dialog[open]{animation:dialog-in .5s var(--ease-out)}.detail-dialog::backdrop{-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);background:#040406bd;animation:.35s fade-in}.detail-dialog.is-closing{animation:dialog-out .2s var(--ease-in) forwards}.detail-dialog.is-closing::backdrop{animation:.2s forwards fade-out}.detail-layout{grid-template-columns:minmax(0,1.5fr) minmax(320px,.62fr);min-height:min(720px,100vh - 50px);display:grid;position:relative}.detail-close{z-index:5;width:42px;height:42px;color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line-strong);background:#141418b8;position:absolute;top:16px;right:16px}.detail-gallery{border-right:1px solid var(--line);isolation:isolate;background:radial-gradient(120% 80% at 50% 38%,#18181d 0%,#0b0b0d 72%);align-content:center;gap:16px;min-width:0;padding:28px 28px 22px;display:grid;position:relative;overflow:hidden}.detail-ambient{z-index:-1;object-fit:cover;opacity:.3;filter:blur(56px)saturate(1.5);pointer-events:none;width:120%;height:120%;animation:ambient-in 1.2s var(--ease-out) backwards;position:absolute;top:-10%;left:-10%}.detail-image-stage{border-radius:var(--radius-lg);touch-action:pan-y pinch-zoom;background:#00000047;border:1px solid #ffffff0f;place-items:center;width:100%;height:min(100dvh - 210px,720px);min-height:280px;display:grid;position:relative;overflow:hidden}.detail-original,.detail-placeholder{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.detail-original{opacity:0;translate:var(--drag-x,0px) 0;transition:opacity .2s ease, translate .45s var(--ease-spring)}.detail-image-stage[data-dragging] .detail-original{transition:opacity .2s}.detail-original.is-loaded{opacity:1;animation:media-in .45s var(--ease-out)}.detail-original.is-loaded[data-direction=next]{animation-name:media-in-next}.detail-original.is-loaded[data-direction=prev]{animation-name:media-in-prev}.detail-placeholder{opacity:.6;filter:blur(6px);transform:scale(1.02)}.detail-image-loading{z-index:2;color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line-strong);background:#0a0a0cb3;border-radius:999px;align-items:center;gap:9px;padding:9px 15px 9px 12px;font-size:13px;font-weight:650;display:inline-flex;position:absolute}.detail-image-loading:before{border:2px solid #ffffff2e;border-top-color:var(--accent);content:"";border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.detail-image-error{z-index:2;min-width:0;color:var(--text-soft);border:1px solid var(--line-strong);animation:pop-in .35s var(--ease-spring);background:#0e0e12eb;border-radius:18px;place-content:center;justify-items:center;gap:10px;padding:14px 18px;font-size:13px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 40px -12px #000000b3}.detail-image-error .icon-button{color:var(--on-accent);background:var(--accent)}.carousel-control{z-index:3;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e0e129e;border:1px solid #fff3;width:46px;height:46px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 24px -8px #0009}.carousel-control:active{transform:translateY(-50%)scale(.9)}.carousel-control svg{transition:transform .3s var(--ease-spring)}.carousel-control.previous{left:16px}.carousel-control.next{right:16px}.media-count{z-index:3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-variant-numeric:tabular-nums;letter-spacing:.04em;background:#0a0a0c9e;border:1px solid #ffffff24;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:750;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.media-strip{scrollbar-width:none;gap:10px;max-width:100%;padding:4px 4px 6px;display:flex;overflow-x:auto}.media-strip::-webkit-scrollbar{display:none}.media-thumb{width:62px;height:62px;color:var(--muted);cursor:pointer;opacity:.6;transition:opacity .2s ease, border-color .2s ease, transform .3s var(--ease-spring), box-shadow .3s ease;background:#141418;border:2px solid #0000;border-radius:14px;flex:none;place-items:center;padding:0;display:grid;overflow:hidden}.media-thumb:first-child{margin-left:auto}.media-thumb:last-child{margin-right:auto}.media-thumb img{object-fit:cover;border-radius:11px;width:100%;height:100%}.media-thumb.is-active{opacity:1;border-color:var(--accent);box-shadow:0 0 0 3px #ff6a0033, 0 10px 20px -10px var(--accent-glow);transform:translateY(-3px)}.detail-info{background:linear-gradient(#111115,#0d0d10);flex-direction:column;justify-content:center;padding:72px 40px 40px;display:flex;position:relative;overflow:hidden}.detail-info:before{color:#0000;letter-spacing:-.04em;white-space:nowrap;pointer-events:none;-webkit-text-stroke:1px #ffffff12;content:attr(data-mark);font-size:112px;font-weight:900;line-height:1;position:absolute;bottom:-20px;right:-12px}.detail-info>*{animation:rise-in .55s var(--ease-out) backwards;position:relative}.detail-info>:nth-child(2){animation-delay:60ms}.detail-info>:nth-child(3){animation-delay:.12s}.detail-info>:nth-child(4){animation-delay:.18s}.detail-game{color:var(--accent-pale);background:var(--accent-wash);border:1px solid var(--accent-line);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin:0 0 16px;padding:6px 12px;font-size:12px;font-weight:750;display:inline-flex}.detail-game:before{background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);content:"";border-radius:50%}.detail-info h2{color:#fff;letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-size:34px;font-weight:850;line-height:1.22}.detail-variant{color:var(--text-soft);overflow-wrap:anywhere;margin:12px 0 0;font-size:16px;line-height:1.5}.copy-button{width:100%;min-height:54px;margin-top:36px;font-size:16px}.copy-button.is-copied{animation:copy-ring .7s var(--ease-out)}.copy-icon{animation:icon-swap .45s var(--ease-spring);place-items:center;display:grid}.copy-burst{pointer-events:none;position:absolute;top:50%;left:50%}.copy-burst i{width:7px;height:7px;animation:burst .75s var(--ease-out) forwards;background:#fff;border-radius:50%;margin:-3.5px;position:absolute}.copy-burst i:nth-child(2n){--burst-distance:46px;background:var(--accent-pale)}.toast{z-index:80;color:#fff;opacity:0;pointer-events:none;width:max-content;max-width:calc(100vw - 32px);transition:opacity .25s ease, transform .3s var(--ease-out);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:auto auto 28px 50%;overflow:visible;transform:translate(-50%,16px)scale(.94)}.toast.is-visible{opacity:1;transform:translate(-50%)}.toast-body{-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border:1px solid var(--line-strong);animation:toast-in .45s var(--ease-spring);background:#16161ae6;border-radius:999px;align-items:center;gap:10px;padding:10px 18px 10px 10px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 18px 40px -16px #000000d9}.toast-icon{width:26px;height:26px;color:var(--on-accent);background:var(--accent);border-radius:50%;place-items:center;display:grid}.toast.is-error .toast-icon{color:#fff;background:var(--danger)}.back-to-top{z-index:40;width:48px;height:48px;color:var(--on-accent);background:var(--gradient-accent);box-shadow:0 16px 34px -12px var(--accent-glow), inset 0 1px 0 #fff6;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s ease, transform .45s var(--ease-spring);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed;bottom:26px;right:26px;transform:translateY(16px)scale(.6)}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:none}.back-to-top.is-visible:active{transform:scale(.9)}.loading-view{min-height:100vh}.loading-header{justify-content:space-between;align-items:center;gap:24px;max-width:1600px;height:72px;margin:0 auto;padding:0 28px;display:flex}.loading-search{border-radius:999px;width:min(360px,50vw);height:44px}.loading-body{max-width:1600px;margin:0 auto;padding:30px 28px}.skeleton{background:linear-gradient(100deg,#141418 30%,#24201e 50%,#141418 70%) 0 0/300% 100%;animation:1.6s linear infinite shimmer}.loading-toolbar{border-radius:12px;width:240px;height:36px;margin-bottom:26px}.loading-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;display:grid}.loading-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:8px 8px 16px}.loading-image{aspect-ratio:1;border-radius:14px;width:100%}.loading-line{border-radius:6px;width:80%;height:12px;margin:14px 6px 0}.loading-line.short{width:50%;margin-top:9px}.fatal-state{text-align:center;align-content:center;place-items:center;min-height:100vh;padding:28px;display:grid}.fatal-mark{width:72px;height:72px;animation:wobble 1s var(--ease-out) both;border-radius:22px}.fatal-state h1{margin:24px 0 8px;font-size:24px;font-weight:850}.fatal-state p{max-width:560px;color:var(--muted);margin:0 0 24px}@media (hover:hover) and (pointer:fine){.game-tabs button:not(.is-active):hover,.sort-toggle label:hover,.filter-option:not(.is-checked):hover{color:var(--text)}.filter-option:not(.is-checked):hover{border-color:var(--line-bright);background:#ffffff12}.search-control input:hover:not(:focus){border-color:var(--line-bright)}.clear-search:hover{color:var(--on-accent);background:var(--accent);transform:rotate(90deg)}.icon-button:hover{background:#ffffff14}.icon-text-button:hover:not(:disabled){color:var(--on-accent);background:var(--accent)}.icon-text-button:hover:not(:disabled) svg{transform:rotate(-200deg)}.filter-mobile-button:hover,.secondary-button:hover:not(:disabled){border-color:var(--line-bright);background:#ffffff17}.primary-button:hover:not(:disabled){filter:brightness(1.08)saturate(1.1);transform:translateY(-1px);box-shadow:0 18px 36px -14px #ff6a00a6,inset 0 1px #ffffff73}.active-filters button:hover{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.active-filters button:hover svg{transform:rotate(90deg)scale(1.1)}.active-filters .active-filters-clear:hover{color:var(--text);background:#ffffff0f}.product-card:hover{border-color:#ff7a1a4d;transform:translateY(-6px);box-shadow:0 26px 48px -26px #ff6a008c,0 18px 36px -22px #000000e6}.product-card:hover:before{opacity:1}.product-card:hover .product-image-stage.is-loaded img{transform:scale(1.06)}.product-card:hover .product-image-stage:after{transition:transform 1s var(--ease-out);transform:translate(130%)}.product-card:hover .product-open-hint{opacity:1;transform:none}.detail-close:hover{color:var(--on-accent);background:var(--accent);border-color:var(--accent);transform:rotate(90deg)}.carousel-control:hover{color:var(--on-accent);background:var(--accent);border-color:var(--accent);transform:translateY(-50%)scale(1.08)}.carousel-control.previous:hover svg{transform:translate(-2px)}.carousel-control.next:hover svg{transform:translate(2px)}.media-thumb:not(.is-active):hover{opacity:1;transform:translateY(-2px)}.back-to-top.is-visible:hover{transform:translateY(-3px)}}.product-card:active{transition-duration:.15s;transform:translateY(-2px)scale(.97)}@keyframes spark-twinkle{0%,82%,to{opacity:1;transform:scale(1)rotate(0)}88%{opacity:.6;transform:scale(.35)rotate(45deg)}94%{opacity:1;transform:scale(1.35)rotate(90deg)}}@keyframes card-in{0%{opacity:0;transform:translateY(18px)scale(.97)}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}}@keyframes title-in{0%{opacity:0;filter:blur(4px);transform:translateY(10px)}}@keyframes chip-in{0%{opacity:0;transform:scale(.6)}}@keyframes pop-in{0%{opacity:0;transform:scale(.4)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(28px)scale(.95)}}@keyframes dialog-out{to{opacity:0;transform:translateY(14px)scale(.97)}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes sheet-down{to{transform:translateY(100%)}}@keyframes ambient-in{0%{opacity:0;transform:scale(1.15)}}@keyframes media-in{0%{opacity:.45;transform:scale(.985)}}@keyframes media-in-next{0%{opacity:0;transform:translate(56px)scale(.97)}}@keyframes media-in-prev{0%{opacity:0;transform:translate(-56px)scale(.97)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes copy-ring{0%{box-shadow:0 0 0 0 #ff9a3da6, 0 14px 30px -14px var(--accent-glow)}to{box-shadow:0 0 0 18px #ff9a3d00, 0 14px 30px -14px var(--accent-glow)}}@keyframes icon-swap{0%{opacity:0;transform:scale(.3)rotate(-45deg)}}@keyframes burst{0%{opacity:1;transform:rotate(var(--burst-angle)) translateX(0) scale(1)}to{opacity:0;transform:rotate(var(--burst-angle)) translateX(var(--burst-distance,64px)) scale(.2)}}@keyframes bob{50%{transform:translateY(-6px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)scale(.9)}}@keyframes wobble{0%{opacity:0;transform:scale(.6)rotate(-12deg)}60%{opacity:1;transform:scale(1.08)rotate(4deg)}to{transform:none}}@media (width<=1179px){:root{--header-h:116px}.header-inner{grid-template:"brand search"64px"nav nav"52px/auto minmax(0,1fr);height:auto}.search-control{justify-self:end;width:min(420px,100%)}.search-control:focus-within{width:min(480px,100%)}.game-nav{align-self:start}}@media (width<=1023px){.catalog-layout{display:block}.desktop-filters{display:none}.filter-mobile-button{display:inline-flex}}@media (width<=760px){:root{--header-h:108px}.header-inner{grid-template-rows:58px 50px;column-gap:12px;padding:0 14px}.brand-block{gap:9px}.brand-text>span{display:none}.brand-mark{border-radius:11px;width:36px;height:36px}.wordmark{font-size:17px}.search-control,.search-control:focus-within{width:100%}.search-control input{height:40px;padding:0 42px;font-size:16px}.search-control>svg{left:14px}.game-tabs{width:max-content;min-width:100%;display:flex}.game-tabs button{flex:1 0 auto;height:34px;padding:0 14px;font-size:13.5px}.catalog-layout{padding:0 12px}.catalog-main{padding:20px 0 56px}.results-toolbar{gap:14px;margin-bottom:16px}.results-heading h1{font-size:25px}.toolbar-actions{justify-content:space-between;width:100%}.active-filters{margin:-2px 0 16px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{border-radius:16px}.product-card>button{padding:6px}.product-image-stage{border-radius:11px}.product-copy{min-height:76px;padding:10px 4px 4px}.product-name{font-size:14px}.product-variant{font-size:11.5px}.filter-option{min-height:38px}.detail-dialog{border:0;border-radius:0;width:100%;height:100%;max-height:none;margin:0}.detail-dialog[open]{animation:sheet-up .45s var(--ease-out)}.detail-dialog.is-closing{animation:sheet-down .22s var(--ease-in) forwards}.detail-layout{min-height:100%;display:block}.detail-gallery{border-right:0;border-bottom:1px solid var(--line);padding:66px 12px 14px}.detail-ambient{filter:blur(36px)saturate(1.5)}.detail-image-stage{aspect-ratio:1;border-radius:18px;height:auto;min-height:240px;max-height:62dvh}.carousel-control{width:40px;height:40px}.carousel-control.previous{left:10px}.carousel-control.next{right:10px}.media-thumb{width:56px;height:56px}.detail-close{top:12px;right:12px}.detail-info{justify-content:flex-start;padding:22px 18px 40px}.detail-info:before{font-size:86px}.detail-info h2{font-size:26px}.copy-button{margin-top:26px}.toast{bottom:18px}.back-to-top{width:44px;height:44px;bottom:16px;right:14px}.loading-header{height:58px;padding:0 14px}.loading-body{padding:20px 12px}.loading-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (width<=430px){.wordmark{display:none}}@media (width>=1500px){.product-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}
