form{width:100%}:root{--page-grid:#5970911f;--page-line:#ffffff14}body.chakra-ui-light{--page-grid:#4962851f;--page-line:#1420330f}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#fff3}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 0 0,#2f73f62e,#0000 28%),radial-gradient(circle at 85% 20%,#ff623029,#0000 24%),linear-gradient(#ffffff05,#0000 28%);width:100%;height:100%;position:fixed;top:0;left:0}body:after{content:"";background-image:linear-gradient(to right, transparent 0, transparent calc(100% - 1px), var(--page-line) calc(100% - 1px)), linear-gradient(to bottom, transparent 0, transparent calc(100% - 1px), var(--page-line) calc(100% - 1px));opacity:.3;pointer-events:none;z-index:0;background-size:120px 120px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 85%);mask-image:radial-gradient(circle,#000 20%,#0000 85%)}#root{z-index:1;position:relative}.game-card-image{transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.game-card:hover .game-card-image{transform:scale(1.08)}.genre-sidebar::-webkit-scrollbar{width:4px}.genre-sidebar::-webkit-scrollbar-thumb{background:#8347ff4d;border-radius:999px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.4s forwards fadeInUp}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #8347ff4d}50%{box-shadow:0 0 25px #8347ff99}}.game-card:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:1;background:linear-gradient(135deg,#ffffff0a 0%,#0000 50%,#8347ff08 100%);transition:opacity .3s;position:absolute;inset:0}.game-card:hover:after,.game-card:focus-visible:after{opacity:1}body.chakra-ui-dark .hero-bottom-fade{--hero-fade:#08111ff2}body.chakra-ui-light .hero-bottom-fade{--hero-fade:#f5f7fbd1}@keyframes heroSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.hero-section{animation:.6s forwards heroSlideIn}.modern-panel{-webkit-backdrop-filter:blur(22px)}