.catalog-page{--catalog-section-gap:18px;--catalog-card-gap:12px;--catalog-card-inset:8px;--catalog-card-min-width:150px;--catalog-meta-size:10px;--catalog-poster-ratio:2 / 3;gap:var(--catalog-section-gap);box-sizing:border-box;flex-direction:column;width:min(100%,100vw - 32px);max-width:1280px;margin:0 auto;padding:max(28px,min(4vw,36px)) max(14px,min(4vw,44px)) 60px;display:none;position:relative}.catalog-page.is-visible{display:flex}.catalog-topbar{z-index:1004;background:var(--bg-body);box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;margin:0 auto;padding:12px;display:flex;position:sticky;top:0}.catalog-search-bar{pointer-events:auto;width:100%;min-width:0;transition:opacity var(--motion-control) var(--motion-ease), max-width var(--motion-control) var(--motion-ease);contain:layout style;justify-content:center;align-items:center;max-width:520px;display:flex;position:relative}.catalog-search-icon{color:var(--game-search-icon);z-index:4;font-size:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.catalog-search-bar:focus-within .catalog-search-icon{color:var(--game-search-icon-focus)}.catalog-grid-container{padding:var(--catalog-section-gap);contain:layout style}.catalog-canvas-area{width:100%;position:relative}.catalog-canvas{outline:none;width:100%;display:block;position:absolute;left:0}.no-results{color:var(--color-result);text-align:center;margin:18px 0 6px}@media (max-width:700px){.catalog-page{padding-bottom:44px}.catalog-grid-container{padding:10px 0}}@media (max-width:480px){.catalog-search-bar{width:min(100%,100vw - 24px)}}body.watch-view .games-page,body.watch-view footer{display:none!important}body.watch-view .catalog-topbar{flex-direction:column;align-items:center;gap:12px}.catalog-grid-container:has(.watch-resume-card){gap:var(--catalog-section-gap);flex-direction:column;display:flex}.watch-resume-card{border-radius:var(--radius-item);background-color:var(--game-card-bg);box-sizing:border-box;cursor:pointer;contain:layout style paint;content-visibility:auto;backface-visibility:hidden;align-items:center;gap:var(--catalog-card-gap);aspect-ratio:auto;contain-intrinsic-size:auto 150px auto 225px;width:100%;font:inherit;text-align:left;color:var(--game-info-text);transition:background-color var(--motion-control) var(--motion-ease), transform var(--motion-control) var(--motion-ease);border:0;padding:0;display:flex;position:relative;overflow:hidden}.watch-resume-card:hover{background-color:var(--hover-bg);z-index:5;transform:none}.watch-resume-card:focus-visible{outline-color:var(--border-focus)}.watch-resume-card .poster-cover{border-radius:inherit;width:calc(var(--catalog-card-min-width) / 2);height:auto;aspect-ratio:var(--catalog-poster-ratio);flex-shrink:0;align-self:stretch;position:relative;top:auto;bottom:auto;left:auto;right:auto;overflow:hidden}.watch-resume-card .watch-info{padding:var(--catalog-card-inset);box-sizing:border-box;z-index:2;gap:var(--catalog-card-inset);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.watch-resume-title{text-transform:lowercase;overflow-wrap:anywhere}.watch-resume-caption{font-size:var(--catalog-meta-size);color:var(--text-secondary)}.watch-resume-play{margin-right:var(--catalog-section-gap);color:var(--color-icon);flex-shrink:0}.poster-cover img{object-fit:cover;opacity:0;width:100%;height:100%;filter:brightness(var(--game-cover-brightness));transition:opacity var(--motion-control) var(--motion-ease), filter var(--motion-control) var(--motion-ease), transform var(--motion-control) var(--motion-ease);display:block}.poster-cover.loaded img{opacity:1}.watch-resume-card:hover .poster-cover img{filter:brightness();transform:scale(var(--motion-hover-scale,1.05))}.poster-cover.no-cover{justify-content:center;align-items:center;display:flex}.poster-cover.no-cover img{display:none}.poster-cover.no-cover:before{content:none}.no-cover-icon{color:var(--game-no-cover-line);pointer-events:none;line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.no-cover-icon svg{display:block}.watch-sections{margin-bottom:var(--catalog-section-gap);isolation:isolate;flex-wrap:wrap;justify-content:center;gap:6px;display:flex;position:relative}.catalog-grid-container:has(.watch-resume-card) .watch-sections{margin-bottom:0}.watch-section-pill{z-index:1;width:var(--pill-w,0);height:var(--pill-h,0);border-radius:var(--radius-item);background-color:var(--active-bg);opacity:0;pointer-events:none;will-change:transform;transform:translate(var(--pill-x,0), var(--pill-y,0));position:absolute;top:0;left:0}.watch-sections.is-placed .watch-section-pill{opacity:1;transition:transform var(--motion-slide) var(--motion-ease-slide)}.watch-section-tab{border-radius:var(--radius-item);color:var(--text-secondary);font:inherit;cursor:pointer;transition:color var(--motion-control) var(--motion-ease);background:0 0;border:none;padding:6px 12px;font-size:12px;position:relative}.watch-section-chip{border-radius:var(--radius-item);background-color:var(--bg-surface-2);transition:background-color var(--motion-control) var(--motion-ease), transform var(--motion-control) var(--motion-ease);position:absolute;top:0;bottom:0;left:0;right:0}.watch-section-label{z-index:2;transition:transform var(--motion-control) var(--motion-ease);display:block;position:relative}.watch-section-tab:hover{color:var(--text-primary)}.watch-section-tab:hover .watch-section-chip{background-color:var(--hover-bg);transform:scale(var(--motion-hover-scale,1.05))}.watch-section-tab:hover .watch-section-label{transform:scale(var(--motion-hover-scale,1.05))}.watch-section-tab.is-active{color:var(--text-primary)}.watch-section-tab.is-active .watch-section-chip{background-color:#0000;transform:none}.watch-section-tab.is-active .watch-section-label{transform:none}.watch-section-tab:focus-visible{outline-color:var(--border-focus)}*{box-sizing:border-box}html{background:var(--color-background);scroll-behavior:smooth;height:100%;min-height:100%;overflow:hidden}body{background:var(--color-background);height:100%;min-height:100%;color:var(--color-text);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}::selection{background:var(--color-accent);color:#000}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{border:3px solid var(--color-background);background:#292929;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#3b3b3b}.app-shell{overscroll-behavior-y:contain;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;width:100%;height:100%;min-height:100vh;overflow:hidden auto}:where(button,a,input):focus-visible{outline:2px solid var(--color-accent-strong);outline-offset:3px}.search-bar{border:1px solid var(--color-border);width:min(100%,560px);min-width:0;height:48px;box-shadow:none;background:#090909;border-radius:13px;align-items:center;margin:0 auto;transition:border-color .1s,background-color .1s,box-shadow .1s;display:flex;position:relative}.search-bar:hover{border-color:var(--color-border-strong)}.search-bar:focus-within{background:var(--color-surface-raised);box-shadow:0 0 0 2px var(--color-accent-soft);border-color:#fff}.search-bar input[type=search]{z-index:2;width:100%;min-width:0;height:100%;color:var(--color-text);letter-spacing:-.01em;background:0 0;border:0;outline:0;padding:0 48px 0 44px;font-size:14px;position:relative}.search-bar input[type=search]::placeholder{color:#747474;opacity:1}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}