:root{--color-bg:#e11f26;--color-card-bg:#24242c;--color-text:#fff;--color-text-hover:#17171c;--color-accent:#de2620;--font-title:"Onest", sans-serif;--font-text:"Onest", sans-serif;--card-image-ratio:270 / 202;--card-gap-x:2rem;--card-gap-y:2rem}*,:before,:after{box-sizing:border-box}html.popup-open,html.popup-open body{overflow:hidden}body{font-family:var(--font-text);color:var(--color-text);background:var(--color-bg);min-height:100vh;margin:0}.page{max-width:75rem;margin:0 auto;padding:2rem 1rem 3rem}.games-list{gap:var(--card-gap-y) var(--card-gap-x);grid-template-columns:repeat(auto-fill,minmax(min(15rem,100%),1fr));margin:0;padding:0;list-style:none;display:grid}.game-card{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;display:block}.game-card__image{width:100%;aspect-ratio:var(--card-image-ratio);object-fit:cover;border-radius:.75rem;transition:transform .25s,box-shadow .25s;display:block}.game-card__title{font-family:var(--font-title);letter-spacing:.02em;text-transform:uppercase;text-align:center;margin-top:.625rem;font-size:.875rem;font-weight:700;line-height:1.2;transition:color .25s;display:block}.game-card:hover .game-card__image,.game-card:focus-visible .game-card__image{transform:scale(1.04);box-shadow:0 .5rem 1.5rem #0000008c}.game-card:hover .game-card__title,.game-card:focus-visible .game-card__title{color:var(--color-text-hover)}.game-card:active .game-card__image{transform:scale(.98)}.game-card:focus-visible{outline-offset:.25rem;border-radius:.75rem;outline:2px solid #fff}.game-popup{z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.game-popup[hidden]{display:none}.game-popup__backdrop{background:#0009;position:absolute;inset:0}.game-popup__container{width:79vw;max-height:100%;padding-top:2.5vw;position:relative}.game-popup__window{aspect-ratio:1134/630;background:url(./.prompts/popup.svg) 50%/100% 100% no-repeat;width:100%;max-height:100%;position:relative}.game-popup__frame{aspect-ratio:960/540;background:#000;border:none;border-radius:1rem;width:84.66%;max-width:calc(101.25% - 3.54375rem);position:absolute;top:46.429%;left:50%;transform:translate(-50%,-50%)}.game-popup__close{z-index:1;cursor:pointer;filter:drop-shadow(0 2px 4px #0000004d);background:0 0;border:none;border-radius:.75rem;justify-content:center;align-items:center;width:3.058vw;height:3.058vw;padding:0;transition:transform .15s;display:flex;position:absolute;top:3.6vw;right:1.5vw}.game-popup__close svg{width:100%;height:auto;display:block}.game-popup__close:hover,.game-popup__close:focus-visible{transform:scale(1.08)}.game-popup__close:active{transform:scale(.95)}.game-popup__close:focus-visible{outline-offset:.25rem;outline:2px solid #fff}@media (width<=40rem){.page{padding:1rem}.games-list{grid-template-columns:repeat(auto-fill,minmax(min(12rem,100%),1fr))}}@media (width<=40rem) and (orientation:portrait){.game-popup{align-items:flex-end}.game-popup__backdrop{display:none}.game-popup__container{flex-direction:column;width:100%;height:100%;max-height:none;padding-top:0;display:flex}.game-popup__window{aspect-ratio:auto;background:var(--color-accent);border-radius:0;width:100%;height:100%;max-height:none}.game-popup__frame{aspect-ratio:auto;border-radius:0;width:100%;max-width:none;height:92.5%;max-height:none;top:7.5%;left:0;right:0;transform:none}.game-popup__close{z-index:1;width:2.75rem;height:2.75rem;position:absolute;top:.75rem;right:.75rem}}