body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#0a0f14;--ink:#e6f3ff;--muted:#9fb3c9;--card-w:min(380px,28vw);--card-r:22px}*{box-sizing:border-box}#root,body,html{height:100%}body{background:radial-gradient(1200px 700px at 20% -10%,#10354d 0,#0000 60%),radial-gradient(900px 600px at 110% 20%,#132c3a 0,#0000 60%),linear-gradient(180deg,#081018,#05090e 60%,#04070b);color:#e6f3ff;color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji;margin:0}.wrap{margin:0 auto;max-width:1280px;padding:clamp(20px,3vw,36px)}.heading{font-size:clamp(26px,3.5vw,40px);font-weight:800;letter-spacing:.5px;margin:8px 0 0;text-shadow:0 2px 24px #00000073}.sub{color:#9fb3c9;color:var(--muted);letter-spacing:.2px;margin:6px 0 28px}.grid{grid-gap:clamp(14px,2.5vw,28px);align-items:start;display:grid;gap:clamp(14px,2.5vw,28px);grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1020px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.grid{grid-template-columns:1fr}}.game-card{--rx:0deg;--ry:0deg;--px:.5;--py:.5;--g1:#24d6ff;--g2:#9f7bff;--g3:#27f39b;animation:popIn .7s cubic-bezier(.2,.75,.2,1) both,float 6.2s ease-in-out infinite;aspect-ratio:2/3;background:linear-gradient(#0a0f14,#0a0f14) padding-box,conic-gradient(from 0deg,var(--g1),var(--g2),var(--g3),var(--g1)) border-box;border:2px solid #0000;border-radius:22px;border-radius:var(--card-r);display:grid;margin:auto;max-width:100%;outline:0;overflow:hidden;place-items:end stretch;position:relative;text-decoration:none;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0);transform-style:preserve-3d;transition:transform .18s ease,filter .25s ease;width:min(380px,28vw);width:var(--card-w)}.game-card:hover{filter:brightness(1.05) saturate(1.1)}.game-card:active{transform:perspective(900px) rotateX(calc(var(--rx)*.6)) rotateY(calc(var(--ry)*.6)) scale(.99)}.game-card img{border-radius:20px;border-radius:calc(var(--card-r) - 2px);height:100%;inset:0;object-fit:cover;position:absolute;transform:translateZ(20px);width:100%}.glow{background:radial-gradient(60% 80% at 50% 0,#3cffc638,#0000 70%);filter:blur(20px);height:45%;inset:auto -20% -22% -20%;pointer-events:none;transform:translateZ(10px)}.glow,.label{position:absolute}.label{grid-gap:4px;background:linear-gradient(180deg,#0000,#0000008c 40%,#000000a6);display:grid;gap:4px;inset:auto 0 0 0;padding:18px 18px 16px;transform:translateZ(30px)}.label .title{color:#fff;font-size:clamp(18px,2.2vw,22px);font-weight:800;letter-spacing:.4px;text-shadow:0 2px 10px #00000080}.label .cta{color:#aaf7ff;font-weight:700;opacity:.95}.shine{background:radial-gradient(350px 350px at calc(var(--px)*100%) calc(var(--py)*100%),#ffffff38,#fff0 60%);mix-blend-mode:screen;transition:background-position .12s linear}.shine,.sparkles:after,.sparkles:before{inset:0;pointer-events:none;position:absolute}.sparkles:after,.sparkles:before{animation:twinkle 3.8s ease-in-out infinite;background:radial-gradient(2px 2px at 20% 30%,#ffffff8c,#0000 40%),radial-gradient(2px 2px at 70% 60%,#ffffff73,#0000 40%),radial-gradient(1.6px 1.6px at 40% 80%,#ffffff59,#0000 40%),radial-gradient(1.6px 1.6px at 85% 25%,#fff6,#0000 40%);content:"";opacity:0}.sparkles:after{animation-delay:1.2s;filter:blur(.3px)}@keyframes popIn{0%{opacity:0;transform:perspective(900px) translateY(20px) scale(.96)}to{opacity:1;transform:perspective(900px) translateY(0) scale(1)}}@keyframes float{0%,to{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(0)}50%{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-6px)}}@keyframes twinkle{0%,to{opacity:0}15%{opacity:.45}30%{opacity:.1}60%{opacity:.35}}
/*# sourceMappingURL=main.d03ec3ee.css.map*/