.cat-page{--cat-gold:#f3d36b;--cat-line:#27282c;--cat-line-soft:#1b1c20;--cat-field:#08080a;--cat-card:#070709;max-width:1280px;padding-bottom:64px}.cat-head{margin-top:38px}.cat-title{letter-spacing:-.01em;text-transform:uppercase;color:var(--fg);align-items:center;gap:18px;margin:0;font-family:Geologica,sans-serif;font-size:42px;font-weight:800;line-height:1;display:flex}.cat-orn{color:var(--cat-gold);flex:none}.cat-sub{color:#d6d5d1;margin:10px 0 0 48px;font-size:17px;line-height:1.4}.cat-panel{border:1px solid var(--cat-line);background:#0b0b0d;margin-top:22px}.cat-panel-row{flex-wrap:wrap;align-items:center;gap:10px 18px;padding:11px 20px;display:flex}.cat-panel-top{border-bottom:1px solid var(--cat-line-soft)}.cat-tabs{align-items:stretch;height:40px;display:flex}.cat-tabs button{cursor:pointer;font:inherit;color:var(--text-strong);white-space:nowrap;transition:color var(--dur-hover) var(--ease-out), background var(--dur-hover) var(--ease-out);background:0 0;border:0;padding:0 22px;font-size:15px;position:relative}.cat-tabs button+button:before{content:"";border-left:1px solid var(--cat-line);position:absolute;top:9px;bottom:9px;left:0}.cat-tabs button:hover{color:var(--fg);background:#111113}.cat-tabs button.on{color:var(--fg);box-shadow:inset 0 -2px 0 var(--cat-gold);background:#161618}.cat-tabs button:focus-visible{outline:2px solid var(--cat-gold);outline-offset:-2px}.cat-tabs+.cat-tabs{border-left:1px solid var(--cat-line);margin-left:6px;padding-left:24px}.cat-search{border:1px solid var(--cat-line);background:var(--cat-field);width:min(300px,100%);height:40px;color:var(--dim2);transition:border-color var(--dur-hover) var(--ease-out), color var(--dur-hover) var(--ease-out);align-items:center;gap:10px;margin-left:auto;padding:0 8px 0 13px;display:flex}.cat-search svg{flex:none}.cat-search:hover{border-color:#3a3b41}.cat-search:focus-within{color:var(--fg);border-color:#55565d}.cat-search input{appearance:none;min-width:0;height:100%;font:inherit;color:var(--fg);background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:0;font-size:15px}.cat-search input::placeholder{color:var(--dim2)}.cat-search input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.cat-search-x{cursor:pointer;color:var(--dim);background:0 0;border:0;flex:none;padding:6px;display:inline-flex}.cat-search-x:hover{color:var(--fg)}.cat-sel{color:var(--text-strong);align-items:center;gap:12px;font-size:15px;display:inline-flex}.cat-sel>svg{color:var(--dim);flex:none}.cat-sel+.cat-sel:not(.cat-sort){border-left:1px solid var(--cat-line);margin-left:6px;padding-left:24px}.cat-sort{margin-left:auto}.cat-check{cursor:pointer;-webkit-user-select:none;user-select:none;min-height:40px}.cat-check:hover{color:var(--fg)}.cat-check .cat-box{background:var(--cat-field);color:#0000;width:20px;height:20px;transition:border-color var(--dur-hover) var(--ease-out), background var(--dur-hover) var(--ease-out);border:1px solid #4a4b52;flex:none;justify-content:center;align-items:center;margin:0 1px;display:inline-flex}.cat-check:hover .cat-box{border-color:#6a6b72}.cat-check input:checked+.cat-box{border-color:var(--cat-gold);background:var(--cat-gold);color:#141002}.cat-check input:focus-visible+.cat-box{outline:2px solid var(--cat-gold);outline-offset:2px}.dd{position:relative}.dd-btn{border:1px solid var(--cat-line);background:var(--cat-field);cursor:pointer;min-width:124px;height:40px;font:inherit;color:var(--fg);text-align:left;white-space:nowrap;transition:border-color var(--dur-hover) var(--ease-out);justify-content:space-between;align-items:center;gap:16px;padding:0 14px 0 16px;font-size:15px;display:flex}.dd-btn:hover{border-color:#3a3b41}.dd-btn:focus-visible,.dd.open .dd-btn{border-color:#6a6b72;outline:none}.dd-val{align-items:center;min-width:0;display:inline-flex}.dd-chev{color:#cfcfcf;transition:transform var(--dur-hover) var(--ease-out);flex:none}.dd.open .dd-chev{transform:rotate(180deg)}.cat-sort .dd-btn{min-width:214px}.dd-list{z-index:30;background:#111113;border:1px solid #3a3b41;min-width:100%;max-height:min(344px,60vh);margin:0;padding:5px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 16px 36px -12px #000000d9}.dd-list.right{left:auto;right:0}.dd-list:focus{outline:none}.dd-list li{cursor:pointer;min-height:38px;color:var(--text-strong);white-space:nowrap;justify-content:space-between;align-items:center;gap:18px;padding:0 14px 0 16px;font-size:15px;display:flex}.dd-list li.act{color:var(--fg);background:#1e1e22}.dd-list li[aria-selected=true]{color:var(--fg)}.dd-opt{align-items:center;display:inline-flex}.dd-tick{color:var(--cat-gold);flex:none}.dd-drops{color:var(--fg);gap:3px;display:inline-flex}.dd-drops .off{color:#75746f}.cat-count{color:var(--text-strong);margin-top:14px;scroll-margin-top:90px;font-size:16px}.cat-none{border:1px dashed var(--cat-line);text-align:center;color:var(--text-strong);flex-direction:column;align-items:center;gap:14px;margin-top:36px;padding:40px 20px;display:flex}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:14px;display:grid}.cat-page .pager{margin-top:28px}.cat-card{isolation:isolate;border:1px solid color-mix(in srgb, var(--accent-btn) 78%, transparent);background:var(--cat-card);transition:border-color var(--dur-hover) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden;container-type:inline-size}.cat-card:hover{border-color:var(--accent)}.cat-card:has(.cat-link:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.cat-link:focus-visible{outline:none}.cat-art{z-index:-1;background:#0d0d10;height:310px;position:absolute;inset:0 0 auto;overflow:hidden}.cat-art img{object-fit:cover;object-position:center 30%;width:100%;height:100%;transition:filter .3s var(--ease-out);display:block}.cat-card[data-game=ice] .cat-art img{object-position:76% 30%}.cat-art:after{content:"";background:linear-gradient(180deg, #07070900 40%, #0707098c 62%, #070709eb 84%, var(--cat-card) 100%), linear-gradient(90deg, #07070973, #07070900 70%);position:absolute;inset:0}.cat-card[data-game=til] .cat-art:after{background:linear-gradient(180deg, #07070900 63%, #070709eb 84%, var(--cat-card) 100%)}.cat-card:hover .cat-art img{filter:brightness(1.12)saturate(1.05)}.cat-flags{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;top:12px;left:14px;right:14px}.cat-flags-l{gap:6px;display:flex}.cat-new,.cat-sale{letter-spacing:.06em;text-transform:uppercase;padding:6px 12px 5px;font-family:Geologica,sans-serif;font-size:12.5px;font-weight:700;line-height:1.25}.cat-new{background:var(--cat-gold);color:#141002}.cat-sale{color:#04140b;background:#3fbf7f}.cat-state{color:var(--fg);white-space:nowrap;background:#08080ad1;border:1px solid #ffffff29;align-items:center;gap:9px;padding:7px 12px 7px 10px;font-size:14px;line-height:1.2;display:inline-flex}.cat-lib{pointer-events:auto;cursor:pointer;transition:border-color var(--dur-hover) var(--ease-out);border-radius:0;font-family:inherit}.cat-lib:hover{border-color:#ffffff80}.cat-lib:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cat-lib[disabled]{cursor:progress}.cat-body{flex-direction:column;flex:1;padding:196px 18px 16px;display:flex}.cat-tags{flex-wrap:wrap;gap:8px;display:flex}.cat-tag{border:1px solid var(--accent);height:25px;color:var(--accent);background:#07070980;align-items:center;padding:0 10px;font-size:13px;display:inline-flex}.cat-tag.sub{background:color-mix(in srgb, var(--accent-line) 88%, transparent);color:var(--fg);border-color:#0000}.cat-name{letter-spacing:.005em;text-transform:uppercase;margin:8px 0 0;font-family:Geologica,sans-serif;font-size:27px;font-weight:800;line-height:1}.cat-name span,.cat-name b{display:block}.cat-name b{color:var(--accent);font-weight:800}.cat-link{color:var(--fg);text-decoration:none}.cat-link:after{content:"";z-index:1;position:absolute;inset:0}.cat-blurb{color:#d6d5d1;flex:1;margin:7px 0 0;font-size:16px;line-height:1.38}.cat-meta{border-top:1px solid var(--cat-line-soft);color:var(--fg);flex-wrap:wrap;align-items:center;gap:8px;margin-top:15px;padding-top:14px;font-size:12.5px;display:flex}.cat-meta-i{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.cat-meta-i>svg{color:var(--accent);flex:none}.cat-meta-sep{border-left:1px solid var(--cat-line);align-self:stretch}@container (max-width:379px){.cat-meta{flex-direction:column;align-items:flex-start}.cat-meta-sep{display:none}}.cat-drops{color:var(--accent);gap:1px;margin-left:2px;display:inline-flex}.cat-actions{z-index:2;gap:12px;margin-top:19px;display:flex;position:relative}.cat-btn{border:1px solid var(--accent-btn);background:var(--accent-btn);min-width:0;min-height:46px;color:var(--on-accent);transition:background var(--dur-hover) var(--ease-out), border-color var(--dur-hover) var(--ease-out), color var(--dur-hover) var(--ease-out);flex:1;justify-content:space-between;align-items:center;gap:12px;padding:0 16px 0 20px;font-size:17px;font-weight:600;text-decoration:none;display:flex}.cat-btn:hover{background:color-mix(in srgb, var(--accent-btn) 86%, #fff);border-color:color-mix(in srgb, var(--accent-btn) 86%, #fff)}.cat-price{white-space:nowrap}.cat-price s{opacity:.6;margin-right:7px;font-weight:400}.cat-arrow{transition:transform var(--dur-hover) var(--ease-out);flex:none}.cat-btn:hover .cat-arrow{transform:translate(3px)}.cat-card.kit .cat-btn{border-color:var(--accent);color:var(--accent);background:0 0}.cat-card.kit .cat-btn:hover{background:color-mix(in srgb, var(--accent) 12%, transparent)}.cat-gift{border:1px solid var(--accent);width:48px;color:var(--fg);transition:background var(--dur-hover) var(--ease-out);flex:none;justify-content:center;align-items:center;display:inline-flex}.cat-gift:hover{background:color-mix(in srgb, var(--accent) 16%, transparent)}@media (prefers-reduced-motion:reduce){.cat-art img,.cat-arrow,.dd-chev{transition:none}.cat-btn:hover .cat-arrow{transform:none}}@media (min-width:761px) and (max-width:1240px){.cat-panel-sel{row-gap:0}.cat-panel-sel:after{content:"";flex-basis:100%;order:1}.cat-sel.cat-check,.cat-sort{order:2;margin-top:10px}.cat-sel+.cat-sel.cat-check{border-left:0;margin-left:0;padding-left:0}}@media (max-width:1100px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.cat-head{margin-top:28px}.cat-title{gap:12px;font-size:32px}.cat-orn{width:24px;height:24px}.cat-sub{margin-left:36px;font-size:15.5px}.cat-panel-row{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px}.cat-tabs{height:40px}.cat-tabs button{flex:auto;padding:0 10px;font-size:14px}.cat-tabs+.cat-tabs{border-left:0;border-top:1px solid var(--cat-line-soft);height:51px;margin:0;padding:10px 0 0}.cat-search{width:100%;margin-left:0}.cat-sel>span{flex:1}.cat-sel .dd-btn{min-width:150px}.cat-sel+.cat-sel:not(.cat-sort){border-left:0;margin-left:0;padding-left:0}.cat-sort{margin-left:0}.cat-sort .dd{flex:1;min-width:0}.cat-sort .dd-btn{width:100%;min-width:0}}@media (max-width:640px){.catalog-grid{grid-template-columns:minmax(0,1fr)}.cat-art{height:290px}.cat-body{padding:182px 16px 16px}.cat-name{font-size:25px}.cat-blurb{font-size:15.5px}.cat-btn{font-size:16px}}