:root{color-scheme:dark;--bg1: #0b0a06;--bg2: #12100a;--bg3: #1a160c;--accent: #f59e0b}html,body{height:100%}*{box-sizing:border-box}body{font-family:Inter,sans-serif;color:#f3f7ff;min-height:100vh;overflow-x:hidden;background-attachment:fixed;background:radial-gradient(1200px 600px at 14% 14%,#fbbf2429,#fbbf2400 45%),radial-gradient(1000px 600px at 86% 24%,#ea580c1f,#ea580c00 55%),linear-gradient(180deg,var(--bg1) 0%,var(--bg2) 60%,var(--bg3) 100%)}body:before{content:"";position:fixed;top:-30%;right:-20%;bottom:-30%;left:-20%;pointer-events:none;z-index:0;opacity:.35;filter:blur(60px);animation:float 14s ease-in-out infinite;background:radial-gradient(600px 300px at 20% 22%,#f59e0b59,#f59e0b00 60%),radial-gradient(800px 400px at 80% 12%,#ea580c47,#ea580c00 60%),radial-gradient(500px 300px at 52% 88%,#f43f5e38,#f43f5e00 60%)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-2%) scale(1.02)}to{transform:translateY(0)}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.glass{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;box-shadow:0 8px 30px #02061799,inset 0 1px #ffffff14}.neon-glow{box-shadow:0 0 0 1px #f59e0b73,0 0 24px #f59e0b52}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}@media(min-width:768px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}}.masonry-grid{column-count:2;column-gap:1rem}@media(min-width:768px){.masonry-grid{column-count:2;column-gap:1.25rem}}@media(min-width:1024px){.masonry-grid{column-count:3;column-gap:1.5rem}}@media(min-width:1280px){.masonry-grid{column-count:4;column-gap:1.5rem}}.masonry-item{break-inside:avoid;margin-bottom:1rem}.mag-card{break-inside:avoid;display:inline-block;width:100%;margin-bottom:1rem;vertical-align:top}.mag-card img{width:100%;height:auto;display:block;aspect-ratio:4 / 3;object-fit:cover}@media(min-width:768px){.mag-card img{aspect-ratio:16 / 9}}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}