/* WhichGameNext: catalogue-led layout, clear hierarchy and quieter secondary data. */
:root{--bg:#10131b;--panel:#1b2130;--line:#343d50;--muted:#b1b8c8;--accent:#80e2c1;--text:#f4f5f9;color-scheme:dark}
body{background:var(--bg);font:16px/1.55 Inter,Arial,sans-serif}a{color:var(--accent)}header{min-height:84px;background:#10131bf5;padding:18px max(24px,calc((100vw - 1380px)/2));gap:26px;border-bottom:1px solid #2a3040}header .brand-name{font-size:25px}header nav{gap:24px}.nav,.language,.account-button,.account-signout{font-size:14px}.nav{letter-spacing:0;text-transform:none;text-decoration:none}.nav.active:after{border-radius:4px;background:var(--accent)}.language,.account-button{border-radius:9px;padding:9px 14px}.account-button{background:#273a37;color:#d6fff0;border-color:#436a5d}.beta{font-size:11px}.brand-icon{width:38px;height:38px}main{max-width:1440px;padding:0 30px}.eyebrow{font-size:12px;letter-spacing:1.8px}h1{font:800 clamp(34px,4.5vw,60px)/1.12 Inter,Arial,sans-serif;text-transform:none;letter-spacing:-2px}h2{font:700 26px/1.3 Inter,Arial,sans-serif;text-transform:none;letter-spacing:-.6px}h3{font-family:Inter,Arial,sans-serif}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:46px;align-items:center;padding:38px 0 34px}.intro h1{max-width:650px;margin:10px 0 14px}.intro p{font-size:16px;color:var(--muted)}.intro .eyebrow{color:#f7b59f}.global-search{max-width:1380px;margin:18px auto;padding:15px 24px;background:#1b2130;border:1px solid var(--line);border-radius:15px;gap:12px}.intro .global-search{margin:0;padding:24px;flex-wrap:wrap;width:100%;box-shadow:0 15px 45px #0003}.intro .global-search label{display:block;width:100%;margin:0 0 4px;font-size:17px;color:var(--text)}.global-search input,#catalog-query{background:#111722;border:1px solid #455269;border-radius:9px;min-height:48px;font-size:16px}.global-search button{background:var(--accent);border:0;color:#102d24;border-radius:9px;font-size:15px;font-weight:700;min-height:48px}.global-search .suggest-wrap{min-width:100px}.game-suggestions{background:#20283a;border-color:#53627b}.game-suggestions [role=option]{min-height:62px}.game-suggestions [role=option]:hover,.game-suggestions [aria-selected=true]{background:#34465b}.workspace{grid-template-columns:280px minmax(0,1fr);gap:28px;padding-bottom:30px}.workspace>aside{position:static;max-height:none;overflow:visible;background:#191f2b;border:1px solid #333c4d;border-radius:16px;padding:20px;box-shadow:none}#filter-panel{margin:0;color:var(--text)}#filter-toggle{font-size:16px;font-weight:700;line-height:1.5;list-style-position:inside;padding-bottom:12px}#filter-panel .panel-title{margin-top:10px;font-size:14px;border-bottom-color:var(--line)}.panel-title button,.text-button{font-size:14px}#filters label{font-size:14px;color:#d3d9e4;font-weight:500;display:block;margin:18px 0 8px}#filters .check{display:flex;font-weight:400;align-items:flex-start;line-height:1.5}.check input{width:18px;height:18px;margin-top:2px}.platforms button,.chips button{font-size:14px;border-radius:8px;padding:9px 8px;background:#252e40;border-color:#3d4961;color:#c9d2e0}.platforms button.selected,.chips button.selected{background:#234b41;border-color:#67c6a7;color:#dbfff1}.chips{gap:7px}.platforms{gap:7px}.search-field{background:#111722;border-radius:9px;border-color:#455269}.search-field input{font-size:15px;padding:12px}.seed-status,.form-note{font-size:13px;color:var(--muted)}select{font-size:14px;min-height:42px;border-radius:8px;background:#111722;border-color:#455269}#seed-options{border-radius:8px}#seed-options button{font-size:14px}#seed-options small{font-size:12px}.advanced-filters{border-top:1px solid var(--line);padding-top:16px;margin:22px 0 0}.advanced-filters>summary{font-size:15px;font-weight:600;color:var(--accent)}.advanced-filters .avoid{padding:0}.advanced-filters details{font-size:14px}.result-heading .eyebrow{font-size:12px;color:#f7b59f}.result-count{background:#242c3b;border:0;border-radius:30px;font-size:13px;padding:8px 12px}.context{font-size:14px;color:var(--muted)}.sort-bar{background:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin:18px 0 22px}.sort-bar label{font-size:14px}.sort-bar select{font-size:14px;background:#1c2433;border-color:#3b475e}#cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card,.card:first-child{display:flex;flex-direction:column;grid-column:auto;background:#1c2331;border:1px solid #313b50;border-radius:16px;overflow:hidden;box-shadow:none}.card:hover{border-color:#6ba990;box-shadow:0 12px 25px #0003}.art,.card:first-child .art{height:255px;min-height:0;background:#0c1018}.art img,.card:first-child .art img{object-fit:contain}.rank{font-size:11px!important;background:#17271fea!important;color:#a6efd4!important;border:1px solid #466758;padding:6px 9px!important;border-radius:6px;max-width:calc(100% - 20px)}.art-caption{display:none}.card-body,.card:first-child .card-body{padding:18px;display:flex;flex-direction:column;flex:1}.card h3,.card:first-child h3{font:700 20px/1.3 Inter,Arial,sans-serif;letter-spacing:-.4px;margin:0 0 12px}.card .meta{font-size:13px;line-height:1.7;color:#b9c7d8}.rating{font-size:16px;color:#f6ce8e;margin-top:12px}.rating span{font-size:12px;color:#aebbcf}.reason,.card:first-child .reason{font-size:14px;line-height:1.6;color:#c5cddd;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-more{font-size:13px;margin:0 0 12px;color:#a9b9cf}.card-more summary{color:#a9b9cf}.card-more p{font-size:14px;line-height:1.6}.personal-actions{gap:8px;margin-top:auto;padding-top:12px}.personal-actions button{font-size:13px;white-space:normal;border-radius:8px;background:#252e40;border-color:#45526c;padding:9px}.personal-actions button.is-marked{background:#264e43;border-color:#68cba9;color:#e0fff1}.card-actions{gap:10px}.details-link{font-size:15px;font-weight:700;background:#80e2c1;color:#102d24;border-radius:9px;padding:10px 12px;text-align:center;width:100%;text-decoration:none}.details-link:hover{background:#acffdd;color:#102d24}.store{background:#28354a;border:1px solid #4a5e7c;border-radius:8px;color:#d2e5ff;font-size:14px}.dismiss{font-size:12px!important;white-space:normal}.bottom-note{font-size:14px;background:none}footer{font-size:13px;color:var(--muted);gap:20px;border-top-color:var(--line)}footer p{font-size:13px;line-height:1.7}.load-more{border-radius:10px;font-size:15px;padding:14px 26px}.empty{border-radius:14px;font-size:16px}
/* Game detail: title, four completion estimates, then media and personal collection. */
.game-heading{padding:30px 0 12px}.game-heading h1{max-width:1000px}.game-genres span{font-size:13px;border-radius:20px;background:#262f42;border-color:#3c4b65}.detail-jumps{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:12px 0 24px;gap:10px}.detail-jumps a{padding:8px 17px;border:1px solid #3a465d;border-radius:30px;font-size:14px;text-decoration:none;color:#d5dfef}.detail-jumps a:hover{background:#2a3d44;border-color:var(--accent)}.duration-hero{margin-bottom:30px}#hltb-times .source-panel{background:#262e42;border:1px solid #414b64;border-radius:22px;padding:25px 28px;margin:0;box-shadow:0 8px 30px #0002}.hltb-heading{text-align:center;font-size:23px;font-weight:800;margin-bottom:23px}.hltb-heading a{color:#f6f7fb;text-decoration:none}#hltb-times .time-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 18px}#hltb-times .time-grid>div{background:none;border:0;border-right:1px solid #657086;padding:7px 14px;display:flex;flex-direction:column;text-align:center}#hltb-times .time-grid>div:last-child{border-right:0}#hltb-times .time-grid strong{order:-1;font:800 clamp(25px,3vw,36px)/1.3 Inter,Arial,sans-serif;color:white;margin:0 0 5px}#hltb-times .time-grid span{font-size:14px;color:#edf1f8}#hltb-times .time-grid small{font-size:12px;color:#b7c0d1;margin-top:5px}#hltb-times .source-note{font-size:12px;line-height:1.7;text-align:center;margin:8px 0;color:#b8c3d5}#hltb-times .source-panel>a{display:block;text-align:center;font-size:13px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px}.game-main{min-width:0}.trailer-panel,.detail-box{background:#1b2230;border:1px solid #343e52;border-radius:16px;padding:22px;margin-bottom:24px}.detail-box h2,.trailer-panel h2{font-size:24px;margin:0 0 20px}.trailer-frame{border-radius:10px}.video-empty{font-size:16px;background:#121823;border-radius:10px}.detail-box p,.game-summary{font-size:16px;line-height:1.8}.detail-box .source-note,.source-note{font-size:13px;line-height:1.7}.video-controls{font-size:14px}.game-sidebar{grid-row:auto;position:static;max-height:none;padding:18px;border:1px solid #3b455a;border-radius:16px;background:#1b2230;display:flex;flex-direction:column;gap:16px;overflow:visible}.detail-cover{width:100%;height:auto;max-height:370px;object-fit:contain;border-radius:10px}.game-facts{padding:0;gap:8px}.game-facts>span{font-size:12px;color:#b3bfd4}.game-facts strong{font-size:17px}.game-facts small{font-size:13px}#game-personal{padding:0}.game-sidebar .store{margin:0;width:100%;padding:12px}.game-sidebar .source-note{padding:0}.mark-platform-label{font-size:13px}.trophy-review-label{font-size:13px;color:#e9c680}.detail-box .time-grid>div{background:#252f42;border-radius:10px;padding:17px}.detail-box .time-grid span{font-size:14px}.detail-box .time-grid strong{font-size:30px;color:#f0cf91}.guide-links a{font-size:14px}#game-about,#game-videos,#game-trophies,#hltb-times{scroll-margin-top:25px}
/* Search and collection use the same poster cards. */
.catalog-page{padding-top:12px}#catalog-results{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.catalog-tile{background:#1c2331;border:1px solid #343e52;border-radius:15px;overflow:hidden}.catalog-cover{height:290px;background:#0c1018}.catalog-tile-body{padding:18px}.catalog-tile h3{font-size:19px}.catalog-tile p{font-size:14px}.catalog-tile .mark-platform-label{font-size:13px}.collection-tabs button{border-radius:30px;font-size:15px;background:#232c3c;border-color:#47516a}.collection-tabs button.active{background:#2d5448;border-color:#7ed4b8;color:white}#page-search label{font-size:15px}
@media(max-width:1150px){#cards{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:250px minmax(0,1fr)}.intro{gap:25px}.intro h1{font-size:43px}.detail-layout{grid-template-columns:minmax(0,1fr) 250px}#catalog-results{grid-template-columns:repeat(3,minmax(0,1fr))}header{gap:18px;flex-wrap:wrap}}
@media(max-width:760px){header{padding:16px 20px;gap:15px}header nav{order:3;width:100%;margin:0;gap:20px;flex-wrap:wrap}.nav{font-size:14px}#account-menu{order:4;width:100%;justify-content:space-between}.brand-name{font-size:22px!important}main{padding:0 18px}.intro{grid-template-columns:1fr;gap:20px;padding:27px 0}.intro h1{font-size:40px;letter-spacing:-1.5px}.intro p{font-size:15px}.intro .global-search{padding:18px}.global-search{margin:14px 18px;padding:12px}.global-search label{display:none}.workspace{grid-template-columns:1fr;gap:24px}.workspace>aside{padding:15px 18px}#filter-toggle{padding:0}#filter-panel[open]>summary{padding-bottom:14px}#cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.art,.card:first-child .art{height:225px}.card-body,.card:first-child .card-body{padding:13px}.card h3,.card:first-child h3{font-size:18px}.card .reason{font-size:14px}.card .personal-actions{display:grid}.card .meta{font-size:12px}.result-heading{gap:12px}.result-heading h2{font-size:24px}.result-count{font-size:12px}.detail-layout{display:flex;flex-direction:column}.game-sidebar{order:-1;display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;padding:16px}.detail-cover{grid-column:1;grid-row:1 / span 2;max-height:160px}.game-facts{grid-column:2}.game-facts strong{font-size:15px}#game-personal{grid-column:1 / -1}.game-sidebar .store,.game-sidebar>.source-note{grid-column:1 / -1}.game-sidebar .personal-actions{display:flex}.game-heading h1{font-size:36px;letter-spacing:-1px}.detail-jumps{gap:7px}.detail-jumps a{font-size:13px;padding:8px 12px}#hltb-times .source-panel{padding:22px 15px;border-radius:16px}#hltb-times .time-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}#hltb-times .time-grid>div:nth-child(2){border-right:0}#hltb-times .time-grid strong{font-size:30px}.hltb-heading{font-size:22px}.detail-box,.trailer-panel{padding:18px}.detail-box h2,.trailer-panel h2{font-size:22px}#catalog-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-cover{height:235px}.catalog-tile-body{padding:13px}.catalog-tile h3{font-size:17px}footer{flex-wrap:wrap;padding:25px 0}.sort-bar{justify-content:space-between}.sort-bar select{max-width:68%}}
@media(max-width:410px){#cards{grid-template-columns:1fr}.art,.card:first-child .art{height:300px}.card .personal-actions{display:flex}#catalog-results{grid-template-columns:1fr}.catalog-cover{height:290px}.intro h1{font-size:35px}.intro .global-search{padding:14px}.global-search button{padding:10px}.global-search input{padding:10px;font-size:15px}.result-heading{align-items:flex-start;flex-direction:column}}
/* Compact completion-time summary while preserving the four readable categories. */
.duration-hero{margin-bottom:24px}#hltb-times .source-panel{padding:18px 22px;border-radius:18px}.hltb-heading{font-size:20px;margin-bottom:15px}#hltb-times .time-grid{margin-bottom:12px}#hltb-times .time-grid>div{padding:4px 12px}#hltb-times .time-grid strong{font-size:clamp(24px,2.5vw,30px);margin-bottom:3px}#hltb-times .time-grid small{margin-top:3px}#hltb-times .source-note{margin:6px 0}@media(max-width:760px){#hltb-times .source-panel{padding:16px 14px}.hltb-heading{font-size:19px;margin-bottom:14px}#hltb-times .time-grid{row-gap:16px}#hltb-times .time-grid strong{font-size:26px}}