/* Small header controls, comfortable touch search, and a soft rose discovery panel. */
.feature-grid{height:auto;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:stretch}
.feature-grid .feature-hero{display:block;width:100%;height:auto;aspect-ratio:16/9;min-width:0;min-height:0;background-color:#101117}
.feature-grid:has(.feature-side:empty){grid-template-columns:1fr}
.feature-grid .feature-side:empty{display:none}
.feature-grid .feature-art{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.feature-grid .feature-side{height:auto;grid-template-columns:1fr;grid-template-rows:auto auto;gap:16px}
.feature-grid .side-feature{aspect-ratio:16/9;min-width:0;background-color:#101117}
.feature-grid .feature-copy{position:absolute;inset:auto 0 0;padding:24px 30px;color:#fff;text-shadow:0 2px 10px #000c}
.feature-grid .hero-pick{display:block;width:fit-content;margin:0 0 8px;padding:0;border:0;background:none;font-size:11px;font-weight:800;letter-spacing:1.2px;color:#fff;text-transform:uppercase}
.feature-grid .feature-copy :is(h1,h2){font-size:clamp(28px,3.2vw,52px);letter-spacing:-1.2px;line-height:1.08;color:#fff;overflow-wrap:anywhere}
.feature-grid .feature-hero:hover .hero-pick{color:#f9e4b0}
@media(max-width:1020px){.feature-grid,.feature-grid .feature-side{gap:12px}.feature-grid .feature-copy{padding:20px}.feature-grid .hero-pick{font-size:10px}}
@media(max-width:600px){
 .feature-grid{grid-template-columns:1fr}
 .feature-grid .feature-hero{aspect-ratio:16/9;height:auto}
 .feature-grid .feature-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}
 .feature-grid .feature-copy{padding:18px}
 .feature-grid .hero-pick{font-size:9px;margin-bottom:6px;letter-spacing:.9px}
 .feature-grid .feature-copy :is(h1,h2){font-size:clamp(25px,7.5vw,38px)}
 .feature-grid .side-feature h2{font-size:clamp(12px,3.7vw,17px)}
 .feature-grid .side-feature>div>span{display:none}
 .feature-grid .side-feature>div{inset:auto 10px 10px}
}
.badge:is(.top,.new,.updated){font-family:'Manrope',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:8px;font-weight:800}
.recommend-grid .badge:is(.top,.new,.updated){font-size:7px}
.site-header .wallet-button>.commerce-image-icon{width:19px;height:19px}
:root[data-theme] .discovery-banner,:root[data-theme] .site-header .random-button{background:linear-gradient(120deg,#382a35,#28232d);border-color:#4c3848}
:root[data-theme] .discovery-icon{color:#e2b5d0;background:#c987b51a;border-color:#bd87a83d}
:root[data-theme] .discovery-banner .eyebrow{color:#d9b2ca}
:root[data-theme] .discovery-banner .primary-button{color:#47263d;background:#e8c1d8;border-color:#e8c1d8}
:root[data-theme] .discovery-banner .primary-button:hover{background:#f1d3e5;border-color:#f1d3e5}
:root[data-theme=light] .discovery-banner,:root[data-theme=light] .site-header .random-button{background:linear-gradient(120deg,#fbf0f6,#f4edf5);border-color:#ead6e2}
:root[data-theme=light] .discovery-icon{color:#96587d;background:#f3dfeb;border-color:#e3c4d7}
:root[data-theme=light] .discovery-banner .eyebrow{color:#945b7e}
:root[data-theme=light] .discovery-banner .primary-button{color:#633b53;background:#edcade;border-color:#dfb2cc}
:root[data-theme=light] .discovery-banner .primary-button:hover{background:#e8bdd5;border-color:#d5a2bf}
.discovery-banner>.discovery-icon,.discovery-banner>div:not(.discovery-icon){position:relative;z-index:1}
.discovery-banner .discovery-decor{display:block;width:190px;height:190px;font-size:0;bottom:-34px;pointer-events:none;opacity:.07;transform:rotate(-14deg)}
.discovery-decor>img{display:block;width:100%;height:100%;object-fit:contain}
:root[data-theme=light] .discovery-decor>img{filter:brightness(0)}
.skip-link,html[dir=rtl] .skip-link{top:auto;bottom:16px;left:auto;right:16px;max-width:calc(100vw - 32px);transform:translateY(calc(100% + 32px))}
.skip-link:focus,html[dir=rtl] .skip-link:focus{top:auto;transform:none}
@media(max-width:1020px){
 .site-header .search-wrap input,.main-content .mobile-search input{font-size:16px;line-height:1.4}
}
@media(max-width:600px){
 .badge:is(.top,.new,.updated),.side-feature .badge:is(.top,.new,.updated){font-size:7px}
 .site-header .adfree-button{width:auto;min-height:33px;padding:0 9px;gap:0;flex-shrink:1}
 .site-header .adfree-button>.commerce-image-icon,.site-header .adfree-button>.commerce-art,.site-header .adfree-button>svg{display:none}
 .site-header .adfree-button .adfree-label{display:block;font-size:10px;line-height:1.2;white-space:normal}
 .site-header .wallet-button>.commerce-image-icon{width:16px;height:16px}
 .discovery-banner .discovery-decor{width:155px;height:155px;bottom:-24px;opacity:.06}
}
@media(max-width:359px){
 .site-header .adfree-button{padding-inline:7px;max-width:88px}
 .site-header .adfree-button .adfree-label{font-size:9px}
 .site-header .wallet-button>.commerce-image-icon{width:15px;height:15px}
}

:root[data-theme] .site-header .random-button{color:#d9b2ca}
:root[data-theme=light] .site-header .random-button{color:#945b7e}
.site-header .random-clown{font-family:system-ui,sans-serif;font-size:17px;line-height:1;font-weight:400}
.site-header .friends-head{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap;border-radius:8px;padding-block:7px}
.site-header .friends-head:hover,.site-header .friends-head.is-current{color:var(--nav-accent)}
.sidebar-friends{display:none}
@media(max-width:1200px){.site-header .friends-head{font-size:11px;gap:6px}}
@media(max-width:1020px){.site-header .header-actions .friends-head{display:none}.sidebar .sidebar-friends{display:flex}}