*: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}:root{--accent: #6c5ce7;--accent-light: #a29bfe;--surface: rgba(255, 255, 255, .06);--surface-hover: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .08);--radius: 16px;--radius-sm: 12px;--shadow-card: 0 2px 16px rgba(0, 0, 0, .12), 0 0 0 1px var(--border);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .24), 0 0 0 1px rgba(108, 92, 231, .3);--transition: .25s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme: light){:root{--surface: rgba(0, 0, 0, .03);--surface-hover: rgba(0, 0, 0, .06);--border: rgba(0, 0, 0, .08);--shadow-card: 0 2px 12px rgba(0, 0, 0, .06), 0 0 0 1px var(--border);--shadow-card-hover: 0 8px 28px rgba(0, 0, 0, .12), 0 0 0 1px rgba(108, 92, 231, .25)}}@media (prefers-color-scheme: dark){body{background:#0d0d0f}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.header{height:auto!important;min-height:72px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.header-items{display:flex;height:100%;width:100%;gap:16px;justify-content:space-between;align-items:center;padding:8px 0}@media (max-width: 768px){.header-items{flex-wrap:wrap;justify-content:center;gap:12px;padding:12px 0}}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;width:100%;max-width:1200px;margin:0 auto;padding:0}.card{cursor:pointer;position:relative;overflow:hidden}.card:after{position:absolute;content:"";inset:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.2) 50%,transparent 100%);transition:opacity var(--transition);color:#fff;border-radius:var(--radius-sm) var(--radius-sm) 0 0;opacity:0}.card:hover:after{opacity:1;content:"\25b6   Play"}.game-card-wrapper{animation:fadeInUp .4s ease-out both}.game-card-wrapper .ant-card{border-radius:var(--radius)!important;overflow:hidden;box-shadow:var(--shadow-card);transition:box-shadow var(--transition),transform var(--transition);border:none!important}.game-card-wrapper .ant-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.game-card-wrapper .ant-card-cover{border-radius:var(--radius) var(--radius) 0 0;overflow:hidden}.game-card-wrapper .ant-card-body{padding:16px 20px 12px}.game-card-wrapper .ant-card-actions{border-top:1px solid var(--border)!important}.game-card-wrapper .ant-card-actions>li{transition:color var(--transition)}.game-card-image-container{position:relative;width:100%;height:200px;display:flex;justify-content:center;align-items:center;overflow:hidden;background:var(--surface)}.game-card-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.card:hover .game-card-image-container img{transform:scale(1.05)}.loader{width:48px;height:48px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-content{padding:32px 40px;min-height:calc(100vh - 72px)}@media (max-width: 768px){.page-content{padding:20px 16px}.games-grid{grid-template-columns:1fr;gap:16px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(128,128,128,.3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(128,128,128,.5)}