@charset "UTF-8";:root{--color-bg: #f5f6f8;--color-bg-elevated: #ffffff;--color-surface-2: #e9edf3;--color-primary: #245de0;--color-primary-strong: #194ac0;--color-primary-soft: #eaf0ff;--color-on-primary: #ffffff;--color-accent: #326a76;--color-peach-soft: #ffeadb;--color-mint-soft: #e0f2eb;--brand-gradient: linear-gradient(120deg, #245de0, #326a76);--color-success: #267356;--color-warning: #8b5b10;--color-danger: #bd3544;--color-gold: #87570a;--color-text: #272b38;--color-text-muted: #626b7b;--color-border: #dce1e9;--radius: 8px;--shadow: 0 6px 24px rgba(39, 43, 56, .07);--safe-top: env(safe-area-inset-top, 0);--safe-bottom: env(safe-area-inset-bottom, 0)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--color-text);background:var(--color-bg);background-attachment:fixed;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}html{font-size:16px}app-root{display:block;min-height:100vh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}button{font:inherit;color:inherit;border:none;cursor:pointer;background:transparent;padding:0}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input,textarea,select{font:inherit;color:inherit}input::placeholder,textarea::placeholder{color:var(--color-text-muted);opacity:1}a{color:var(--color-primary);text-decoration:none}img,svg,canvas{max-width:100%}@media (max-width: 640px){:root{--radius: 8px;--shadow: 0 4px 16px rgba(39, 43, 56, .06)}body{background:var(--color-bg)}button,input,textarea,select{font-size:16px}}button.primary.primary,button.submit.submit,button.custom-start.custom-start{background:var(--color-primary);color:var(--color-on-primary);min-height:48px}button.primary.primary:disabled,button.submit.submit:disabled{background:var(--color-surface-2);color:var(--color-text-muted)}h1,h2,h3,p,button,a{overflow-wrap:anywhere;letter-spacing:0}input,textarea,select{min-width:0}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.bingo-sheet{margin:0 auto 20px;width:100%;max-width:540px;color:#272b38;background:#fff;border:1px solid #bdccdf;border-radius:8px;overflow:hidden;box-shadow:0 6px 20px #272b380f}.bingo-heading{display:grid;gap:6px;padding:18px 16px;text-align:center}.bingo-heading>span{font-size:24px;line-height:1;font-weight:900;letter-spacing:0;color:var(--color-primary)}.bingo-heading>strong{font-size:16px;line-height:1.4;overflow-wrap:anywhere}.bingo-board{display:grid;container-type:inline-size;grid-template-columns:repeat(var(--columns, 3),minmax(0,1fr));gap:1px;padding:1px 0;background:#bdccdf}.bingo-square{position:relative;display:flex;align-items:center;justify-content:center;padding:26px 8px;width:100%;min-width:0;min-height:max(110px,100cqw / var(--columns, 3) - 1px);background:#fff;color:#15282e;text-align:center;border:0;border-radius:0}.bingo-square.tint{background:#edf3ff}.bingo-square .square-text{font-size:14px;line-height:1.35;overflow-wrap:anywhere}.bingo-board{grid-auto-rows:minmax(110px,auto)}.bingo-square.checked{background:#c7e9dd}.bingo-square.checked .square-text{font-weight:750}.bingo-square.empty{background:#e9edef;color:#71868c}.square-stamp{position:absolute;top:5px;right:8px;font-size:19px;font-weight:900}.bingo-signature{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;font-size:11px;font-weight:700}.bingo-signature span{font-weight:500}@media (min-width: 500px){.bingo-square .square-text{font-size:17px}}