:root{--primary: #FF0055;--secondary: #00E5FF;--bg-dark: #0F0C29;--bg-gradient: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);--glass: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--text-light: #ffffff;--font-main: "Outfit", sans-serif;--font-heading: "Fredoka", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-dark);background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50' y='50' font-family='sans-serif' font-weight='900' font-size='24' fill='rgba(255,255,255,0.04)' transform='rotate(-30 50 50)' text-anchor='middle' dominant-baseline='middle'%3EBINGO%3C/text%3E%3C/svg%3E"),var(--bg-gradient);min-height:100vh;color:var(--text-light);display:flex;justify-content:center;align-items:center;overflow-x:hidden}#root{width:100%;max-width:1200px;margin:0 auto;padding:2rem;text-align:center}h1,h2,h3,h4,h5{font-family:var(--font-heading)}button{font-family:var(--font-main);cursor:pointer;border:none;outline:none;transition:all .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d40047}.glass-panel{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 30px #0000001a;padding:2rem}.btn-primary{background:var(--primary);color:#fff;padding:12px 24px;border-radius:50px;font-weight:700;font-size:1.1rem;box-shadow:0 4px 15px #f056}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f059}.btn-secondary{background:transparent;border:2px solid var(--secondary);color:var(--secondary);padding:10px 22px;border-radius:50px;font-weight:600}.btn-secondary:hover{background:var(--secondary);color:#000}.input-glass{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:12px 20px;border-radius:8px;color:#fff;width:100%;font-size:1rem}.input-glass:focus{border-color:var(--secondary);background:#ffffff1a}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{text-shadow:0 0 10px rgba(0,229,255,.5)}50%{text-shadow:0 0 25px rgba(0,229,255,.8),0 0 40px rgba(0,229,255,.4)}to{text-shadow:0 0 10px rgba(0,229,255,.5)}}.app-container{animation:fadeIn .5s ease-out}.hero h1{animation:float 4s ease-in-out infinite,pulse 3s infinite}.bingo-header h1{animation:pulse 2s infinite}.grid-container{perspective:1000px}.grid-cell{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.grid-cell:hover:not(.marked){transform:translateY(-5px) scale(1.05);box-shadow:0 10px 20px #0000004d;z-index:5}@media (max-width: 768px){#root{padding:1rem}.grid-container{gap:8px!important}.grid-cell{font-size:1rem!important}}@media (max-width: 480px){:root{--padding-sm: .5rem}#root{padding:var(--padding-sm)}.glass-panel{padding:1.5rem 1rem}.hero h1{font-size:3rem!important}.grid-container{gap:5px!important;max-width:320px!important}.grid-cell{font-size:.9rem!important;border-radius:6px!important}.btn-primary,.btn-secondary{padding:10px 18px;font-size:.9rem}.navbar{padding:10px!important;flex-direction:column;gap:10px}.result-overlay .glass-panel{padding:1.5rem!important}.result-overlay h1{font-size:2.2rem!important}.result-overlay .grid-container{width:140px!important}.result-overlay .grid-cell{font-size:.6rem!important}}@media (max-height: 500px) and (orientation: landscape){.game-container{height:auto!important;padding:2rem 0}.hero{transform:scale(.8)}}