.gamecard__wrapper{border-radius:var(--radius-lg);width:100%;height:100%;cursor:pointer;--un-shadow-color:color-mix(in oklab, 2px 2px 4px 0px #000000 12%, transparent) ;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-gradient-from:color-mix(in oklab, #C70001 var(--un-from-opacity), transparent);--un-gradient-to:color-mix(in oklab, #930001 var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-gradient-position:to right in oklab;background-image:linear-gradient(var(--un-gradient-stops))}@property --un-shadow-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}.gamecard__wrapper:hover{--un-scale-x:105%;--un-scale-y:105%;scale:var(--un-scale-x) var(--un-scale-y)}@property --un-scale-x{syntax:"*";inherits:false;initial-value:1;}@property --un-scale-y{syntax:"*";inherits:false;initial-value:1;}@property --un-scale-z{syntax:"*";inherits:false;initial-value:1;}.gamecard__container{padding:calc(var(--spacing) * .5);border-radius:var(--radius-lg);display:flex;flex-direction:column;width:100%;height:100%;align-items:center;justify-content:center;--un-gradient-from:color-mix(in oklab, #C70001 var(--un-from-opacity), transparent);--un-gradient-to:color-mix(in oklab, #930001 var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-gradient-position:to right in oklab;background-image:linear-gradient(var(--un-gradient-stops))}.gamecard__header{padding-inline:calc(var(--spacing) * 2);padding-bottom:calc(var(--spacing) * 1);display:flex;flex-shrink:0;gap:calc(var(--spacing) * 2.5);width:100%;height:36px;align-items:center;justify-content:center}.gamecard__logo{border-width:1px;border-color:color-mix(in srgb,var(--colors-black) var(--un-border-opacity),transparent);border-radius:calc(infinity * 1px);width:27px;height:27px;object-fit:cover}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.gamecard__logo{border-color:color-mix(in oklab,var(--colors-black) var(--un-border-opacity),transparent)}}.gamecard__name{font-size:16px;--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gamecard__body{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);display:flex;flex-direction:column;gap:calc(var(--spacing) * 2.5);width:100%;height:100%;min-height:104px;align-items:center;justify-content:center;--un-gradient-from:color-mix(in oklab, var(--colors-black) var(--un-from-opacity), transparent);--un-to-opacity:12%;--un-gradient-to:color-mix(in oklab, var(--colors-black) var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--un-gradient-stops))}@property --un-from-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-gradient-position{syntax:"*";inherits:false;syntax:"*";inherits:false;}@property --un-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000;syntax:"<color>";inherits:false;initial-value:#0000;}@property --un-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000;syntax:"<color>";inherits:false;initial-value:#0000;}@property --un-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000;syntax:"<color>";inherits:false;initial-value:#0000;}@property --un-gradient-stops{syntax:"*";inherits:false;syntax:"*";inherits:false;}@property --un-gradient-via-stops{syntax:"*";inherits:false;syntax:"*";inherits:false;}@property --un-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%;syntax:"<length-percentage>";inherits:false;initial-value:0%;}@property --un-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%;syntax:"<length-percentage>";inherits:false;initial-value:50%;}@property --un-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%;syntax:"<length-percentage>";inherits:false;initial-value:100%;}@property --un-to-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}.gamecard__results{padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);border-radius:calc(infinity * 1px);background-color:color-mix(in srgb,var(--colors-white) 12%,transparent);display:flex;gap:calc(var(--spacing) * 1.25);align-items:center;justify-content:center}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.gamecard__results{background-color:color-mix(in oklab,var(--colors-white) 12%,transparent)}}.gamecard__result{font-size:18px;color:color-mix(in srgb,var(--colors-white) var(--un-text-opacity),transparent);--un-leading:var(--leading-none);line-height:var(--leading-none);--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);text-align:center}@supports (color: color-mix(in lab,red,red)){.gamecard__result{color:color-mix(in oklab,var(--colors-white) var(--un-text-opacity),transparent)}}@property --un-leading{syntax:"*";inherits:false;}.gamecard__countdown{font-size:14px;color:color-mix(in oklab,#FEB301 var(--un-text-opacity),transparent)}.gamecard__countdown--closed{color:color-mix(in srgb,var(--colors-white) 60%,transparent)}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.gamecard__countdown--closed{color:color-mix(in oklab,var(--colors-white) 60%,transparent)}}