.sg-page{--sg-steam:#66c0f4;--sg-steam-deep:#1b2838;--sg-steam-line:#24425c}.sg-top{top:calc(52px + env(safe-area-inset-top,0px));z-index:20;border-bottom:1px solid var(--sg-steam-line);background:#0d1016;flex-direction:column;gap:10px;padding:10px 14px 11px;display:flex;position:sticky}.sg-top__row{align-items:center;gap:10px;display:flex}.sg-mark{border:1px solid var(--sg-steam-line);background:#66c0f417;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.sg-mark svg{width:21px;height:21px}.sg-top__text{flex:1;min-width:0}.sg-top__title{font-family:var(--tp-font-display);color:var(--tp-text);margin:0;font-size:17px;font-weight:600;line-height:1.2}.sg-top__sub{color:var(--tp-dim);margin:0;font-size:12px;line-height:1.5}.sg-search{display:flex;position:relative}.sg-search__input{border:1px solid var(--tp-line);background:var(--tp-panel);min-width:0;height:44px;color:var(--tp-text);font-family:var(--tp-font-body);appearance:none;border-radius:12px;flex:1;padding:0 42px 0 38px;font-size:16px}.sg-search__input::-webkit-search-cancel-button{display:none}.sg-search__input::placeholder{color:#626b7e}.sg-search__input:focus{border-color:var(--sg-steam);outline:none;box-shadow:0 0 0 3px #66c0f42b}.sg-search__icon{color:#626b7e;pointer-events:none;font-size:18px;line-height:1;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.sg-search__clear{width:28px;height:28px;color:var(--tp-text);cursor:pointer;background:#2a3143;border:0;border-radius:50%;font-size:15px;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.sg-chips{scrollbar-width:none;gap:7px;margin:0 -14px;padding:1px 14px 2px;display:flex;overflow-x:auto}.sg-chips::-webkit-scrollbar{display:none}.sg-chip{border:1px solid var(--tp-line);background:var(--tp-panel);color:var(--tp-dim);font-family:var(--tp-font-body);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:7px 14px;font-size:13.5px}.sg-chip[aria-pressed=true]{border-color:var(--sg-steam);color:var(--sg-steam);background:#66c0f41f}.sg-count{font-family:var(--tp-font-body);color:var(--tp-dim);font-variant-numeric:tabular-nums;margin:14px 0 9px;font-size:12px}.sg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}@media (width>=560px){.sg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=820px){.sg-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.sg-card{height:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:7px;padding:0;text-decoration:none;display:flex}.sg-card__art{aspect-ratio:460/215;border:1px solid var(--tp-line);background:var(--tp-panel-2);border-radius:11px;transition:border-color .15s;position:relative;overflow:hidden}.sg-card:hover .sg-card__art,.sg-card:focus-visible .sg-card__art{border-color:var(--sg-steam)}.sg-card__art img{object-fit:cover;width:100%;height:100%;display:block}.sg-card__letter{width:100%;height:100%;color:var(--sg-steam);font-family:var(--tp-font-display);background:linear-gradient(150deg,#23384e,#0d151e);place-items:center;font-size:22px;font-weight:700;display:grid}.sg-card__name{color:#c8cfdc;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.sg-card__price{font-family:var(--tp-font-data);color:var(--tp-gold);font-variant-numeric:tabular-nums;margin-top:auto;padding-top:2px;font-size:13px}.sg-card__price span{color:#6a7285;font-size:10.5px}.sg-more{border:1px solid var(--tp-line);background:var(--tp-panel);color:#c3cad8;width:100%;font-family:var(--tp-font-body);cursor:pointer;border-radius:12px;margin-top:12px;padding:12px;font-size:14.5px}.sg-empty{text-align:center;border:1px dashed var(--tp-line);border-radius:16px;padding:38px 18px}.sg-empty__title{font-family:var(--tp-font-display);color:var(--tp-text);overflow-wrap:anywhere;margin:0 0 7px;font-size:15.5px;font-weight:600}.sg-empty__hint{color:var(--tp-dim);margin:0;font-size:13px;line-height:1.6}.sg-skel{aspect-ratio:460/215;border:1px solid var(--tp-line);background:linear-gradient(100deg, var(--tp-panel) 30%, var(--tp-panel-2) 50%, var(--tp-panel) 70%);background-size:300% 100%;border-radius:11px;animation:1.3s linear infinite sg-shimmer}@keyframes sg-shimmer{0%{background-position:150% 0}to{background-position:-150% 0}}@media (prefers-reduced-motion:reduce){.sg-skel{animation:none}}.sg-foot{height:18px}