:root{--bg-color:#08070d;--panel-bg:#0d0c1673;--panel-border:#ffffff12;--text-primary:#f3f1f6;--text-secondary:#a19db3;--primary-glow:#8b5cf6;--secondary-glow:#06b6d4;--accent-glow:#ec4899;--shadow-color:#00000080;--font-title:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.background-orbs-container{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.orb{filter:blur(120px);opacity:.18;mix-blend-mode:screen;pointer-events:none;border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle, var(--primary-glow) 0%, transparent 80%);width:50vw;max-width:500px;height:50vw;max-height:500px;animation:20s ease-in-out infinite alternate floatOrb1;top:-10%;right:-5%}.orb-2{background:radial-gradient(circle, var(--secondary-glow) 0%, transparent 80%);width:60vw;max-width:600px;height:60vw;max-height:600px;animation:25s ease-in-out infinite alternate floatOrb2;bottom:-15%;left:-10%}.orb-3{background:radial-gradient(circle, var(--accent-glow) 0%, transparent 80%);width:40vw;max-width:400px;height:40vw;max-height:400px;animation:18s ease-in-out infinite alternate floatOrb3;top:40%;left:30%}@keyframes floatOrb1{0%{transform:translate(0)scale(1)}to{transform:translate(-30px,40px)scale(1.1)}}@keyframes floatOrb2{0%{transform:translate(0)scale(1.05)}to{transform:translate(40px,-30px)scale(.95)}}@keyframes floatOrb3{0%{transform:translate(0)rotate(0)}to{transform:translate(-50px,-20px)rotate(360deg)}}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);box-shadow:0 8px 32px var(--shadow-color);border-radius:16px}.main-header{text-align:left;flex-direction:column;align-items:flex-start;gap:8px;width:90%;max-width:1000px;margin-top:65px;margin-bottom:45px;padding:0;display:flex}.logo{font-family:var(--font-title);letter-spacing:2px;color:var(--text-primary);align-items:center;gap:15px;font-size:3rem;font-weight:900;display:flex}.logo-icon-main{background:linear-gradient(135deg, var(--secondary-glow) 0%, var(--primary-glow) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #06b6d466);-webkit-background-clip:text;font-size:2.8rem}.logo span span{color:var(--secondary-glow);text-shadow:0 0 15px #06b6d499,0 0 30px #06b6d44d}.subtitle{font-family:var(--font-title);color:var(--text-secondary);text-transform:uppercase;letter-spacing:6px;font-size:.9rem;font-weight:600}.hub-container{width:90%;max-width:1000px;margin-bottom:80px}.grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:35px;width:100%;display:grid}.game-card{-webkit-backdrop-filter:blur(10px);border:1.5px solid var(--panel-border);color:var(--text-primary);background:#100f1c66;border-radius:20px;flex-direction:column;text-decoration:none;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000004d}.game-card:hover{border-color:#06b6d44d;transform:translateY(-8px);box-shadow:0 20px 45px #0009}.game-cover{border-bottom:1.5px solid var(--panel-border);justify-content:center;align-items:center;height:210px;display:flex;position:relative;overflow:hidden}.card-badge{font-family:var(--font-title);letter-spacing:2px;color:#fff;z-index:10;border-radius:8px;padding:4px 10px;font-size:.65rem;font-weight:800;position:absolute;top:15px;right:15px}.glow-bingo-cover{background:linear-gradient(135deg,#07030e 0%,#150a29 100%)}.glow-bingo-cover:before{content:"";background:radial-gradient(circle,#06b6d41f 0%,#0000 70%);position:absolute;inset:0}.bingo-cover-logo{z-index:5;flex-direction:column;align-items:center;gap:12px;transition:transform .35s;display:flex}.game-card:hover .bingo-cover-logo{transform:scale(1.08)}.bingo-cover-logo .logo-icon{color:var(--secondary-glow);filter:drop-shadow(0 0 15px #06b6d4cc);font-size:3.5rem;animation:4s ease-in-out infinite floatLogo}.bingo-cover-logo .logo-text{font-family:var(--font-title);letter-spacing:1px;color:#fff;font-size:2.2rem;font-weight:900}.bingo-cover-logo .logo-text span{color:var(--secondary-glow);text-shadow:0 0 10px #06b6d499}.pulse-cyan{border:1px solid var(--secondary-glow);text-shadow:0 0 5px var(--secondary-glow);background:#06b6d440;animation:2s infinite alternate neonPulse}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes neonPulse{0%{box-shadow:0 0 5px #06b6d44d,inset 0 0 5px #06b6d44d}to{box-shadow:0 0 12px #06b6d4b3,inset 0 0 8px #06b6d480}}.coming-soon-cover{background:linear-gradient(135deg,#050508 0%,#0d0d14 100%)}.coming-soon-logo{z-index:5;color:#3f3e4e;flex-direction:column;align-items:center;gap:12px;transition:color .35s;display:flex}.coming-soon-logo i{filter:drop-shadow(0 0 10px #ffffff0d);font-size:3.5rem}.game-card.coming-soon-card:hover .coming-soon-logo{color:var(--accent-glow)}.game-card.coming-soon-card:hover .coming-soon-logo i{filter:drop-shadow(0 0 15px var(--accent-glow))}.coming-soon-text{font-family:var(--font-title);letter-spacing:4px;font-size:1.4rem;font-weight:800}.animate-float{animation:3.5s ease-in-out infinite floatComing}@keyframes floatComing{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(5deg)}}.game-info{flex-direction:column;flex-grow:1;justify-content:space-between;gap:18px;padding:28px;display:flex}.game-title{font-family:var(--font-title);letter-spacing:.5px;font-size:1.6rem;font-weight:800}.game-desc{color:var(--text-secondary);font-size:.92rem;line-height:1.6}.play-action{border-top:1px solid var(--panel-border);font-weight:600;font-family:var(--font-title);letter-spacing:.5px;color:var(--secondary-glow);justify-content:space-between;align-items:center;padding-top:15px;font-size:.95rem;transition:all .3s;display:flex}.play-action i{transition:transform .3s}.game-card:hover .play-action{color:#fff;text-shadow:0 0 8px #fff6}.game-card:hover .play-action i{transform:translate(6px)}.play-action.disabled{color:#3f3e4e;border-top:1px dashed var(--panel-border)}.hub-footer{text-align:center;color:#524f63;z-index:10;background:#04030899;border-top:1px solid #ffffff08;width:100%;padding:40px 20px;font-size:.85rem}.highlight-text{color:var(--text-secondary);font-weight:600}@media (width<=768px){.main-header{margin-top:40px;margin-bottom:35px;padding:25px 30px}.logo{font-size:2.4rem}.logo-icon-main{font-size:2.2rem}.grid{gap:25px}.game-cover{height:180px}}@media (width<=480px){.main-header{margin-top:25px;margin-bottom:25px;padding:20px}.logo{font-size:2rem}.subtitle{letter-spacing:4px;font-size:.8rem}.grid{grid-template-columns:1fr}.game-info{padding:20px}}.glow-golf-cover{background:linear-gradient(135deg,#09030e 0%,#20051d 100%)}.glow-golf-cover:before{content:"";background:radial-gradient(circle,#ec48991f 0%,#0000 70%);position:absolute;inset:0}.golf-cover-logo{z-index:5;flex-direction:column;align-items:center;gap:12px;transition:transform .35s;display:flex}.game-card:hover .golf-cover-logo{transform:scale(1.08)}.golf-cover-logo .logo-icon{color:var(--accent-glow);filter:drop-shadow(0 0 15px #ec4899cc);font-size:3.5rem;animation:4s ease-in-out infinite floatLogo}.golf-cover-logo .logo-text{font-family:var(--font-title);letter-spacing:1px;color:#fff;font-size:2.2rem;font-weight:900}.golf-cover-logo .logo-text span{color:var(--accent-glow);text-shadow:0 0 10px #ec489999}.pulse-magenta{border:1px solid var(--accent-glow);text-shadow:0 0 5px var(--accent-glow);background:#ec489940;animation:2s infinite alternate neonPulseMagenta}@keyframes neonPulseMagenta{0%{box-shadow:0 0 5px #ec48994d,inset 0 0 5px #ec48994d}to{box-shadow:0 0 12px #ec4899b3,inset 0 0 8px #ec489980}}