html,body,#root{--surface-primary:#f2e9e499;--surface-secondary:#faf7f5;--surface-modal:#fff;--accent:#ffcad4;--completed:#6a994e;--selected:#d8e2dc;--midtone:#4a4e69;--dark:#22223b;--background-image:url(/assets/daisy3-D7yZ1iDF.avif);width:100%;height:100%;min-height:100%;margin:0;padding:0;font-family:Poppins,Noto Sans Georgian,sans-serif}body{color:var(--dark)}button{color:var(--dark);font-family:inherit}h1,h2,h3,h4,h5,h6{color:var(--midtone)}.app-container{background:linear-gradient(0deg, transparent 0, var(--surface-primary) 20%), url(/assets/daisy3-D7yZ1iDF.avif);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100dvh;padding:1rem 0}.content-container{max-width:900px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);margin:0 auto}.page h1{text-align:center;font-size:clamp(1.5rem,5vw,2.5rem)}.bingo-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.bingo-square{aspect-ratio:1;border:1px solid var(--accent);background:var(--surface-secondary);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;justify-content:space-between;min-width:0;min-height:0;display:flex}.square-text{-webkit-line-clamp:3;text-align:center;overflow-wrap:anywhere;word-break:break-word;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:0;margin:auto;font-size:clamp(.6rem,2.3vw,.95rem);line-height:1.25;display:-webkit-box;overflow:hidden}.bingo-square.checked{background:var(--selected)}.square-name{color:var(--surface-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:1rem;margin:4px;padding-inline:.5rem;font-size:clamp(.5rem,1.3vw,.8rem);font-weight:600;overflow:hidden}.square-name.completed{color:var(--dark);background:var(--surface-secondary)}.square-icon{text-align:center;margin:4px;font-size:clamp(1.2rem,4vw,2rem);line-height:1}.modal-backdrop{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface-modal);border-radius:20px;flex-direction:column;gap:20px;width:calc(100vw - 40px);max-width:420px;padding:24px;display:flex;position:relative}.close-button{cursor:pointer;background:0 0;border:none;font-size:2rem;position:absolute;top:10px;right:15px}.modal h2{margin-top:20px;font-size:1.3rem;line-height:1.4}.modal-input{border:1px solid var(--accent);border-radius:8px;padding:12px;font-size:1rem}@media (width<=500px){.page{padding:8px}.bingo-grid{gap:2px}.bingo-square{border-radius:8px;padding:4px}}.language-selector{justify-content:center;gap:8px;padding:16px 0;display:flex}.language-button{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;transition:transform .15s;display:flex}.language-button:hover{transform:scale(1.1)}.language-button.active{background:#f4f8ee;border-color:#8bc34a}.complete{color:var(--completed)}.instructions{text-align:center;max-width:55ch;margin:0 auto}.sorry{background:var(--surface-primary);color:var(--midtone);text-align:center;padding:.2rem;font-size:.5rem}.sorry p{max-width:50ch;margin:0 auto}