@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');:root{font-family:'Montserrat',sans-serif;color:#f3f4f7;background:#0b0c10;font-synthesis:none;font-optical-sizing:auto}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#18351e 0,transparent 48%),#0b0c10}.shell{max-width:1440px;margin:auto;padding:0 42px}.topbar{height:76px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:#f7f8f8;text-decoration:none;font:700 15px 'Montserrat'}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#82e27c;color:#09210c}.muted{color:#83e77e}.top-actions{display:flex;align-items:center;gap:9px}.user-label{color:#a2a5ae;font-size:13px}.button{border:1px solid #ffffff20;background:#181a20;color:#ebedf0;border-radius:9px;padding:9px 14px;font:600 12px inherit;cursor:pointer}.button:hover{border-color:#85e381}.button.primary{width:100%;background:#83e27c;color:#102214;border:0;font-weight:700}.quiet{background:transparent}.hidden{display:none!important}main{padding:46px 0 32px}.hero{display:flex;align-items:end;justify-content:space-between;margin:4px 0 28px}.eyebrow{margin:0 0 12px;color:#85e381;font-size:10px;font-weight:700;letter-spacing:.19em}.hero h1{margin:0;font:600 clamp(34px,5vw,52px)/1.05 'Montserrat';letter-spacing:-.045em}.subhead{margin:12px 0 0;color:#a4a7b0;font-size:14px}.hero-count{display:grid;text-align:right;gap:3px;padding-bottom:3px}.hero-count strong{font:600 29px 'Montserrat'}.hero-count span{color:#989ca5;font-size:11px}.categories{display:flex;gap:7px;overflow:auto;padding:0 0 18px;border-bottom:1px solid #ffffff12}.category{white-space:nowrap;border:1px solid transparent;border-radius:9px;padding:9px 13px;background:transparent;color:#aeb1ba;font:600 12px inherit;cursor:pointer}.category:hover{color:white;background:#ffffff09}.category.active{color:#b3f2af;background:#24432975;border-color:#83e27c40}.filter-panel{margin-top:16px;border:1px solid #ffffff12;background:#13151a;border-radius:13px;padding:12px}.filter-main{display:grid;grid-template-columns:minmax(220px,1fr) 145px 170px 165px auto;gap:8px}.search{display:flex;align-items:center;gap:9px;min-width:0;border:1px solid #ffffff19;background:#0d0e12;border-radius:9px;padding:0 12px;color:#85e381}.search span{font-size:22px}.search input{border:0!important;padding-left:0!important}.filter-panel input,.filter-panel select,#authForm input{width:100%;min-width:0;border:1px solid #ffffff19;background:#0d0e12;border-radius:9px;padding:10px 11px;color:#eaebef;font:inherit;font-size:12px;outline:none}.filter-panel select:focus,.search:focus-within,#authForm input:focus{border-color:#83e27c80}.filter-toggle{white-space:nowrap}.advanced{display:none;grid-template-columns:repeat(3,minmax(160px,1fr));gap:8px;padding-top:9px}.advanced.open{display:grid}.check{display:flex;align-items:center;gap:8px;color:#b8bbc2;font-size:11px;white-space:nowrap;padding:0 9px}.check input{width:15px;height:15px;accent-color:#83e27c}.result-line{display:flex;align-items:center;justify-content:space-between;min-height:52px;color:#989ca5;font-size:12px}.result-line p{margin:0}.refresh,.link-button{border:0;background:transparent;color:#a9eaa5;font:600 11px inherit;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(182px,1fr));gap:17px}.game{overflow:hidden;min-width:0;border:1px solid #ffffff12;border-radius:12px;background:#15171c;transition:transform .18s,border-color .18s}.game:hover{transform:translateY(-3px);border-color:#ffffff35}.cover{position:relative;display:grid;place-items:center;aspect-ratio:2/3;background:linear-gradient(145deg,#1e3022,#121318);color:#78d477;font:700 36px 'Montserrat'}.cover-link{position:absolute;inset:0;display:block}.cover-link img{width:100%;height:100%;object-fit:cover}.fav{position:absolute;top:9px;right:9px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #fff3;border-radius:50%;background:#111c;color:#d3d6dc;font-size:17px;cursor:pointer;backdrop-filter:blur(8px)}.fav.on{color:#8be484;background:#15291c}.details{padding:11px}.game-title{display:block;min-height:36px;color:#f1f2f4;text-decoration:none;font:600 13px/1.35 'Montserrat';}.publisher{margin:5px 0;color:#91949e;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px}.badge{padding:3px 6px;border:1px solid #ffffff1b;border-radius:20px;color:#c4c7ce;font-size:9px}.badge.good{border-color:#83e27c55;color:#a7eda1}.badge.warn{border-color:#dba44b66;color:#ffce80}.empty{grid-column:1/-1;padding:38px;border:1px dashed #ffffff25;border-radius:12px;color:#a2a5ae;text-align:center}footer{margin-top:34px;padding:17px 0;border-top:1px solid #ffffff12;color:#727680;font-size:10px}dialog{width:min(420px,calc(100vw - 28px));padding:0;border:1px solid #ffffff22;border-radius:17px;background:#17191f;color:#f2f3f5;box-shadow:0 30px 90px #000a}dialog::backdrop{background:#050608c9;backdrop-filter:blur(5px)}#authForm{position:relative;padding:30px}#authForm h2{margin:0;font:600 28px 'Montserrat'}#authForm .auth-desc{margin:8px 0 20px;color:#a5a8b0;font-size:12px;line-height:1.5}#authForm label{display:grid;gap:6px;margin:12px 0;color:#c3c5ca;font-size:11px}.auth-error{min-height:18px;color:#ff8989;font-size:11px}.link-button{width:100%;margin-top:15px}.dialog-close{position:absolute;right:20px;top:17px;border:0;background:transparent;color:#a3a6af;font-size:24px;cursor:pointer}@media(max-width:900px){.shell{padding:0 22px}.filter-main{grid-template-columns:1fr 1fr 1fr}.search{grid-column:span 3}.advanced.open{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{align-items:start}.grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px}}@media(max-width:560px){.shell{padding:0 14px}.topbar{height:62px}main{padding-top:32px}.hero{margin-bottom:20px}.hero h1{font-size:36px}.hero-count strong{font-size:23px}.hero-count span{font-size:9px}.subhead{max-width:280px;font-size:12px}.categories{margin-right:-14px}.filter-main{grid-template-columns:1fr 1fr}.search{grid-column:span 2}.filter-toggle{grid-column:span 2}.advanced.open{grid-template-columns:1fr 1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.details{padding:8px}.game-title{font-size:11px}.user-label{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.build-version{position:fixed;right:10px;bottom:8px;z-index:20;padding:5px 8px;border:1px solid #ffffff1a;border-radius:7px;background:#0b0c10dd;color:#878b94;font-size:9px;font-weight:500;backdrop-filter:blur(8px)}.detail-main{padding:34px 0}.detail-top{display:grid;grid-template-columns:minmax(200px,300px) 1fr;gap:30px;align-items:start}.detail-cover{width:100%;border-radius:14px;border:1px solid #ffffff18}.detail-info h1{margin:0;font-size:clamp(30px,5vw,48px);line-height:1.1}.detail-summary{color:#b8bbc2;font-size:16px;line-height:1.65}.detail-description{color:#c9cbd1;font-size:14px;line-height:1.75;white-space:pre-line}.detail-meta{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.detail-section{margin-top:34px}.detail-section h2{font-size:22px}.screenshot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.screenshot-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid #ffffff1b;border-radius:10px;background:#15171c}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.video-card{overflow:hidden;border:1px solid #ffffff18;border-radius:11px;background:#13151a}.video-card video{display:block;width:100%;aspect-ratio:16/9;background:#050607}.video-card p{margin:9px 12px 12px;color:#c4c7ce;font-size:12px}.detail-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.back-link{display:inline-block;margin-bottom:20px;color:#a9eaa5;text-decoration:none;font-size:12px}.detail-loading{padding:40px;color:#999}.detail-error{padding:40px;border:1px dashed #ffffff25;border-radius:12px;color:#aaa}.video-unavailable{display:grid;place-items:center;aspect-ratio:16/9;color:#a9eaa5;text-decoration:none;background:#111318;border-radius:10px}.video-launch{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;overflow:hidden;padding:0;border:0;background:#0a0b0d;color:white;cursor:pointer}.video-launch img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8}.video-launch span{position:relative;padding:9px 13px;border:1px solid #fff6;border-radius:999px;background:#050608b8;font-size:12px;font-weight:700}.video-player{display:block;width:100%;aspect-ratio:16/9;background:#050607}
.collection-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;color:#e4e6eb;font-size:13px}.collection-tools>div{display:flex;flex-wrap:wrap;gap:7px}.collection-tools[hidden]{display:none}.collection-create{color:#a9eaa5}.collection-add{position:absolute;top:48px;right:9px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #fff3;border-radius:50%;background:#111c;color:#fff;font:500 20px Montserrat;cursor:pointer;backdrop-filter:blur(8px)}.collection-add:hover{background:#244329;border-color:#83e27c}.collection-tools .button{font:600 11px Montserrat,sans-serif}.collection-tools #saveCollection:not(.hidden){border-color:#83e27c;color:#a9eaa5}@media(max-width:560px){.collection-tools{align-items:flex-start;flex-direction:column}.collection-tools>div{flex-wrap:wrap}.collection-add{top:45px;right:7px;width:29px;height:29px}.fav{right:7px;width:29px;height:29px}}
.genre-panel{padding:0 0 12px;border-bottom:1px solid #ffffff12}.filter-caption{display:block;margin:0 0 9px;color:#e5e7ec;font-size:15px;font-weight:500}.genre-tags{display:flex;flex-wrap:wrap;gap:7px}.genre-chip{border:1px solid #ffffff1a;border-radius:999px;padding:7px 11px;background:#13151a;color:#b8bbc2;font:500 11px 'Montserrat',sans-serif;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.genre-chip:hover{border-color:#83e27c66;background:#1b241d;color:#f3f4f7}.genre-chip.active{border-color:#83e27c66;background:#24432975;color:#b3f2af}

.filter-reset{white-space:nowrap;color:#a9eaa5}.filter-reset:hover{border-color:#83e27c66;color:#b3f2af}

.game-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:#050608d9;backdrop-filter:blur(8px)}.game-modal[hidden]{display:none}.game-modal-panel{position:relative;width:min(1120px,100%);height:min(900px,calc(100vh - 48px));overflow:hidden;border:1px solid #ffffff25;border-radius:16px;background:#0b0c10;box-shadow:0 28px 100px #000b}.game-modal-frame{display:block;width:100%;height:100%;border:0;background:#0b0c10}.game-modal-close{position:absolute;top:12px;left:14px;right:auto;z-index:2;padding:9px 13px;border:1px solid #ffffff38;border-radius:999px;background:#101217e8;color:#f4f5f7;font:600 12px 'Montserrat',sans-serif;cursor:pointer;backdrop-filter:blur(8px)}.game-modal-close:hover{border-color:#83e27c;color:#a9eaa5}@media(max-width:560px){.game-modal{padding:8px}.game-modal-panel{height:calc(100vh - 16px);border-radius:12px}.game-modal-close{top:8px;left:8px;right:auto}}

.screenshot-thumb{display:block;width:100%;overflow:hidden;padding:0;border:1px solid #ffffff1b;border-radius:10px;background:#15171c;cursor:zoom-in}.screenshot-thumb:hover{border-color:#83e27c80}.screenshot-thumb img{display:block;border:0!important}.image-gallery{position:fixed;inset:0;z-index:500;display:grid;grid-template-columns:64px minmax(0,1fr) 64px;grid-template-rows:56px minmax(0,1fr);align-items:center;gap:10px;padding:16px 20px;background:#050608ed;backdrop-filter:blur(10px)}.image-gallery[hidden]{display:none}.gallery-toolbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;color:#d8dae0;font-size:12px}.gallery-close,.gallery-nav{display:grid;place-items:center;border:1px solid #ffffff35;background:#111318;color:#f4f5f7;cursor:pointer}.gallery-close{width:38px;height:38px;border-radius:50%;font:400 24px Montserrat}.gallery-nav{width:48px;height:58px;border-radius:12px;font:400 36px Montserrat}.gallery-image{max-width:100%;max-height:calc(100vh - 100px);justify-self:center;object-fit:contain;border:0!important;border-radius:4px;background:transparent}.gallery-close:hover,.gallery-nav:hover{border-color:#83e27c;color:#a9eaa5}@media(max-width:560px){.image-gallery{grid-template-columns:40px minmax(0,1fr) 40px;gap:5px;padding:8px}.gallery-nav{width:36px;height:48px}.gallery-image{max-height:calc(100vh - 86px)}}
.collection-menu{position:absolute;left:8px;bottom:8px;z-index:12}.collection-add{position:relative;top:auto;right:auto;display:flex;align-items:center;justify-content:center;width:auto;height:auto;gap:5px;padding:7px 10px;border:1px solid #ffffff38;border-radius:8px;background:#101218df;color:#f1f3f6;font:600 10px Montserrat,sans-serif;backdrop-filter:blur(8px)}.collection-add:hover,.collection-menu.open .collection-add{border-color:#83e27c;background:#1d3923ed;color:#c4f5c0}.collection-popover{position:absolute;bottom:calc(100% + 8px);left:0;z-index:32;display:none;width:min(235px,calc(100vw - 28px));max-height:min(300px,calc(100vh - 60px));gap:8px;padding:11px;border:1px solid #83e27c70;border-radius:11px;background:#17191ff5;box-shadow:0 14px 32px #000a;color:#f3f4f7}.collection-menu.open .collection-popover{display:grid}.collection-menu.align-right .collection-popover{right:0;left:auto}.collection-popover>strong{font-size:11px}.collection-options{display:grid;gap:5px;max-height:190px;overflow:auto}.collection-choice{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:8px 9px;border:1px solid #ffffff18;border-radius:8px;background:#ffffff08;color:#e9ebef;text-align:left;cursor:pointer}.collection-choice:hover{border-color:#83e27c80;background:#83e27c18}.collection-choice.added{color:#b7efb2}.collection-choice-name{overflow:hidden;font:600 11px Montserrat,sans-serif;text-overflow:ellipsis;white-space:nowrap}.collection-choice-action{flex:none;color:#a9eaa5;font:500 9px Montserrat,sans-serif}.collection-choice.added .collection-choice-action{color:#ffaaaa}.collection-empty{padding:7px;color:#9b9ea8;font-size:10px}.collection-create-option{padding:7px;border:1px dashed #ffffff28;border-radius:8px;background:transparent;color:#a9eaa5;font:600 10px Montserrat,sans-serif;text-align:left;cursor:pointer}.game:has(.collection-menu.open){overflow:visible;z-index:20}.cover-link img{border-radius:11px 11px 0 0}.collection-tools #leaveCollection{color:#e3aaaa;border-color:#e3aaaa35}.collection-tools #leaveCollection:hover{border-color:#e3aaaa;color:#ffcccc}@media(max-width:560px){.collection-menu{left:7px;bottom:7px}.collection-add{padding:7px 9px}.collection-popover{width:min(220px,calc(100vw - 24px))}}
.collection-popover{bottom:calc(100% + 3px);display:none;width:max-content;min-width:0;max-width:min(260px,calc(100vw - 24px));max-height:min(190px,calc(100vh - 48px));padding:8px;border-radius:10px}.collection-menu:hover .collection-popover,.collection-menu:focus-within .collection-popover,.collection-menu.open .collection-popover{display:block}.collection-popover::after{position:absolute;top:100%;right:0;left:0;height:15px;content:""}.collection-options{display:flex;flex-wrap:wrap;gap:5px;max-height:160px;overflow:auto}.collection-choice{display:inline-flex;max-width:100%;padding:6px 9px;border-color:#ffffff1c;border-radius:999px;background:#ffffff08;font:500 10px Montserrat,sans-serif;white-space:nowrap}.collection-choice.added::after{margin-left:4px;color:#83e27c;content:"✓"}.collection-empty{display:block;padding:4px 6px;font-size:10px}.game:has(.collection-menu:hover),.game:has(.collection-menu:focus-within),.game:has(.collection-menu.open){overflow:visible;z-index:20}.collection-menu.align-right .collection-popover{right:0;left:auto}@media(max-width:560px){.collection-popover{max-width:min(235px,calc(100vw - 20px));padding:7px}.collection-options{gap:4px}.collection-choice{padding:6px 8px}}
.result-line p[data-loading="true"]::before{display:inline-block;width:11px;height:11px;margin-right:9px;border:2px solid #83e27c45;border-top-color:#83e27c;border-radius:50%;content:"";vertical-align:-2px;animation:collection-loading .7s linear infinite}@keyframes collection-loading{to{transform:rotate(360deg)}}
.category.collection-create{margin-left:5px;border:1px dashed #83e27c55;background:#83e27c0b;color:#a9eaa5}.category.collection-create:hover{border-color:#83e27c;background:#83e27c18;color:#c4f5c0}.category.collection-create.active{border-color:#83e27c55;background:#83e27c0b;color:#a9eaa5}
.detail-cover-thumb{display:block;width:100%;overflow:hidden;padding:0;border:1px solid #ffffff18;border-radius:14px;background:#15171c;cursor:zoom-in}.detail-cover-thumb:hover{border-color:#83e27c80}.video-launch{text-decoration:none}

.collection-detach{color:#d0a0a0;border-color:#bd696933}.collection-detach:hover{color:#ffd0d0;border-color:#bd696988;background:#bd696911}@media(max-width:700px){.collection-tools{align-items:flex-start;flex-direction:column}.collection-tools>div{flex-wrap:wrap}}

#popupCollectionDialog{padding:26px}.popup-collection-dialog h2{margin:0 0 6px;font:600 22px Montserrat,sans-serif}.popup-collection-dialog .auth-desc{margin:0 0 15px;color:#a5a8b0;font-size:12px}.popup-collection-options{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto;padding:2px}.popup-collection-choice{padding:11px 13px;border:1px solid #ffffff20;border-radius:9px;background:#ffffff08;color:#f1f3f6;font:600 12px Montserrat,sans-serif;text-align:left;cursor:pointer}.popup-collection-choice:hover{border-color:#83e27c;background:#83e27c18;color:#c4f5c0}.popup-add-game{border-color:#83e27c70;color:#a9eaa5}.popup-add-game:hover{background:#24432975;border-color:#83e27c}

/* Steam enrichment on the game detail page */
.steam-section{border-top:1px solid #ffffff16;padding-top:22px}.steam-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 16px;color:#a5a8b0;font-size:12px}.steam-heading a{color:#a9eaa5;text-decoration:none}.steam-heading a:hover{text-decoration:underline}.steam-review{display:grid;gap:5px;padding:15px 17px;margin:12px 0 20px;border:1px solid #83e27c35;border-radius:12px;background:linear-gradient(110deg,#83e27c12,transparent);width:fit-content;max-width:100%}.steam-review strong{color:#b8f2b3;font-size:15px}.steam-review span{font-size:13px}.steam-review small,.steam-source{color:#92959e;font-size:11px}.steam-section h3{margin:20px 0 10px;font-size:14px}.steam-tags{display:flex;flex-wrap:wrap;gap:7px}.steam-tag{background:#ffffff09;border-color:#ffffff17;font-size:11px}.steam-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin:20px 0}.steam-metadata>div{padding:10px 12px;border:1px solid #ffffff12;border-radius:9px;background:#ffffff05}.steam-metadata dt{color:#92959e;font-size:10px;margin-bottom:5px}.steam-metadata dd{margin:0;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.steam-description{margin:12px 0;padding:13px 14px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff04}.steam-description summary{cursor:pointer;color:#c4f5c0;font-size:12px;font-weight:600}.steam-description h4{margin:15px 0 6px;font-size:12px}
.brand-logo{display:block;width:42px;height:42px;flex:0 0 42px;object-fit:cover;border-radius:12px;border:1px solid #83e27c55;background:#087b16}
.card-remove-button{position:absolute;right:8px;bottom:8px;z-index:5;display:grid;place-items:center;width:29px;height:29px;overflow:visible;padding:0;border:1px solid #f8717159;border-radius:8px;background:#38252de8;color:#fda4af;backdrop-filter:blur(8px);touch-action:none;user-select:none;cursor:pointer;transition:transform .18s cubic-bezier(.2,.8,.25,1.3),box-shadow .2s ease,background .2s ease}.card-remove-button::before{position:absolute;z-index:-1;inset:-3px;border-radius:10px;background:conic-gradient(from 315deg,#fb7185 0deg var(--hold-angle,0deg),transparent var(--hold-angle,0deg) 360deg);content:"";opacity:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;padding:2px;filter:drop-shadow(0 0 4px #fb7185b3)}.card-remove-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;transition:transform .2s cubic-bezier(.2,.8,.25,1.15)}.card-remove-button:hover{border-color:#f87171bf;background:#7f1d1ddc;color:#fff1f2}.card-remove-button.holding{transform:scale(1.1);border-color:#fb7185;background:#7f1d1df5;color:#fff1f2;box-shadow:0 0 16px #f871714d}.card-remove-button.holding::before{opacity:1;animation:hold-delete-progress 1s linear forwards}.card-remove-button.holding svg{animation:hold-delete-icon 1s cubic-bezier(.22,.8,.3,1.15) forwards}@property --hold-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes hold-delete-progress{to{--hold-angle:360deg}}@keyframes hold-delete-icon{0%{transform:scale(1) rotate(0)}70%{transform:scale(1.28) rotate(-9deg)}88%{transform:scale(1.18) rotate(4deg)}100%{transform:scale(1.32) rotate(0)}}@media(prefers-reduced-motion:reduce){.card-remove-button,.card-remove-button::before,.card-remove-button svg{animation:none!important;transition:none!important}}
.filter-main{grid-template-columns:minmax(220px,1fr) 145px 190px auto auto}.filter-actions{display:flex;align-items:center;gap:7px;min-width:0}.filter-actions .filter-toggle{padding:9px 12px}.filter-actions .wheel-trigger{white-space:nowrap;padding:9px 12px}@media(max-width:900px){.filter-main{grid-template-columns:1fr 1fr 1fr}.filter-actions{grid-column:span 2}.filter-reset{justify-self:end}}@media(max-width:560px){.filter-actions{grid-column:span 2}.filter-actions>*{flex:1}.filter-reset{grid-column:span 2;justify-self:stretch}}
.collection-exclude{grid-column:1/-1;min-width:0;margin:2px 0 0;padding:9px 10px 10px;border:1px solid #ffffff15;border-radius:9px}.collection-exclude legend{padding:0 6px;color:#b8bbc2;font-size:11px;font-weight:600}.collection-exclude-options{display:flex;flex-wrap:wrap;gap:6px}.collection-exclude-option{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 9px;border:1px solid #ffffff1c;border-radius:999px;background:#ffffff08;color:#d7d9df;font-size:10px;cursor:pointer}.collection-exclude-option input{width:13px;height:13px;padding:0;accent-color:#83e27c}.collection-exclude-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-exclude-option.unavailable{opacity:.55;cursor:not-allowed}.collection-exclude-option.unavailable::after{content:"открой для загрузки";color:#aaa1b9;font-size:9px}.collection-exclude-empty{color:#92959e;font-size:10px}@media(max-width:560px){.collection-exclude-options{gap:5px}.collection-exclude-option{padding:6px 8px}}
.collection-tab{display:inline-flex;align-items:center;gap:7px;flex:none;border-color:color-mix(in srgb,var(--collection-color) 34%,transparent);color:var(--collection-color);cursor:grab;touch-action:pan-x;transition:background .16s,border-color .16s,transform .16s}.collection-tab:hover{border-color:var(--collection-color);background:color-mix(in srgb,var(--collection-color) 10%,transparent);color:var(--collection-color)}.collection-tab.active{border-color:color-mix(in srgb,var(--collection-color) 65%,transparent);background:color-mix(in srgb,var(--collection-color) 17%,transparent);color:var(--collection-color)}.collection-tab.dragging{opacity:.45;cursor:grabbing}.collection-tab.drag-target{outline:2px solid color-mix(in srgb,var(--collection-color) 65%,transparent);outline-offset:2px}.collection-icon{display:grid;place-items:center;flex:none}.collection-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.collection-name{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-count{color:color-mix(in srgb,var(--collection-color) 76%,white);font:700 10px Montserrat,sans-serif;font-variant-numeric:tabular-nums}.collection-grip{margin-left:1px;color:color-mix(in srgb,var(--collection-color) 60%,#8c9099);font:700 13px Montserrat,sans-serif;line-height:1;opacity:.65}.collection-tab:focus-visible{outline:2px solid var(--collection-color);outline-offset:2px}.collection-tools{border-left:2px solid color-mix(in srgb,var(--collection-color) 70%,transparent);padding-left:10px}.collection-exclude-option{border-color:color-mix(in srgb,var(--collection-color) 34%,transparent)}.collection-exclude-option input{accent-color:var(--collection-color)}.collection-choice{border-color:color-mix(in srgb,var(--collection-color) 35%,transparent)}.collection-choice:hover{border-color:var(--collection-color);background:color-mix(in srgb,var(--collection-color) 14%,transparent);color:var(--collection-color)}.popup-collection-choice{border-color:color-mix(in srgb,var(--collection-color) 35%,transparent)}.popup-collection-choice:hover{border-color:var(--collection-color);background:color-mix(in srgb,var(--collection-color) 14%,transparent);color:var(--collection-color)}@media(max-width:560px){.collection-name{max-width:130px}.collection-tab{gap:5px}.collection-count{font-size:9px}}

.free-filter{grid-column:span 1}.mode-badge{font-weight:600}.mode-single{color:#b9c2d3;border-color:#8490a455;background:#8490a410}.mode-online-coop{color:#83e4bd;border-color:#45c69066;background:#45c69013}.mode-local-coop{color:#78c9ff;border-color:#57adf266;background:#57adf212}.mode-online-multi{color:#ffbc79;border-color:#f29a4d66;background:#f29a4d12}.mode-local-multi{color:#c6a0ff;border-color:#a17bec66;background:#a17bec12}@media(max-width:560px){.free-filter{grid-column:1/-1}}

.detail-page-toolbar{display:flex;justify-content:flex-end;margin:0 0 14px}.detail-page-toolbar .popup-add-game{border-color:#83e27c70;background:#17301e;color:#b7f2b1;font-weight:700}.detail-page-toolbar .popup-add-game:hover{border-color:#83e27c;background:#204729;color:#e4ffe0}

.detail-collection-menu{position:relative;left:auto;bottom:auto}.detail-page-toolbar .detail-collection-menu .collection-add{border-color:#83e27c70;background:#17301e;color:#b7f2b1;font-weight:700}.detail-page-toolbar .detail-collection-menu .collection-add:hover{border-color:#83e27c;background:#204729;color:#e4ffe0}.detail-collection-menu .collection-popover{right:0;left:auto}.detail-collection-menu .collection-choice{border-color:color-mix(in srgb,var(--collection-color) 42%,transparent);color:var(--collection-color)}.detail-collection-menu .collection-choice:hover{border-color:var(--collection-color);background:color-mix(in srgb,var(--collection-color) 15%,transparent)}.detail-collection-menu .collection-choice.added{background:color-mix(in srgb,var(--collection-color) 12%,transparent)}.detail-collection-menu .collection-choice.added::after{content:"✓"}.detail-collection-menu .collection-choice:disabled{opacity:.6;cursor:wait}.detail-collection-menu.standalone-collection-menu .collection-popover{display:none}

.author-credit{position:fixed;left:10px;bottom:8px;z-index:20;display:flex;align-items:center;gap:8px;padding:5px 7px;border:1px solid #ffffff1a;border-radius:8px;background:#0b0c10dd;color:#888d96;font-size:9px;backdrop-filter:blur(8px)}.author-credit a{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border:1px solid #36aee255;border-radius:6px;color:#73c9f4;text-decoration:none;font-size:9px;font-weight:600}.author-credit a:hover{border-color:#36aee2;background:#36aee21a;color:#a5e2ff}.author-credit svg{width:12px;height:12px;fill:currentColor}@media(max-width:560px){.author-credit{left:7px;bottom:7px;gap:5px;padding:4px 5px;font-size:8px}.author-credit a{padding:3px 5px;font-size:8px}}

.collection-popover{max-height:min(270px,calc(100vh - 48px))}.collection-options{max-height:min(220px,calc(100vh - 90px));overscroll-behavior:contain;scrollbar-color:#58615d #17191f;scrollbar-width:thin}.collection-options::-webkit-scrollbar{width:7px}.collection-options::-webkit-scrollbar-track{background:#17191f}.collection-options::-webkit-scrollbar-thumb{border-radius:8px;background:#58615d}
.steam-metadata{display:block;columns:4 180px;column-gap:8px;margin:16px 0}.steam-metadata>div{display:inline-block;box-sizing:border-box;width:100%;margin:0 0 8px;padding:8px 10px;vertical-align:top;break-inside:avoid}.steam-meta-details summary{cursor:pointer;color:#d7dae0;font-size:11px;line-height:1.45}.steam-meta-preview{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.steam-meta-more{display:block;margin-top:4px;color:#a9eaa5;font-size:10px;font-weight:700}.steam-meta-details[open] .steam-meta-more::after{content:" · свернуть"}.steam-meta-details p{margin:8px 0 0;color:#d7dae0;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.steam-tag{padding:3px 8px;border-radius:999px;font-size:10px;line-height:1.35} .badge.steam-tag-social{color:#83e6c4;border-color:#47c9a24a;background:#38b98c1a} .badge.steam-tag-intense{color:#ffad99;border-color:#f0785c55;background:#ed68431b} .badge.steam-tag-story{color:#c9a9ff;border-color:#a47af055;background:#9260e51c} .badge.steam-tag-action{color:#ffcf83;border-color:#f3ae4b55;background:#dc901b1d} .badge.steam-tag-light{color:#f2df89;border-color:#dcc34f55;background:#c8aa1b1b} .badge.steam-tag-thoughtful{color:#91d5ff;border-color:#4db3f255;background:#2996dd1c} .badge.steam-tag-style{color:#f1a9d0;border-color:#db76ac55;background:#c452941c} .badge.steam-tag-neutral{color:#bdc4d0;border-color:#8d98aa44;background:#7581981a}

.access-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.access-actions button{flex:1 1 180px}.access-actions .primary{order:-1}

.steam-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:16px 0}.steam-metadata>div{display:block;box-sizing:border-box;width:auto;margin:0;padding:10px 12px;break-inside:auto}.steam-extra-heading{margin:18px 0 9px;font-size:13px}.steam-localized-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.steam-localized-card{min-width:0;align-self:start;border:1px solid #ffffff15;border-radius:10px;background:#ffffff05;overflow:hidden}.steam-localized-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px}.steam-localized-card-head strong{font-size:12px}.steam-localized-card-head span{margin-left:auto;color:#989ba4;font-size:10px;text-align:right}.steam-meta-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px}.steam-meta-chips span{padding:4px 8px;border:1px solid #ffffff18;border-radius:999px;background:#ffffff08;color:#c5c8d0;font-size:10px;line-height:1.35}.steam-player-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:0 0 16px}.steam-player-metadata>div{padding:10px 12px;border:1px solid #ffffff12;border-radius:9px;background:#ffffff05}.steam-player-metadata dt{margin-bottom:5px;color:#92959e;font-size:10px}.steam-player-metadata dd{margin:0;font-size:12px;line-height:1.45}@media(max-width:600px){.steam-localized-metadata{grid-template-columns:1fr}}

.free-to-play-badge{color:#ffe39a;border-color:#efc14e70;background:#efc14e18;font-weight:700}
/* Inset the collection accent while preserving the panel's existing text spacing. */
.collection-tools{border-left-color:transparent;position:relative}
.collection-tools::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:2px;background:color-mix(in srgb,var(--collection-color) 70%,transparent);pointer-events:none}