:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-bg: #15191d;--text: #f3eee8;--heading: #faf7f2;--cell-bg: #20262b;--cell-border: #3a4349;--cell-hover-border: #6d7880;--center-bg: #29343b;--center-border: #7f969f;--active-bg: #dbe8dd;--active-border: #b6ccb9;--active-text: #26382b;--center-active-bg: #dce7e9;--center-active-border: #b8cbd0;--bingo-line: #d69e2e}:root[data-theme=light]{--page-bg: #f6f2ed;--text: #263643;--heading: #1f3445;--cell-bg: #fdfaf6;--cell-border: #d7d0c8;--cell-hover-border: #9c9389;--center-bg: #e7eef0;--center-border: #98adb4;--active-bg: #e8f1e9;--active-border: #c8d9cb;--active-text: #2d4332;--center-active-bg: #e7eff0;--center-active-border: #c7d7da}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;min-width:0;min-height:100%}html{background:var(--page-bg)}body{margin:0;min-width:320px;min-height:100vh;background:var(--page-bg);color:var(--text)}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}#root{width:100%;min-width:0}main{width:100%;margin:0 auto;padding:16px 6px 24px}.app-footer{padding:0 6px 24px;color:var(--text);opacity:.65;font-size:.85rem;text-align:center}.app-footer a{color:inherit;text-decoration:underline;text-underline-offset:2px}.app-footer a:hover{opacity:.85}h1{margin:0 0 16px;color:var(--heading);text-align:center;font-size:clamp(1.6rem,6vw,3rem);line-height:1;letter-spacing:-.03em}.stats{margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.stats-chip{padding:6px 12px;border:1px solid var(--cell-border);border-radius:999px;background:var(--cell-bg);color:var(--text);font-size:.85rem;font-weight:600}.stats-chip strong{color:var(--heading)}.stats-chip-line{border-color:var(--bingo-line);background:color-mix(in srgb,var(--bingo-line) 16%,var(--cell-bg))}.stats-chip-line strong{color:var(--bingo-line)}.info-hint{margin:0 0 16px;color:var(--text);opacity:.65;font-size:.85rem;text-align:center}.info-hint strong{color:var(--text);opacity:1}.grid-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.grid{position:relative;display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:4px;min-width:720px}.bingo-lines{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible;pointer-events:none}.bingo-lines line{stroke:var(--bingo-line);stroke-width:5;stroke-linecap:round}.bingo-cell{position:relative;width:100%;min-width:0;min-height:132px;border:1px solid var(--cell-border);border-radius:6px;background:var(--cell-bg);color:var(--text);overflow:hidden;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.bingo-cell-toggle{width:100%;height:100%;padding:8px;display:flex;align-items:center;justify-content:center;border:none;background:none;font:inherit;font-weight:700;font-size:.9rem;line-height:1.15;color:inherit;text-align:center;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;cursor:pointer}.bingo-cell.long .bingo-cell-toggle{font-size:clamp(.66rem,2.8vw,.84rem)}.bingo-cell.very-long .bingo-cell-toggle{font-size:clamp(.6rem,2.5vw,.76rem)}.bingo-cell-toggle:active{transform:scale(.98)}.bingo-cell-toggle:focus-visible{outline:2px solid var(--cell-hover-border);outline-offset:-2px}.bingo-cell.center{background:var(--center-bg);border-color:var(--center-border)}.bingo-cell.active{background:var(--active-bg);border-color:var(--active-border);color:var(--active-text)}.bingo-cell.center.active{background:var(--center-active-bg);border-color:var(--center-active-border);color:var(--active-text)}.tick{position:absolute;top:4px;left:4px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--active-text)}.tick svg{width:100%;height:100%}.bingo-cell-info{position:absolute;top:3px;right:3px;z-index:1;width:24px;height:24px;padding:5px;display:flex;align-items:center;justify-content:center;border:none;border-radius:999px;background:none;color:var(--cell-hover-border);cursor:pointer;transition:color .12s ease,transform .12s ease}.bingo-cell-info:hover,.bingo-cell-info[aria-pressed=true]{color:var(--text)}.bingo-cell-info:active{transform:scale(.92)}.bingo-cell.active .bingo-cell-info{color:var(--active-text);opacity:.7}.bingo-cell.active .bingo-cell-info:hover,.bingo-cell.active .bingo-cell-info[aria-pressed=true]{opacity:1}.settings{width:min(420px,calc(100% - 24px));margin:0 auto;padding:24px 0;display:flex;flex-direction:column;gap:12px;color:var(--text)}.settings button{width:100%;padding:12px 16px;border:1px solid var(--cell-border);border-radius:8px;background:var(--cell-bg);color:var(--text);font-weight:600;cursor:pointer}@media(min-width:600px){main{max-width:900px;padding:24px 12px 36px}h1{margin-bottom:24px}.grid{gap:6px}.bingo-cell{min-height:138px;border-radius:8px}.bingo-cell-toggle{padding:12px 9px;font-size:.9rem;line-height:1.2}.tick{top:7px;left:7px;width:20px;height:20px}.bingo-cell-info{top:5px;right:5px;width:28px;height:28px;padding:6px}}@media(min-width:1000px){main{max-width:1200px;padding:32px 16px 48px}.grid{gap:8px}.bingo-cell{min-height:164px;border-radius:10px}.bingo-cell-toggle{padding:18px;font-size:1.05rem}.bingo-cell:hover{border-color:var(--cell-hover-border);transform:translateY(-1px)}.tick{width:24px;height:24px}.bingo-cell-info{top:6px;right:6px;width:32px;height:32px;padding:7px}}.theme-toggle{position:fixed;top:10px;right:10px;z-index:100;width:38px;height:38px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--cell-border);border-radius:999px;background:var(--cell-bg);color:var(--text);font-size:1.1rem;line-height:1;cursor:pointer}.theme-toggle:active{transform:scale(.96)}@media(min-width:1000px){.theme-toggle:hover{border-color:var(--cell-hover-border)}}.item-rules-panel{max-width:720px;min-height:96px;margin:16px auto 0;padding:14px 18px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--center-border);border-radius:10px;background:var(--center-bg);color:var(--text);text-align:left}.item-rules-panel-empty{margin:0;color:var(--text);opacity:.6;font-size:.9rem;text-align:center}.item-rules-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.item-rules-panel-header h3{margin:0;font-size:1rem;color:var(--heading)}.item-rules-panel-close{flex:none;width:22px;height:22px;padding:0;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer}.item-rules-panel-close:active{transform:scale(.92)}.item-rules-panel-close .cross,.item-rules-panel-close .cross svg{width:100%;height:100%}.item-rules-panel-list{margin:10px 0 0;padding-left:1.2rem;font-size:.9rem;line-height:1.35}.item-rules-panel-list li+li{margin-top:6px}.item-rules-panel-figure{width:100%;max-width:320px;margin:12px auto 0}.item-rules-panel-image{width:100%;max-height:320px;display:block;object-fit:cover;border:1px solid var(--center-border);border-radius:8px}.item-rules-panel-caption{margin-top:6px;color:var(--text);opacity:.7;font-size:.8rem;text-align:center}.rules{max-width:720px;margin:28px auto 0;padding:18px;border:1px solid var(--cell-border);border-radius:10px;background:var(--cell-bg);color:var(--text);text-align:left}.rules-toggle{width:100%;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--center-border);border-radius:8px;background:var(--center-bg);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.rules-toggle:hover{border-color:var(--cell-hover-border)}.rules-toggle:active{transform:scale(.99)}.rules-toggle:focus-visible{outline:2px solid var(--cell-hover-border);outline-offset:2px}.rules-toggle-label{display:flex;align-items:baseline;gap:10px}.rules-toggle h2{margin:0;font-size:1.35rem;color:var(--heading)}.rules-toggle-hint{color:var(--text);opacity:.65;font-size:.8rem;font-weight:600}.rules-toggle-icon{flex:none;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:1px solid var(--cell-border);border-radius:999px;background:var(--cell-bg);color:var(--text);font-size:.95rem;line-height:1;transform:rotate(-90deg);transition:transform .22s ease}.rules-toggle[aria-expanded=true] .rules-toggle-icon{transform:rotate(0)}.rules-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .24s ease}.rules-collapse.open{grid-template-rows:1fr}.rules-collapse-inner{overflow:hidden}.rules-collapse.open .rules-collapse-inner{padding-top:16px}.rules-terms{margin:0 0 18px;padding:12px 14px;display:grid;grid-template-columns:max-content 1fr;gap:8px 14px;border:1px solid var(--cell-border);border-radius:8px;background:var(--center-bg)}.rules-term{display:contents}.rules-terms dt{font-weight:700;color:var(--heading);white-space:nowrap}.rules-terms dd{margin:0;opacity:.9}.rules-list{margin:0;padding-left:1.2rem}.rules-list li+li{margin-top:10px}.rules-examples{margin:8px 0 0;padding-left:0;list-style:none}.rules-examples li{display:flex;align-items:baseline;gap:8px;padding-left:10px;border-left:2px solid var(--cell-border)}.rules-examples li+li{margin-top:6px}.rules-examples q{quotes:"“" "”" "‘" "’";color:var(--text);opacity:.85;font-style:italic}@media(orientation:landscape){.grid-wrap{overflow-x:visible}.grid{min-width:0;max-width:900px;margin:0 auto;grid-template-columns:repeat(5,minmax(0,1fr))}.bingo-cell{min-height:116px}.bingo-cell-toggle{font-size:.95rem}}