*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable="false"])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable="true"]){-webkit-user-drag:element}:where(dialog:modal){all:revert}@keyframes fadeIn{0%{opacity:.65;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.card{cursor:pointer;position:relative}.card:after{position:absolute;content:"";width:100%;top:0;height:calc(100% - 4px);display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:700;background-color:#2424268a;transition:all .5s;color:#fff;border-top-left-radius:8px;border-top-right-radius:8px;opacity:0%}.card:after{bottom:0}.card:hover:after{opacity:100%;transition:all .5s}.card:hover:after{content:"Play"}@media (prefers-color-scheme: dark){body{background:rgb(20,20,20)}}.header-items{display:flex;height:100%;width:100%;gap:8;justify-content:space-between;align-items:center}.header{height:100px}@media (max-width: 490px){.header-items{flex-flow:column-reverse;height:320px;overflow-y:none}.header{height:320px}}.loader{width:64px;height:64px;position:relative;background:#FFF;border-radius:4px;overflow:hidden}.loader:before{content:"";position:absolute;left:0;bottom:0;width:40px;height:40px;transform:rotate(45deg) translate(30%,40%);background:#ff9371;box-shadow:32px -34px 0 5px #ff3d00;animation:slide 2s infinite ease-in-out alternate}.loader:after{content:"";position:absolute;left:10px;top:10px;width:16px;height:16px;border-radius:50%;background:#ff3d00;transform:rotate(0);transform-origin:35px 145px;animation:rotate 2s infinite ease-in-out}@keyframes slide{0%,to{bottom:-35px}25%,75%{bottom:-2px}20%,80%{bottom:2px}}@keyframes rotate{0%{transform:rotate(-15deg)}25%,75%{transform:rotate(0)}to{transform:rotate(25deg)}}.game-card-image-container{position:relative;width:301px;height:180px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-top-left-radius:8px;border-top-right-radius:8px}
