:root{--bg-color:#fff;--text-color:#000;--primary-color:#667eea}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333;transition:background .3s ease,color .3s ease}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:1.5rem}@media (max-width:768px){.container{padding:4.5rem 1rem 1rem}}.card{background:hsla(0,0%,100%,.95);border-radius:12px;padding:1.5rem;box-shadow:0 10px 30px rgba(0,0,0,.2);margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#333!important}.card *{color:inherit}@media (max-width:768px){.card{padding:1rem;border-radius:8px}}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;transition:all .3s ease;display:inline-block}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.4)}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.input{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.input:focus{outline:none;border-color:#667eea}.bingo-card{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.5rem;gap:.5rem;max-width:500px;margin:0 auto}.bingo-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #667eea;border-radius:8px;font-weight:600;font-size:1.2rem;cursor:pointer;transition:all .2s ease;word-break:break-word;padding:.5rem;text-align:center;overflow:hidden;line-height:1.1}.bingo-cell.free{font-size:.75rem;font-weight:700}@media (max-width:768px){.bingo-cell{font-size:.9rem;padding:.25rem;border-radius:4px}}@media (max-width:480px){.bingo-cell{font-size:.75rem;padding:.2rem}}.bingo-cell:hover{background:#f0f0f0}.bingo-cell.marked{background:#667eea;color:#fff}.bingo-cell.free{background:#10b981;color:#fff;cursor:default}.game-list{display:grid;grid-gap:1rem;gap:1rem}.game-item{background:#fff;padding:1.5rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:1rem;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s ease}.game-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}@media (max-width:768px){.game-item{flex-wrap:wrap;padding:1rem}.game-item>div:last-child{flex-direction:column;width:100%;gap:.5rem}.game-item>div:last-child>*{width:100%}}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600}.status-waiting{background:#fef3c7;color:#92400e}.status-playing{background:#dbeafe;color:#1e40af}.status-finished{background:#d1fae5;color:#065f46}@media print{body{background:#fff!important}.card,.container{padding:1rem}.card{box-shadow:none}.game-layout>:not(.print-card-section),.language-dropdown,.no-print,.theme-dropdown{display:none!important}.print-card-section{display:block!important;width:100%!important;max-width:100%!important}.print-card-section button,.print-card-section h2,.print-card-section input,.print-card-section p,.print-card-section select{display:none!important}.print-card-section>div{display:block!important}.print-card-section>div>div,div[style*="display: grid"][style*=gridTemplateColumns]{display:grid!important}.card>div:has([style*="background: linear-gradient"]){display:none!important}div[style*="linear-gradient(135deg, #667eea"]{display:none!important}.bingo-cell{border:2px solid #000!important;page-break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}.bingo-cell.marked{background:#667eea!important;color:#fff!important}.bingo-cell.free{background:#10b981!important;color:#fff!important}}.mobile-only{display:none!important}.desktop-only{display:block!important}@media (max-width:768px){.mobile-only{display:block!important}.desktop-only{display:none!important}.create-game-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.or-separator{flex-direction:row!important;width:100%!important;height:auto!important}.separator-line{width:auto!important;flex:1 1!important;height:2px!important}.game-layout{display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important}.game-layout>div{width:100%!important;flex:none!important}.bingo-card,.game-layout>div,.print-card-section>div{max-width:100%!important}.mobile-called-numbers{display:block!important}.language-dropdown,.theme-dropdown{position:fixed!important;top:1rem!important;right:1rem!important;left:auto!important;margin-top:0!important;max-width:calc(100vw - 2rem)!important}.game-type-toggle{flex-direction:row!important;width:100%!important;justify-content:center!important}.game-type-toggle button{flex:1 1!important;min-width:0!important}.home-game-section{padding:.75rem!important;margin-bottom:1.5rem!important}}@media (max-width:480px){h1{font-size:2rem!important}.btn{padding:.6rem 1rem!important;font-size:.9rem!important}}[dangerouslySetInnerHTML] svg{width:100%!important;height:100%!important;display:block}@keyframes glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}