.tv3-gc{position:relative;container-type:inline-size;isolation:isolate;display:flex;flex-direction:column;gap:8px;min-width:0;transition:transform .2s cubic-bezier(.4,0,.2,1)}.tv3-gc:before{content:"";position:absolute;inset:-4px;z-index:-1;border-radius:var(--radius-lg);background:var(--theme-surface-elevated);opacity:0;transition:opacity .16s ease;pointer-events:none}.tv3-gc__poster{position:relative;aspect-ratio:3 / 4.2;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--theme-shadow-lg);background:linear-gradient(160deg,var(--theme-surface-elevated),var(--theme-surface-base));border:1px solid var(--theme-border-subtle)}.tv3-gc__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .24s cubic-bezier(.4,0,.2,1)}.tv3-gc__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-game-title);font-size:40cqi;color:var(--theme-text-tertiary);opacity:.6}.tv3-gc__chips{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:flex-start;z-index:3}.tv3-gc__chip{display:inline-flex;align-items:center;padding:3px 8px;font-size:10px;font-weight:700;line-height:1.3;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--tv3-chip-color, var(--theme-brand-primary));color:var(--color-overlay-text, #fff)}.tv3-gc__hover{position:absolute;inset:0;z-index:2;display:none;opacity:0;background:color-mix(in srgb,var(--theme-bg-primary) 52%,transparent);transition:opacity .16s ease;pointer-events:none}.tv3-gc__fav{position:absolute;top:6px;right:6px;width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--theme-bg-primary) 60%,transparent);color:var(--color-overlay-text, #fff);cursor:pointer;pointer-events:auto;transition:background .12s ease,transform .14s cubic-bezier(.4,0,.2,1)}.tv3-gc__fav:hover{background:color-mix(in srgb,var(--theme-bg-primary) 80%,transparent)}.tv3-gc__fav:active{transform:scale(.9)}.tv3-gc__fav-icon{width:62%;height:62%;fill:none;stroke:currentColor;stroke-width:2}.tv3-gc__fav--on{color:var(--theme-special-gold, #e3ad4b)}.tv3-gc__fav--on .tv3-gc__fav-icon{fill:currentColor}.tv3-gc__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:clamp(44px,30cqi,88px);height:clamp(44px,30cqi,88px);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--theme-brand-primary);color:var(--theme-brand-primary-contrast, #fff);pointer-events:auto;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.tv3-gc__play-icon{width:46%;height:46%}.tv3-gc:hover .tv3-gc__play{transform:translate(-50%,-50%) scale(1)}.tv3-gc:active:not(:has(.tv3-gc__fav:active)):not(:has(.tv3-gc__demo:active)) .tv3-gc__play{transform:translate(-50%,-50%) scale(.93)}.tv3-gc__hover-caption{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:44px 10px 12px;text-align:center;pointer-events:none;background:linear-gradient(to top,color-mix(in srgb,#000 88%,var(--color-overlay-bg, rgba(0, 0, 0, .6))) 0%,color-mix(in srgb,#000 45%,var(--color-overlay-bg, rgba(0, 0, 0, .6))) 50%,transparent 100%)}.tv3-gc__hover-caption .tv3-gc__title{color:var(--color-overlay-text, #fff)}.tv3-gc__hover-caption .tv3-gc__provider{color:color-mix(in srgb,var(--color-overlay-text, #fff) 82%,transparent)}.tv3-gc__demo{position:absolute;left:10px;right:10px;bottom:60px;display:none;align-items:center;justify-content:center;padding:7px 10px;border-radius:var(--radius-md);font-size:12px;font-weight:600;text-decoration:none;text-align:center;pointer-events:auto;background:color-mix(in srgb,var(--theme-bg-primary) 70%,transparent);color:var(--color-overlay-text, #fff);border:1px solid var(--theme-border-subtle);transition:background .12s ease}.tv3-gc__demo:hover{background:color-mix(in srgb,var(--theme-bg-primary) 88%,transparent)}.tv3-gc__link{position:absolute;inset:0;z-index:1;text-decoration:none}.tv3-gc__meta{display:flex;flex-direction:column;gap:4px;padding:0 4px;min-width:0}.tv3-gc__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-family:var(--font-family-base);font-weight:600;font-size:clamp(12px,9.5cqi,14px);line-height:1.25;color:var(--theme-text-primary);overflow-wrap:anywhere}.tv3-gc__provider{font-size:clamp(11px,6cqi,12px);letter-spacing:.02em;text-transform:uppercase;color:var(--theme-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(hover:hover)and (pointer:fine){.tv3-gc__hover{display:block}.tv3-gc__demo{display:inline-flex}.tv3-gc:hover .tv3-gc__hover{opacity:1}.tv3-gc:hover:before{opacity:1}.tv3-gc:hover{transform:translateY(-6px)}.tv3-gc:hover .tv3-gc__meta{visibility:hidden}.tv3-gc:hover .tv3-gc__img{transform:scale(1.06)}}@media(max-width:1023px){.tv3-gc__hover{display:none}.tv3-gc:hover:before{opacity:0}.tv3-gc:hover{transform:none}.tv3-gc:hover .tv3-gc__meta{visibility:visible}.tv3-gc:hover .tv3-gc__img{transform:none}}.tv3-gc__link:focus-visible,.tv3-gc__play:focus-visible,.tv3-gc__demo:focus-visible,.tv3-gc__fav:focus-visible{outline:2px solid var(--theme-brand-text);outline-offset:2px}@media(prefers-reduced-motion:reduce){.tv3-gc,.tv3-gc:before,.tv3-gc__img,.tv3-gc__fav,.tv3-gc__play{transition:none}.tv3-gc:hover,.tv3-gc:hover .tv3-gc__img,.tv3-gc__fav:active{transform:none}.tv3-gc__play,.tv3-gc:hover .tv3-gc__play{transform:translate(-50%,-50%)}}