.discovery-layout{min-width:0;container:discovery/inline-size}.discovery-layout-inner{--page-rail-space:0px;gap:var(--space-3);grid-template-columns:minmax(0,1fr);align-items:start;padding-inline-end:calc(var(--shell-drawer-width,0px) + clamp(0px, var(--shell-drawer-width,0px), var(--space-3)));transition:padding-inline-end .2s,grid-template-columns .2s;display:grid}.discovery-center{--shell-drawer-width:0px;--page-free-space:max(0px, calc(100% - var(--page-center-max-width,100%)));min-width:0;inline-size:100%;max-inline-size:var(--page-center-max-width,none);justify-self:start;margin-inline-start:clamp(0px, calc((var(--page-free-space) + var(--page-rail-space) - var(--page-navigation-width,0px)) / 2), var(--page-free-space));container:game-content/inline-size}.discovery-center .discovery-center{justify-self:center;margin-inline-start:0}.game-collection{--collection-heading-height:56px;min-width:0;container:collection/inline-size}.collection-toolbar{justify-content:end;align-items:center;gap:var(--space-3);flex-wrap:wrap;max-inline-size:100%;display:flex}.collection-view-switch{gap:var(--space-1);display:flex}.collection-filters{flex:auto;min-inline-size:0}.collection-toolbar{margin-inline-start:auto}.collection-toolbar>*{min-inline-size:0;max-inline-size:100%}.collection-heading{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.collection-heading>:first-child{gap:var(--space-2);display:grid}.game-collection:has(>.collection-heading[data-sticky=true]){margin-block-start:calc(-1 * var(--space-3))}.collection-heading[data-sticky=true]{top:var(--shell-header-height,76px);z-index:2;background:var(--color-background);padding-block:var(--space-3);flex-wrap:nowrap;margin-bottom:0;position:sticky}.collection-heading[data-sticky=true] .collection-filters{flex:1 1 0}.collection-heading[data-sticky=true] .collection-toolbar{flex-wrap:nowrap;flex:none}.category-filters{min-inline-size:0;position:relative}.category-viewport{gap:var(--space-2);scrollbar-width:none;overscroll-behavior-inline:contain;padding-inline:var(--space-1);scroll-padding-inline:36px;display:flex;overflow-x:auto}.category-viewport::-webkit-scrollbar{display:none}.category-viewport>*{white-space:nowrap;flex:none}.category-viewport>:focus-visible{outline-offset:-2px}.category-edge{align-items:center;display:flex;position:absolute;inset-block:0}.category-edge[data-edge=start]{padding-right:var(--space-3);background:linear-gradient(to right, var(--color-background) 70%, transparent);left:0}.category-edge[data-edge=end]{padding-left:var(--space-3);background:linear-gradient(to left, var(--color-background) 70%, transparent);right:0}.category-edge .ozzi-icon-action{background:var(--color-background);border-radius:50%}.collection-grid,.browse-shelf-viewport{--card-min:240px;--card-max:340px}.collection-grid{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--card-min)), 1fr));position:relative}@media (width>=1024px){.collection-grid:not(.collection-demos)>*{max-inline-size:var(--card-max)}}.collection-sections,.collection-section{gap:var(--space-4);min-width:0;display:grid}.collection-sections{gap:var(--space-7)}.collection-sections[hidden]{display:none}.collection-demos{grid-template-columns:repeat(auto-fill, minmax(min(100%, max(var(--card-min), calc((100% - 5 * var(--space-3)) / 6))), 1fr))}.browse-shelf{gap:var(--space-3);min-width:0;display:grid}.browse-shelf-track{min-width:0;position:relative;container-type:inline-size}.browse-shelf-arrow{top:var(--shelf-arrow-top);z-index:1;background:var(--color-panel-solid);box-shadow:var(--shadow-3);border-radius:50%;position:absolute}.browse-shelf-arrow .ozzi-icon-action{border-radius:inherit}.browse-shelf-arrow[data-edge=start]{transform:translate(max(-50%, calc(-1 * var(--space-3))), -50%);left:0}.browse-shelf-arrow[data-edge=end]{transform:translate(min(50%, var(--space-3)), -50%);right:0}.browse-shelf-arrow[hidden]{display:none}.browse-shelf-viewport{--shelf-columns:max(1, round(down, (100cqw + var(--space-3)) / (var(--card-min) + var(--space-3)), 1));grid-auto-flow:column;grid-auto-columns:min(var(--card-max), calc((100cqw + var(--space-3)) / var(--shelf-columns) - var(--space-3)));gap:var(--space-3);overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-block:var(--space-1);scrollbar-width:none;display:grid;position:relative;overflow-x:auto}.browse-shelf-viewport::-webkit-scrollbar{display:none}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.browse-shelf[data-phone=false] .browse-shelf-viewport{padding-block:var(--space-2);margin-block:calc(-1 * var(--space-1))}.browse-shelf-viewport>:first-child>.game-card{transform-origin:0}.browse-shelf-viewport>:last-child:not(:first-child)>.game-card{transform-origin:100%}}.browse-shelf-viewport[data-reordering]{scroll-snap-type:none}.browse-shelf-viewport>*{scroll-snap-align:start;min-width:0}.collection-item{border-radius:var(--radius-4);min-width:0}.collection-item[data-dragging=true]{opacity:.24;outline:2px dashed var(--gray-9);outline-offset:-3px}.game-card-reorder button{touch-action:none;cursor:grab}.game-card-reorder button:active{cursor:grabbing}.card-drag-preview{z-index:1000;pointer-events:none;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-6);border-radius:var(--radius-4);position:fixed;top:0;left:0;overflow:hidden}.card-drag-preview .game-card{height:100%}.game-preview-media{border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden}.game-preview-media>video{object-fit:cover;opacity:0;pointer-events:none;border-radius:inherit;background:0 0;width:100%;height:100%;position:absolute;inset:0}.game-preview-media[data-playing=true]>video{opacity:1}.game-preview-media[data-playing=true]>.media-cover{filter:blur(16px);opacity:.3}.game-preview-media[data-framing=stage]>video{object-fit:contain}@container discovery (width>=704px){.discovery-layout-inner[data-sidebar=true]:not(:has(>.promotion-rail[hidden],>.player-page-sidebar>.promotion-rail[hidden]:only-child)){--page-rail-space:calc(max(var(--promotion-width), var(--shell-drawer-width,0px)) + var(--space-3));grid-template-columns:minmax(0, 1fr) calc(var(--page-rail-space) - var(--space-3));padding-inline-end:0}.discovery-layout-inner[data-sidebar=true]>:not(.discovery-center){inline-size:var(--promotion-width);justify-self:end}.discovery-layout-inner>.player-page-sidebar{grid-area:1/2/span 2}.discovery-after{grid-column:1}}.player-page-sidebar:has(>.promotion-rail[hidden]:only-child){display:none}@media (prefers-reduced-motion:reduce){.discovery-layout-inner{transition:none}}@media (width<=1023px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.browse-shelf-viewport{grid-auto-columns:calc((100% - var(--space-3)) / 2)}}@media (width<=639px) and (orientation:portrait){.collection-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=639px){.browse-shelf-viewport{grid-auto-columns:calc(100% - 24px)}.discovery-layout-inner{grid-template-columns:minmax(0,1fr)}}.promotion-rail{--promotion-top:calc(var(--shell-header-height,76px) + var(--space-3));min-width:0;top:var(--promotion-top);height:calc(100dvh - var(--promotion-top) - var(--space-3));position:sticky}.promotion-rail[hidden]{display:none}@media (width<=639px){.promotion-rail{display:none}}.game-collection:has(>.collection-heading[data-sticky=true]) .promotion-rail{--promotion-top:calc(var(--shell-header-height,76px) + var(--collection-heading-height))}.promotion-toolbar{top:var(--space-3);right:var(--space-3);z-index:1;opacity:0;pointer-events:none;position:absolute}.promotion-rail:hover .promotion-toolbar{opacity:1;pointer-events:auto}.promotion-rail:has(:focus-visible) .promotion-toolbar{opacity:1;pointer-events:auto}.promotion-viewport::-webkit-scrollbar{display:none}.promotion-toolbar .pattern-row{gap:var(--space-1)}.promotion-viewport{gap:var(--space-3);reading-flow:flex-visual;scrollbar-width:none;overscroll-behavior:contain;overflow-anchor:none;flex-direction:column;height:100%;display:flex;position:relative;overflow:auto}.promotion-placement{flex:none;min-width:0}.promotion-placement>*{width:100%}[data-theme-scope=promotion]{background:0 0}.promotion-frame{border:1px solid var(--gray-6);box-sizing:border-box;border-radius:var(--radius-4);background:var(--gray-3);width:100%;overflow:hidden}.promotion-poster{position:relative}.promotion-link>.media-cover{border-radius:0}.promotion-link{min-width:0;color:inherit;text-decoration:none;display:block}.promotion-link:focus-visible{outline:none}.promotion-frame:has(:focus-visible){outline:2px solid var(--gray-12);outline-offset:-3px}.promotion-builder{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--accent-6);background:var(--accent-2);border-radius:var(--radius-4);display:grid}.promotion-builder>img{object-fit:contain;border-radius:var(--radius-3);background:#fff;width:72px;height:72px}.promotion-network{text-align:center;place-items:center;gap:var(--space-3);padding:var(--space-5);border:1px dashed var(--gray-7);border-radius:var(--radius-4);background:var(--gray-2);min-height:280px;display:grid}@container discovery (width<728px){.promotion-rail[data-inline=false]{display:none}.promotion-rail{height:440px;position:relative;top:auto}.promotion-viewport{overscroll-behavior-x:contain;overscroll-behavior-y:auto;flex-direction:row;min-height:0;max-height:none}.promotion-placement{width:var(--promotion-width);overflow-y:auto}.promotion-placement .media-cover[data-orientation=portrait]{aspect-ratio:auto;height:252px}}.game-feed{--feed-height:max(1px, calc(100dvh - var(--shell-header-height,76px) - var(--collection-heading-height,56px) - var(--space-3)));height:var(--feed-height);position:relative}.feed-ad-measure{visibility:hidden;pointer-events:none;position:absolute;inset:0;overflow:hidden}.feed-viewport{overflow-anchor:none;scroll-snap-type:y proximity;overscroll-behavior-y:contain;scrollbar-width:thin;height:100%;position:relative;overflow-y:auto}.feed-item.feed-insertion{box-sizing:border-box;min-block-size:0}.feed-insertion>*{height:100%;min-height:0}.collection-insertion{flex-direction:column;min-width:0;display:flex}.collection-insertion>*{flex:1}.collection-insertion>.game-card[data-phone=true]{container-type:inline-size}.collection-insertion>.game-card[data-phone=true]>.game-card-media{aspect-ratio:auto;block-size:calc(75cqw + 28px)}.collection-insertion>.game-card[data-phone=true] .game-card-description{min-block-size:2lh}.windowed-grid{position:relative}.collection-grid>.windowed-grid-row{max-inline-size:none;display:grid;position:absolute;inset:0 0 auto}.feed-item{block-size:var(--feed-height);scroll-snap-align:start;scroll-snap-stop:always;border:1px solid var(--gray-6);border-radius:var(--radius-4);background:var(--color-panel-solid);min-block-size:min-content;overflow:hidden}.game-heart{gap:var(--space-1);color:var(--gray-11);font-size:var(--font-size-1);white-space:nowrap;align-items:center;display:inline-flex}.game-heart svg{width:18px;height:18px}.game-collection:has(.game-feed[data-phone=true]){margin-block-start:0}.game-feed[data-phone=true]{--feed-height:100dvh;height:var(--feed-height)}.game-feed[data-phone=true] .feed-viewport{scrollbar-width:none}.game-feed[data-phone=true] .feed-item{border:0;border-radius:0}.game-feed[data-phone=true] .feed-comments-label{display:none}.collection-item{flex-direction:column;display:flex}.collection-item>.game-card{flex:1;height:auto}.promotion-poster[data-layout=banner]{max-height:320px}.promotion-poster[data-layout=banner] .media-cover{aspect-ratio:3}@container collection (width<640px){.promotion-poster[data-layout=banner] .media-cover{aspect-ratio:auto;height:200px}}.game-link-list{gap:var(--space-4);display:grid}.game-link-row{align-items:center;gap:var(--space-3);grid-template-columns:88px minmax(0,1fr);display:grid}.game-link-row>a{aspect-ratio:4/3;border-radius:var(--radius-3);display:block;overflow:hidden}.game-link-row>div{overflow-wrap:anywhere;min-width:0}.game-link-row a{color:inherit;text-decoration:none}.game-link-row a:hover{text-decoration:underline}@media (width<=639px){.game-collection{--collection-heading-height:68px}}.game-heart button{color:inherit}.game-card[data-phone=true]{--compact-phone-body:140px}.game-card[data-phone=true] .game-card-body{min-block-size:var(--compact-phone-body);gap:6px;padding:8px 12px 0}.game-card[data-phone=true] .game-card-intro{gap:8px}.game-card[data-phone=true] .game-card-intro .ozzi-avatar{block-size:40px;inline-size:40px}.game-card[data-phone=true] .game-card-body h3{font-size:var(--font-size-2);line-height:1.25}.game-card[data-phone=true] .game-card-studio{font-size:var(--font-size-1)}.game-card[data-phone=true] .game-card-description{-webkit-line-clamp:unset;font-size:var(--font-size-1);min-block-size:0;line-height:1.5;display:block}.game-card[data-phone=true] .game-card-description .ozzi-text{font-size:inherit;line-height:inherit}.game-card[data-phone=true] .game-card-description .ozzi-action{font-size:inherit}.game-card-body:has(>.game-card-actions){padding-block-end:0}.game-card-actions{border-block-start:1px solid var(--gray-5);justify-content:space-between;align-items:center;gap:4px;min-block-size:44px;margin-block-start:auto;display:flex}.game-card-actions .ozzi-action{font-size:var(--font-size-1);gap:4px;min-block-size:44px;margin:0;padding-inline:6px}.game-card-actions svg{block-size:16px;inline-size:16px}.game-card-utilities{align-items:center;gap:0;display:flex}.game-card-actions .game-counts{color:var(--gray-11);font-size:var(--font-size-1);gap:4px}.game-card-actions .game-heart .ozzi-action{min-inline-size:44px}.game-card[data-phone=false] .game-card-actions{min-block-size:0;padding-block:var(--space-1)}.game-card[data-phone=false] .game-card-actions .ozzi-action{min-block-size:max(28px, var(--target-min));border-radius:var(--radius-3)}.game-card[data-phone=true] .game-card-tag{pointer-events:none}.game-card[data-phone=true]:has(.game-presentation-media[data-selection=intro]) .game-card-tag{display:none}.browse-shelf[data-phone=true] .browse-shelf-arrow{display:none}.browse-shelf[data-phone=true] .browse-shelf-viewport{grid-auto-columns:calc(100% - 24px)}.game-card[data-phone=true] .feed-art{border-radius:calc(var(--radius-4) - 1px) calc(var(--radius-4) - 1px) 0 0}@media (width>=640px){.browse-shelf[data-phone=true] .browse-shelf-viewport{grid-auto-columns:calc(50% - 18px)}}.game-feed[data-scroll=document]{height:auto}.game-feed[data-scroll=document] .feed-item{scroll-snap-align:none}.game-collection:has(>.discovery-layout .game-feed[data-scroll=document]) .collection-sections{margin-block-start:var(--space-4)}