@layer reset,tokens,base,layout,components,pages,utilities;@layer components{.game-card{flex-direction:column;inline-size:100%;min-inline-size:0;display:flex}.game-card__frame{box-sizing:border-box;inline-size:100%;aspect-ratio:var(--game-card-ratio);color:inherit;background:var(--color-fill-subtle);border-radius:calc(16 * var(--u));-webkit-tap-highlight-color:transparent;padding:1px;text-decoration:none;display:block;position:relative;container-type:inline-size}.game-card__frame:after{z-index:var(--z-overlay-controls);pointer-events:none;content:"";border-radius:inherit;position:absolute;inset:0}.game-card__frame:focus-visible{outline:none}.game-card__frame:focus-visible:after{outline:var(--focus-outline);outline-offset:calc(-1 * var(--focus-offset))}.game-card__media{background:var(--color-surface-card);border-radius:calc(15 * var(--u));block-size:100%;inline-size:100%;display:block;position:relative;overflow:hidden}.game-card__media picture{display:contents}.game-card__image{object-fit:cover;block-size:100%;inline-size:100%;transition:transform var(--duration-slow) var(--ease-default);display:block}@media (hover:hover) and (pointer:fine){.game-card__frame:hover .game-card__image{transform:scale(var(--card-hover-scale))}}.game-card__badges{z-index:var(--z-overlay-controls);pointer-events:none;align-items:flex-start;gap:2.54243cqi;display:flex;position:absolute;inset-block-start:-2.54243cqi;inset-inline-end:-2.54243cqi}.game-card__seal{aspect-ratio:1;object-fit:contain;block-size:auto;inline-size:20.3394cqi;filter:drop-shadow(0 0 calc(10 / 157.33 * 100cqi) color-mix(in srgb, var(--color-bg) 50%, transparent));display:block}.game-card__online{gap:calc(8 * var(--u));min-block-size:calc(16 * var(--u));margin:calc(6 * var(--u)) 0 0;font-size:max(12px, calc(12 * var(--u)));line-height:max(16px, calc(16 * var(--u)));letter-spacing:var(--text-xs-tracking);white-space:nowrap;pointer-events:none;align-items:center;display:flex}.game-card__online:before{inline-size:calc(16 * var(--u));block-size:calc(16 * var(--u));content:"";background:radial-gradient(circle, var(--color-success-dot) 0 calc(4 * var(--u)), color-mix(in srgb, var(--color-success-dot) 30%, transparent) calc(4 * var(--u)) calc(8 * var(--u)), transparent calc(8 * var(--u)));border-radius:var(--radius-round);animation:game-card-online-pulse var(--duration-pulse-slow) var(--ease-in-out) infinite;flex:none;display:block}.game-card__online-count{font-weight:var(--weight-bold);color:var(--color-text)}.game-card__online-label{color:var(--color-text-muted)}@media (width<1024px){.game-card__frame{border-radius:var(--radius-lg)}.game-card__media{border-radius:calc(var(--radius-lg) - 1px)}}@media (768px<=width<1024px){.game-card__frame{aspect-ratio:124.656/166.859}}@media (width<768px){.game-card__frame{aspect-ratio:127.33/169.77}}@media (prefers-reduced-motion:reduce){.game-card__image{transition:none}.game-card__online:before{animation:none}}@keyframes game-card-online-pulse{0%,to{filter:drop-shadow(0 0 #0000);transform:scale(1)}45%{filter:drop-shadow(0 0 calc(8 * var(--u)) color-mix(in srgb, var(--color-success-dot) 45%, transparent));transform:scale(1.12)}70%{filter:drop-shadow(0 0 calc(4 * var(--u)) color-mix(in srgb, var(--color-success-dot) 25%, transparent));transform:scale(1.04)}}}