.cat{position:relative;width:calc(100vw / var(--z, 1));margin-left:calc(50% - 50vw / var(--z, 1))}.cat-top{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:32px 56px;align-items:start;padding:calc(var(--header-h) + 34px) clamp(20px,3.2vw,56px) 34px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#05080f 28%,#05080fb8 62%,#05080fe6),linear-gradient(0deg,#05080f,transparent 40%),url(/assets/img/pages/steam-artwork.webp) center / cover no-repeat}.cat-top .hx-back{margin-bottom:18px}.cat-eyebrow{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--st-text)}.cat-eyebrow .icon{width:22px;height:22px;filter:drop-shadow(0 0 8px rgba(27,159,255,.7))}.cat-title{margin-top:10px;font-family:var(--font-display);font-weight:900;font-stretch:85%;font-size:clamp(40px,4.4vw,64px);line-height:.98;text-transform:uppercase;color:#fff}.cat-title span{color:var(--st-text)}.cat-text{max-width:620px;margin-top:14px;font-size:17px;line-height:1.55;color:var(--text-2)}.cat-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.cat-links a{padding:7px 16px;border:1px solid rgba(102,192,244,.35);border-radius:999px;font-size:14px;color:#fff;text-decoration:none;transition:background .2s,border-color .2s}.cat-links a:hover,.cat-links a:focus-visible{background:#66c0f429;border-color:var(--st-text)}.cat-quote{max-width:none;min-height:0;margin:0;padding:18px 22px 16px;border-color:#66c0f44d}.hx-quote-timer{display:flex;align-items:center;gap:12px;margin-top:4px;padding-top:12px;border-top:1px solid var(--line)}.hx-quote-timer[hidden]{display:none}.hx-quote-bar{flex:1 1 60px;min-width:40px;height:4px;overflow:hidden;border-radius:4px;background:#ffffff1f}.hx-quote-bar i{display:block;width:100%;height:100%;border-radius:4px;background:linear-gradient(90deg,#1b9fff,#66c0f4);transform-origin:left}.hx-quote-count{flex:none;font-size:14px;color:var(--text-2);font-variant-numeric:tabular-nums}.hx-quote-count b{display:inline-block;min-width:1ch;font-weight:600;color:#fff}.hx-quote-dots{display:flex;gap:5px}.hx-quote-dots i{width:6px;height:6px;border-radius:50%;background:#ffffff40}.hx-quote-dots i.is-on{background:var(--st-text);box-shadow:0 0 8px var(--st-text)}.hx-quote-timer .hx-quote-next{margin-left:0}.hx-quote.is-calm .hx-quote-bar i{transform:none}@keyframes hx-count{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.cat-app{display:grid;grid-template-columns:calc(284px + clamp(20px,3.2vw,56px)) minmax(0,1fr);align-items:start}.cat-side{position:sticky;top:var(--header-h);max-height:calc(100vh / var(--z, 1) - var(--header-h));overflow-y:auto;padding:22px 20px 28px clamp(20px,3.2vw,56px);border-right:1px solid var(--line);background:#090c1399;scrollbar-width:thin}.cat-side-toggle{display:none}.cat-side-body{display:grid;gap:22px}.cat-search{position:relative;display:block}.cat-search .icon{position:absolute;left:14px;top:50%;width:18px;height:18px;margin-top:-9px;color:var(--st-text)}.cat-search input{width:100%;height:44px;padding:0 14px 0 42px;border:1px solid rgba(102,192,244,.3);border-radius:999px;background:#00000059;font-size:15px;color:#fff}.cat-search input:focus{outline:none;border-color:var(--st-text);box-shadow:0 0 0 3px #1b9fff40}.cat-group{display:grid;gap:4px;min-width:0;margin:0;padding:0;border:0}.cat-group legend{float:left;width:100%;margin-bottom:8px;padding:0;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--st-text)}.cat-group legend+*{clear:both}.cat-opt{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:8px 12px;border:1px solid transparent;border-radius:10px;background:transparent;font-size:15px;text-align:left;color:var(--text-2);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.cat-opt span{flex:1;min-width:0}.cat-opt small{font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-3)}.cat-opt i{flex:none;width:9px;height:9px;border-radius:50%;background:var(--rc, #aab3c5);box-shadow:0 0 8px var(--rc, transparent)}.cat-opt--rare{--rc: #7db4ff}.cat-opt--epic{--rc: #a996ff}.cat-opt--legendary{--rc: #f5b74a}.cat-opt--common{--rc: #aab3c5}.cat-opt:hover,.cat-opt:focus-visible{background:#66c0f41a;color:#fff}.cat-opt[aria-pressed=true]{border-color:#66c0f480;background:linear-gradient(90deg,#1b9fff3d,#1b9fff0f);color:#fff}.cat-opt[aria-pressed=true] small{color:var(--st-text)}.cat-opt.is-zero{opacity:.4}.cat-opt--toggle{position:relative;padding-left:40px}.cat-opt--toggle:before{content:"";position:absolute;left:12px;top:50%;width:18px;height:18px;margin-top:-9px;border:1.5px solid var(--line-strong);border-radius:5px}.cat-opt--toggle[aria-pressed=true]:before{border-color:var(--st-text);background:var(--st-text) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l3 3 6-6.4' fill='none' stroke='%2304121f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat}.cat-years{display:flex;flex-wrap:wrap;gap:6px}.cat-chip{display:inline-flex;align-items:baseline;gap:6px;padding:5px 12px;border:1px solid var(--line-strong);border-radius:8px;background:transparent;font-size:14px;color:var(--text-2);cursor:pointer;transition:background .2s,border-color .2s,color .2s}.cat-chip small{font-size:12px;color:var(--text-3)}.cat-chip:hover,.cat-chip:focus-visible{border-color:var(--st-text);color:#fff}.cat-chip[aria-pressed=true]{border-color:var(--st-text);background:#1b9fff38;color:#fff}.cat-chip.is-zero{opacity:.4}.cat-hint{margin-top:8px;font-size:14px;color:var(--text-3)}.cat-range{display:grid;gap:8px;padding:4px 12px 8px;font-size:14px;color:var(--text-2)}.cat-range b{font-weight:600;color:#fff}.cat-range input{width:100%;accent-color:#1b9fff;cursor:pointer}.cat-clear{height:42px;border:1px solid rgba(102,192,244,.45);border-radius:10px;background:transparent;font-size:15px;font-weight:500;color:#fff;cursor:pointer;transition:background .2s}.cat-clear:hover{background:#66c0f429}.cat-clear[hidden]{display:none}.cat-main{min-width:0;padding:22px clamp(20px,3.2vw,56px) 40px 28px}.cat-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.cat-count{font-size:17px;font-weight:400;color:var(--text-2)}.cat-count b{font-family:var(--font-display);font-weight:900;font-size:28px;color:#fff}.cat-sort{display:flex;align-items:center;gap:10px;margin:0;font-size:14px;color:var(--text-3)}.cat-sort select{width:auto;min-width:190px;height:42px}.cat-active{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}.cat-active[hidden]{display:none}.cat-active button{padding:5px 12px;border:1px solid rgba(102,192,244,.45);border-radius:999px;background:#1b9fff24;font-size:14px;color:#fff;cursor:pointer;transition:background .2s}.cat-active button:hover{background:#1b9fff52}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:16px;margin-top:18px;padding:0;list-style:none}.cat-empty{display:grid;justify-items:center;gap:16px}.cat-empty[hidden]{display:none}@media (max-width: 1179px){.cat-top{grid-template-columns:1fr}.cat-quote{max-width:560px}}@media (max-width: 899px){.cat-app{grid-template-columns:1fr}.cat-side{position:static;max-height:none;padding:14px var(--gutter);border-right:0;border-bottom:1px solid var(--line);overflow:visible}.cat-side-toggle{display:flex;align-items:center;gap:10px;width:100%;height:48px;padding:0 16px;border:1px solid rgba(102,192,244,.4);border-radius:12px;background:#1b9fff1a;font-size:16px;font-weight:500;color:#fff;cursor:pointer}.cat-side-toggle .icon{width:18px;height:18px;color:var(--st-text)}.cat-badge{margin-left:auto;min-width:24px;padding:1px 8px;border-radius:999px;background:var(--st-text);font-size:14px;font-weight:600;text-align:center;color:#04121f}.cat-badge[hidden]{display:none}.cat-side:not(.is-open) .cat-side-body{display:none}.cat-side.is-open .cat-side-body{margin-top:18px}.cat-main{padding:18px var(--gutter) 32px}}@media (max-width: 599px){.cat-top{padding-inline:var(--gutter);gap:22px}.cat-text{font-size:16px}.cat-bar{flex-wrap:wrap}.cat-sort{width:100%}.cat-sort select{flex:1}.cat-grid{grid-template-columns:1fr}.hx-quote-timer{flex-wrap:wrap;row-gap:8px}.hx-quote-bar{flex-basis:100%;order:-1}}@media (prefers-reduced-motion: reduce){.cat-opt,.cat-chip,.cat-clear{transition:none}}