:root{--sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--bg-primary:#f8fafc;--text-main:#334155;--text-title:#0f172a;--text-muted:#64748b;--primary:#fb7299;--primary-hover:#eb557f;--primary-glow:#fb72991f;--secondary:#00aeec;--secondary-glow:#00aeec1f;--gradient-accent:linear-gradient(135deg, #fb7299 0%, #6cf 100%);--gradient-bg:radial-gradient(circle at 10% 20%, #fb72990d 0%, #fff 90%), radial-gradient(circle at 90% 80%, #66ccff0f 0%, #fff 90%);--card-bg:#ffffffd1;--card-border:#ffffffb3;--card-shadow:0 10px 35px -10px #fb729914, 0 1px 3px #00000005;--card-shadow-hover:0 25px 50px -15px #fb729926, 0 4px 12px #66ccff0a;--border-slate:#e2e8f0cc;font-family:var(--sans);color:var(--text-main);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--gradient-bg);min-height:100vh;color:var(--text-main);position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#fb729905 1px,#0000 1px),linear-gradient(90deg,#fb729905 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}#app{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.main-content{flex:1;justify-content:center;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:80px 24px;display:flex}.games-grid{grid-template-columns:repeat(2,1fr);gap:40px;width:100%;max-width:1000px;display:grid}@media (width<=768px){.games-grid{grid-template-columns:1fr;gap:24px}.main-content{padding:40px 16px}}.game-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);color:inherit;border-radius:24px;flex-direction:column;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.game-card:hover{box-shadow:var(--card-shadow-hover);border-color:#fb729940;transform:translateY(-8px)}.card-image-wrapper{background:#e2e8f0;height:250px;position:relative;overflow:hidden}.game-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.game-card:hover .game-image{transform:scale(1.03)}.card-image-overlay{background:linear-gradient(#0000 60%,#0003 100%);position:absolute;inset:0}.card-content{flex-direction:column;flex:1;gap:12px;padding:32px;display:flex}.game-header{justify-content:space-between;align-items:center;display:flex}.game-title{color:var(--text-title);letter-spacing:-.5px;font-size:24px;font-weight:700}.game-description{color:var(--text-muted);font-size:14.5px;line-height:1.6}.coming-soon-card{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff73;border:2px dashed #fb729940;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:440px;padding:40px;transition:all .4s;display:flex;position:relative;box-shadow:0 4px 30px #00000003}.coming-soon-card:hover{box-shadow:var(--card-shadow-hover);background:#fff9;border-color:#66ccff80;transform:translateY(-8px)}.placeholder-icon-container{width:72px;height:72px;color:var(--primary);background:#fb72990f;border:1px solid #fb729926;border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:flex;box-shadow:0 8px 24px #fb72990d}.coming-soon-card:hover .placeholder-icon-container{animation:2.5s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(180deg)}to{transform:translateY(0)rotate(360deg)}}.sparkle-svg{width:32px;height:32px;color:var(--secondary)}.placeholder-title{color:var(--text-title);margin-bottom:8px;font-size:22px;font-weight:700}.quote-divider{background:#fb729940;width:36px;height:1px;margin:24px 0 16px}.coming-soon-quote{font-family:var(--sans);color:var(--text-muted);opacity:.85;letter-spacing:.5px;font-size:13.5px;font-style:italic;line-height:1.6;transition:opacity .3s}.coming-soon-card:hover .coming-soon-quote{opacity:1;color:var(--primary)}.footer{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-top:none;justify-content:center;align-items:center;margin-top:auto;padding:32px 40px;display:flex}.footer-copy{color:var(--text-muted);opacity:.7;font-size:13px;font-weight:500}