.discover-hub-band{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem 1rem;margin-bottom:.75rem;padding:.4rem .75rem;border-radius:8px;background:linear-gradient(102deg,color-mix(in srgb,var(--hub-mid, #5c6a7a) 48%,var(--hub-ground, #0a0e13)),color-mix(in srgb,var(--hub-mid, #5c6a7a) 72%,var(--hub-ground, #0a0e13)))}.discover-hub-band:before{content:"";position:absolute;inset:0;z-index:0;background-repeat:repeat;filter:invert(1) brightness(1.5);opacity:.1;pointer-events:none}.hub--gaming .discover-hub-band:before,.hub--indie .discover-hub-band:before,.hub--esport .discover-hub-band:before{background-image:url(/patterns/topography-gaming.svg);background-size:200px}.hub--tech .discover-hub-band:before{background-image:url(/patterns/circuit-board-tech-hub.svg);background-size:100px}.discover-hub-band__text{position:relative;z-index:1;display:flex;min-width:0;flex-wrap:wrap;align-items:baseline;gap:0 .6rem}.discover-hub-band__title{margin:0;color:#fff;font-family:var(--font-heading);font-size:1.05rem;font-weight:700;line-height:1.25;text-shadow:0 1px 2px rgba(0,0,0,.35)}.discover-hub-band__subtitle{margin:0;color:#ffffffd1;font-family:var(--font-tech);font-size:var(--text-meta);text-shadow:0 1px 2px rgba(0,0,0,.35)}.discover-hub-band__cta{position:relative;z-index:1;display:inline-flex;flex-shrink:0;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:.5rem;background:#fff;color:color-mix(in srgb,var(--hub-mid, #5c6a7a) 72%,var(--hub-ground, #0a0e13));font-family:var(--font-tech);font-size:var(--text-meta);font-weight:700;transition:background-color .16s ease-out}.discover-hub-band__cta:hover{background:#ffffffdb}.hub-page .section-title{border-bottom-color:color-mix(in srgb,var(--hub-mid) 45%,transparent)}.feed-page{position:relative;width:min(100%,var(--container-feed));margin:-1rem auto;padding:1rem;isolation:isolate;overflow:visible;background:transparent}#main-feed .feed-page{padding-inline:0}.discover-popular-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.discover-popular-slot--large{grid-column:span 3;height:304px}.discover-popular-slot--standard{grid-column:span 2;height:var(--card-h-base)}.discover-recent-card{height:var(--card-h-base)}[data-sliding] .card__frame:before{animation-play-state:paused}.discover-recent-control{border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff}.discover-recent-control:hover{border-color:#ffffffb3;background:#ffffff1a}.discover-recent-dot{background:#ffffff52}.discover-recent-dot:hover{background:#fff9}.discover-recent-dot[aria-current]{background:#fff}[data-theme=light] .discover-recent-control{border-color:#00000040;color:var(--color-content-body)}[data-theme=light] .discover-recent-control:hover{border-color:#00000080;background:#0000000d}[data-theme=light] .discover-recent-dot{background:#0000004d}[data-theme=light] .discover-recent-dot:hover{background:#0000008c}[data-theme=light] .discover-recent-dot[aria-current]{background:#000}.discover-popular-large-overlay{inset-inline:var(--card-pad-x);bottom:var(--card-pad-bottom);padding:0;gap:.5rem;pointer-events:none}.discover-popular-large-overlay a,.discover-popular-large-overlay button{pointer-events:auto}.discover-popular-default,.discover-popular-chrome,.discover-popular-score{transition:opacity .3s ease-out}.discover-popular-chrome,.discover-popular-score{z-index:30}.discover-popular-score{transform:scale(.9);transform-origin:top right}.discover-popular-hover{padding:var(--card-pad-x) var(--card-pad-x) var(--card-pad-bottom);pointer-events:none}.discover-popular-hover a,.discover-popular-hover button{pointer-events:none}@media(hover:hover){.group\/card:hover .discover-popular-hover a,.group\/card:hover .discover-popular-hover button{pointer-events:auto}.group\/card:hover .discover-popular-default a,.group\/card:hover .discover-popular-default button{pointer-events:none}}.group\/card:hover .discover-popular-hover,.group\/card:focus-within .discover-popular-hover{opacity:1}.group\/card:hover .discover-popular-default,.group\/card:focus-within .discover-popular-default{opacity:0}.discover-hub-layout{--hub-compact-gap: 10px;--hub-compact-rows: 3;--hub-featured-h: calc( var(--hub-compact-rows) * var(--ac-h-compact-medium) + (var(--hub-compact-rows) - 1) * var(--hub-compact-gap) )}.discover-hub-layout[data-split=desktop]{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.discover-hub-layout[data-split=tablet]{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}.discover-hub-compact-grid{gap:var(--hub-compact-gap)}.discover-hub-featured{height:var(--hub-featured-h)}.discover-popular-cover .card-cover-img{object-position:center 30%;transform:scale(1);transform-origin:center center}@media(hover:hover){.group\/card:hover .discover-popular-cover .card-cover-img{transform:scale(1.05)}}.discover-ghost{opacity:.55}.discover-ghost .skeleton-shimmer{animation:none}@media(prefers-reduced-motion:reduce){.skeleton-shimmer{animation:none}}.discover-recent-page-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.discover-panel{border:1px solid rgba(255,255,255,.16);background:var(--color-card-panel)}[data-theme=light] .discover-panel{border-color:#0000001f;background:var(--color-card-panel)}.discover-flow-list{border-radius:10px}.discover-flow-header{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border-bottom:1px solid rgba(255,255,255,.16);font-family:var(--font-heading);font-size:var(--text-body);font-weight:700;color:var(--color-content-body)}.discover-flow-row{position:relative;display:flex;align-items:center;gap:.5rem;padding:0 .625rem;border-bottom:1px solid color-mix(in srgb,var(--color-edge) 60%,transparent);transition:background-color .15s ease-out}.discover-flow-row .tag{font-family:var(--font-heading)}@media(hover:hover){.discover-flow-row:hover{background:#ffffff12}}.discover-flow-row:has(a:focus-visible){background:color-mix(in srgb,var(--color-brand-light) 18%,transparent);outline:2px solid var(--color-brand-light);outline-offset:-2px}@media(min-width:640px){.discover-flow-row{gap:.625rem;padding:0 .875rem}}.discover-latest-scroll{scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-gutter:stable}.discover-latest-page{scroll-snap-align:start;scroll-snap-stop:always}
