/* Quiet navigation and compact discovery controls. */
:root{color-scheme:dark;--muted:#aebbd2}
html{scroll-padding-top:0}
header{position:sticky;top:0;z-index:20;max-width:none;padding-left:max(30px,calc((100vw - 1180px)/2));padding-right:max(30px,calc((100vw - 1180px)/2));min-height:76px;gap:38px;background:#090f20ed;backdrop-filter:blur(18px)}
nav{gap:24px;align-items:center}nav button{min-height:44px;white-space:nowrap;font-size:13px;font-weight:600}.brand{flex-shrink:0}.header-random{min-height:42px}
#catalog{scroll-margin-top:94px}#grid .card{scroll-margin-top:94px}
.hot-caption a{display:inline-block;color:#c7d3f4}.weekly-toolbar{padding:15px 0}.hot-caption{gap:24px}
.catalog-heading{align-items:center;gap:30px;margin-bottom:20px}.catalog-heading h2{margin-bottom:0}#result-count{font-family:inherit;font-size:15px;color:#a7b8e3;margin-left:6px}
.search{width:350px;gap:10px;min-height:50px;flex-shrink:0;border:1px solid #ffffff17;transition:border-color .15s}.search:focus-within{border-color:#9baee7}.search input{min-width:0;flex:1}.search input::-webkit-search-cancel-button{display:none}.search kbd{color:#8d9dbd;font-size:12px}#clear-search{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:7px;background:#ffffff10;font:22px Arial;color:#d9e2f6}
.filter-row{gap:18px;align-items:flex-start;margin-bottom:16px}#categories{display:flex;flex-wrap:wrap;gap:8px;flex:1}.chip{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;min-height:40px;font-size:12px;border-color:#ffffff16}.genre-count{font-size:10px;opacity:.65;min-width:8px}.chip.active{background:#c3cff4;color:#101a31;border-color:#c3cff4}.sort-label{padding-top:5px;white-space:nowrap}.sort-label select{min-height:36px;cursor:pointer}.mobile-genre{display:none}
.catalog-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;min-height:25px}.catalog-note{margin:0;font-size:12px;color:#a1b0cd}#clear-filters{white-space:nowrap;background:none;color:#c2ceed;font-size:12px;padding:6px 0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Images remain genuine source screens; the detail view shows the full image. */
.grid{gap:24px}.card{border:1px solid #ffffff12;border-radius:15px;background:#111b2ed9;overflow:hidden;padding:0;transition:border-color .15s,background .15s;display:flex;flex-direction:column}.card:hover{border-color:#7488b64d;background:#142038}.cover-button{display:block;width:100%;border-radius:0}.screenshot-cover{height:auto;aspect-ratio:16/9;border-radius:0;background:#1b263c}.screenshot-cover img{object-fit:cover}.card .screenshot-cover .screen-caption{padding:24px 12px 9px;font-size:10px;text-align:left;opacity:.9}.detail-hint{position:absolute;bottom:9px;right:12px;color:#fff;font-size:10px;z-index:1}.card-info{padding:0 17px 14px;display:flex;flex-direction:column;flex:1}.card-meta{margin-top:15px;font-size:11px}.card h3{font-size:18px;line-height:1.45;margin:8px 0}.card h3 button{font-weight:700;text-align:left}.card p{font-size:13px;line-height:1.75;color:#b8c4db;min-height:46px;margin:0 0 18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card-bottom{margin-top:auto;padding-top:13px;border-top:1px solid #ffffff10;gap:7px;align-items:center}.card-bottom>span{font-size:11px;line-height:1.6;flex:1;min-width:0}.card-bottom>a{display:inline-flex;align-items:center;gap:7px;justify-content:center;min-height:36px;padding:7px 10px;border:1px solid #ffffff19;border-radius:8px;background:#ffffff05;font-size:11px}.card-bottom>a:hover{background:#ffffff12}.save-button{top:10px;right:10px;width:36px;height:36px;border:1px solid #ffffff3b;box-shadow:0 2px 12px #0003;z-index:2}
#detail{max-width:720px;width:calc(100% - 36px);padding:0;max-height:90dvh;overscroll-behavior:contain}#detail .screenshot-cover{height:auto;aspect-ratio:auto;min-height:0;background:#0e1729}#detail .screenshot-cover img{height:auto;width:100%;object-fit:contain}#detail .detail-hint{display:none}#detail .screen-caption{font-size:11px}.close{z-index:3;min-width:40px;min-height:40px}.modal-body{padding:28px}.modal-facts{gap:14px;border-radius:12px}.modal-buttons a,.modal-buttons button{min-height:46px}.empty{grid-column:1/-1;padding:50px 20px}.empty button{min-height:44px;border-radius:10px}
@media(max-width:1050px) and (min-width:701px){header{gap:24px}nav{gap:18px}.card-info{padding:0 13px 12px}.card-bottom{align-items:flex-start}.card-bottom>a{width:100%}.card p{-webkit-line-clamp:3;min-height:68px}.card h3{font-size:16px}}
@media(max-width:700px){
  html{scroll-padding-top:0}header{min-height:66px;padding:0 18px;gap:18px;justify-content:space-between}header .brand{font-size:23px;gap:7px}header .logo{width:32px;height:32px;line-height:32px;font-size:32px}nav{gap:15px;margin-left:auto}nav button{font-size:11px;padding:8px 0}.desktop-only,.header-random{display:none}#save-count{padding:2px 5px}.hot-section{padding-top:24px}.hot-heading h1{font-size:34px}.hot-caption a{display:inline-block;text-align:left;margin-top:10px}.hot-section{padding-bottom:34px}
  #catalog{scroll-margin-top:84px}#grid .card{scroll-margin-top:84px}.catalog-heading{display:block;margin-bottom:16px}.catalog-heading h2{font-size:25px;margin-bottom:18px}.catalog-heading .eyebrow{font-size:11px}.search{width:100%;min-height:48px;padding:9px 13px}.search input{font-size:14px}.search kbd{display:none}
  .filter-row #categories{display:none}.filter-row{display:flex;gap:10px;align-items:center;margin-bottom:12px}.mobile-genre{display:flex;align-items:center;gap:10px;background:#141f34;border:1px solid #ffffff1a;border-radius:10px;padding:0 12px;flex:1;min-width:0;font-size:12px;color:#9dacc8}.mobile-genre select{min-width:0;flex:1;width:100%;border:0;background:transparent;color:#e2e9f8;font-size:13px;min-height:46px;font-weight:600;outline-offset:1px}.mobile-genre option{background:#142039}.sort-label{padding:0;font-size:0;flex-shrink:0}.sort-label select{width:85px;font-size:12px;min-height:46px;background:#141f34;border:1px solid #ffffff1a;border-radius:10px;padding:0 8px}.catalog-summary{margin-bottom:18px;gap:10px;align-items:flex-start}.catalog-note{font-size:11px;line-height:1.7}#clear-filters{font-size:11px;padding:0;line-height:1.7}
  .grid{gap:18px 12px}.card{border-radius:12px}.screenshot-cover{height:auto;aspect-ratio:4/3}.card-info{padding:0 11px 11px}.card-meta{font-size:10px;margin-top:12px;gap:5px}.card h3{font-size:15px;margin:7px 0}.card p{font-size:12px;line-height:1.7;min-height:61px;-webkit-line-clamp:3;margin-bottom:13px}.card-bottom{gap:10px;align-items:stretch;padding-top:10px}.card-bottom>span{font-size:10px;flex-basis:100%;min-height:16px}.card-bottom>a{width:100%;min-height:38px;font-size:11px}.save-button{width:32px;height:32px;top:7px;right:7px}.card .screenshot-cover .screen-caption{font-size:9px;padding:22px 9px 7px}.detail-hint{display:none}.more-wrap{margin-top:25px}#load-more{width:100%;min-height:48px;font-size:13px}.bottom-banner{margin-top:36px}.modal-body{padding:22px}#detail{max-height:90dvh;width:calc(100% - 24px)}
}
@media(max-width:360px){header{padding:0 12px;gap:10px}nav{gap:11px}header .brand{font-size:21px}.grid{gap:14px 9px}.card-info{padding-left:9px;padding-right:9px}.card h3{font-size:14px}.card-meta{font-size:9px}}


/* HOT 10 random discovery */
.hot-heading{gap:32px;align-items:center}.hot-random{width:370px;flex-shrink:0;padding:23px 24px;border:1px solid #ffffff20;border-radius:16px;background:#131b2d}.random-kicker{font-size:11px;color:#ffac8a;font-weight:700}.hot-random h2{font-size:20px;letter-spacing:-.6px;margin:8px 0 18px;color:#f4f5fa}.random-controls{display:flex;gap:8px}.random-controls select{min-width:0;flex:1;background:#0c1323;color:#edf0f8;border:1px solid #ffffff26;border-radius:9px;padding:0 10px;font-size:12px;min-height:44px}.random-controls button{background:#ff9874;color:#23140f;font-size:12px;font-weight:800;border-radius:9px;padding:0 15px;white-space:nowrap;min-height:44px}.random-controls button:hover{background:#ffaf94}.hot-random p{font-size:11px!important;color:#a5aec2!important;margin:12px 0 0!important;line-height:1.5!important}
@media(max-width:900px){.hot-heading{flex-wrap:wrap}.hot-random{width:100%;max-width:440px}}
@media(max-width:700px){.hot-heading{gap:22px}.hot-random{max-width:none;padding:18px}.hot-random h2{font-size:18px;margin-bottom:14px}.random-controls select{font-size:13px}.random-controls button{font-size:13px}.hot-random p{font-size:11px!important}}
@media(max-width:700px){.hot-heading .hot-random{margin-top:22px}}
body{background-color:#060711;background-image:radial-gradient(ellipse at 78% 12%,#25204a66,transparent 46%),radial-gradient(ellipse at 18% 72%,#151c4366,transparent 50%);background-attachment:fixed}
body:before{background-image:radial-gradient(1px 1px at 23px 38px,#ffffffb3 70%,transparent),radial-gradient(1px 1px at 137px 102px,#ffffff80 70%,transparent),radial-gradient(1.5px 1.5px at 244px 187px,#ddd8ffb3 60%,transparent),radial-gradient(1px 1px at 64px 231px,#ffffff66 70%,transparent);background-size:307px 283px,419px 367px,593px 431px,233px 509px}
/* Black space: neutral surfaces, no blue/teal card fills. */
:root{--paper:#000;--ink:#f5f5f5;--muted:#b5b5b5;--line:#ffffff24}
body{background:#000;isolation:isolate}
body:before{background-image:radial-gradient(1.4px 1.4px at 23px 38px,#fff 70%,transparent),radial-gradient(1px 1px at 137px 102px,#ffffffbf 70%,transparent),radial-gradient(2px 2px at 244px 187px,#fff 55%,#ffffff33 70%,transparent),radial-gradient(1px 1px at 64px 231px,#ffffffa6 70%,transparent),radial-gradient(1.3px 1.3px at 177px 57px,#fff 65%,transparent),radial-gradient(1px 1px at 80px 160px,#ffffff99 60%,transparent);background-size:307px 283px,419px 367px,593px 431px,233px 509px,467px 347px,199px 227px;opacity:1}
header{background:#090909f2}.hot-item.weekly-item,.card,.hot-random{background:#151515;border-color:#ffffff30;box-shadow:0 8px 24px #0006}.hot-item.weekly-item:hover,.card:hover{background:#202020;border-color:#ffffff60}.search,.mobile-genre,.mobile-genre select,.mobile-genre option,.sort-label select,.sort-label select option,.random-controls select,.random-controls select option{background:#151515;color:#eee}.bottom-banner{background:#151515}.bottom-banner button,.modal-facts,.archive-current,.modal-buttons button,.close{background:#272727}dialog,#detail .screenshot-cover,.screenshot-cover,.hot-thumb{background:#131313}.save-button{background:#161616ed;color:#fff}.chip.active{background:#ededed;color:#151515;border-color:#ededed}.empty button,#toast{background:#eee;color:#111}.hot-caption,.hot-caption a,.week-title,.weekly-card-top .hot-category,.weekly-main .hot-description,.hot-heading p,.catalog-heading .eyebrow,.catalog-note,.card p,.modal-body p,#clear-filters,#result-count,.search kbd,.banner-symbol{color:#bcbcbc}.hot-random p{color:#bcbcbc!important}dialog::backdrop{background:#000b}.search:focus-within{border-color:#ddd}

.support-nav{display:flex;gap:18px;margin-left:auto;align-items:center}.support-nav button,.support-mobile button{background:none;color:#bbb;font-size:12px;padding:10px 0;white-space:nowrap}.support-nav button:hover,.support-mobile button:hover{color:#fff}.support-mobile{display:none}.contact-address,.support-status{padding:18px;background:#202020;border:1px solid #ffffff20;border-radius:10px;margin:20px 0;color:#eee;font-size:15px}.contact-address{user-select:all}
@media(max-width:1050px){header{gap:18px}.support-nav{gap:12px}.support-nav button{font-size:11px}}
@media(max-width:700px){header{gap:10px}header nav{gap:12px}.support-nav{display:none}.support-mobile{display:block;position:relative;margin-left:0}.support-mobile summary{list-style:none;cursor:pointer;color:#eee;font-size:24px;padding:5px 8px}.support-mobile summary::-webkit-details-marker{display:none}.support-mobile>div{position:absolute;right:0;top:42px;width:160px;padding:8px 16px;background:#191919;border:1px solid #444;border-radius:10px;box-shadow:0 8px 24px #0009}.support-mobile button{display:block;width:100%;text-align:left;font-size:13px;min-height:42px}}

/* Local review version */
.preview-notice{padding:10px 24px;background:#21182b;color:#e7dcff;display:flex;gap:18px;justify-content:center;align-items:center;font-size:13px;border-bottom:1px solid #443454}.preview-notice span{color:#baafc8}.preview-notice a{color:#ffb08f;text-decoration:none}.new-label{font-size:9px;letter-spacing:.06em;color:#ffc19e;border:1px solid #6b4937;border-radius:4px;padding:2px 4px;margin-left:5px}.cover img{object-fit:contain;background:#101014}#result-count{font-size:.52em;vertical-align:middle;color:#aaa} @media(max-width:650px){.preview-notice{padding:9px 15px;justify-content:space-between;gap:6px;flex-wrap:wrap;font-size:11px}.preview-notice span{width:100%;order:2}}