.bg-game{max-width:760px;margin-inline:auto;text-align:center;container-type:inline-size}.bg-howto{text-align:center;font-size:1.15rem;font-weight:700;color:var(--fgs-ink, #161616);background:var(--fgs-accent-soft, #e6f1e9);border:2px solid var(--fgs-accent, #16692f);border-radius:var(--fgs-radius, 14px);max-width:46ch;margin:0 auto 1rem;padding:.6rem 1rem}.bg-firsttip{text-align:center;font-size:1.15rem;font-weight:700;color:var(--fgs-ink, #161616);background:color-mix(in srgb,var(--fgs-hint, #b06a00) 12%,var(--fgs-surface, #fff));border:2px solid var(--fgs-hint, #b06a00);border-radius:var(--fgs-radius, 14px);max-width:46ch;margin:0 auto 1rem;padding:.6rem 1rem}.bg-caller{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.25rem}.bg-ball{display:grid;place-items:center;width:clamp(7rem,34cqw,9.5rem);height:clamp(7rem,34cqw,9.5rem);border-radius:50%;border:4px solid var(--fgs-accent, #16692f);background:var(--fgs-surface, #fff);line-height:1}.bg-ball-letter{font-size:1.5rem;font-weight:900;letter-spacing:.05em;color:var(--fgs-accent, #16692f);min-height:1.5rem}.bg-ball-number{font-size:3.4rem;font-weight:900;color:var(--fgs-ink, #161616)}.bg-call-btn{margin:0;min-height:68px;font-size:1.3rem;font-weight:800;padding:.6rem 2rem;background:var(--fgs-accent, #16692f);border:3px solid var(--fgs-accent, #16692f);color:var(--fgs-on-accent);border-radius:var(--fgs-radius, 14px);box-shadow:0 3px color-mix(in srgb,var(--fgs-accent, #16692f) 60%,#000)}.bg-call-btn:hover:not(:disabled){background:color-mix(in srgb,var(--fgs-accent, #16692f) 85%,#000)}.bg-call-btn:disabled{opacity:.55;box-shadow:none}.bg-calls-left{font-size:1rem;font-weight:700;color:var(--fgs-ink-soft, #3a3a3a)}.bg-help-bar{display:flex;justify-content:center;margin-bottom:1.25rem}.bg-hint-btn{margin:0;min-height:64px;font-size:1.35rem;font-weight:800;padding:.6rem 2rem;background:var(--fgs-hint, #b06a00);border:3px solid var(--fgs-hint, #b06a00);color:var(--fgs-on-hint);border-radius:var(--fgs-radius, 14px);box-shadow:0 3px color-mix(in srgb,var(--fgs-hint, #b06a00) 60%,#000)}.bg-hint-btn:hover{background:color-mix(in srgb,var(--fgs-hint, #b06a00) 85%,#000)}.bg-card{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;max-width:34rem;margin:0 auto 1.25rem}.bg-head{font-size:1.6rem;font-weight:900;letter-spacing:.06em;color:var(--fgs-on-accent);background:var(--fgs-accent, #16692f);border-radius:8px;padding:.3rem 0}.bg-cell{box-sizing:border-box;aspect-ratio:1;min-width:var(--fgs-tap, 52px);min-height:var(--fgs-tap, 52px);margin:0;padding:0;display:grid;place-items:center;font-size:clamp(1.2rem,6cqw,1.9rem);font-weight:800;line-height:1;color:var(--fgs-ink, #161616);background:var(--fgs-surface, #fff);border:2px solid var(--fgs-line, #bfbfbf);border-radius:10px;cursor:pointer}.bg-cell:hover:not(.bg-marked):not(.bg-free){background:var(--fgs-accent-soft);color:var(--fgs-ink)}.bg-cell.bg-ready{border-color:var(--fgs-accent, #16692f);border-width:4px}.bg-cell.bg-marked{background:var(--fgs-accent, #16692f);border-color:var(--fgs-accent, #16692f);color:var(--fgs-on-accent);font-weight:900;box-shadow:inset 0 0 0 3px color-mix(in srgb,#fff 70%,transparent)}.bg-cell.bg-free{background:var(--fgs-ink-soft, #3a3a3a);border-color:var(--fgs-ink-soft, #3a3a3a);cursor:default;opacity:1}.bg-freetext{font-size:clamp(.7rem,3.2cqw,1rem);font-weight:900;letter-spacing:.04em;color:var(--fgs-paper)}.bg-cell:focus-visible,.bg-call-btn:focus-visible{outline:4px solid var(--fgs-focus, #15549e);outline-offset:2px}.bg-cell.bg-hint,.bg-call-btn.bg-hint{outline:6px solid var(--fgs-hint, #b06a00);outline-offset:-2px;animation:bg-pulse 1.1s ease-in-out infinite}.bg-cell.bg-hint:not(.bg-marked){background:color-mix(in srgb,var(--fgs-hint, #b06a00) 20%,#fff)}@keyframes bg-pulse{0%,to{box-shadow:0 0 0 5px color-mix(in srgb,var(--fgs-hint, #b06a00) 35%,transparent)}50%{box-shadow:0 0 0 11px color-mix(in srgb,var(--fgs-hint, #b06a00) 22%,transparent)}}.bg-history-wrap{margin:0 auto 1rem;max-width:34rem}.bg-history-label{display:block;font-size:.9rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--fgs-ink-soft, #3a3a3a);margin-bottom:.4rem}.bg-history{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;min-height:2.2rem}.bg-chip{font-size:1.05rem;font-weight:800;padding:.25rem .6rem;border-radius:999px;border:2px solid var(--fgs-line, #bfbfbf);color:var(--fgs-ink-soft, #3a3a3a);background:var(--fgs-surface, #fff)}.bg-chip.bg-chip-todo{border-color:var(--fgs-hint, #b06a00);color:var(--fgs-ink, #161616);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:3px}.bg-status{text-align:center;font-size:1.2rem;font-weight:700;min-height:3.4rem;padding:.5rem;margin:0 auto 1rem;max-width:60ch;color:var(--fgs-ink, #161616)}.bg-actions{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center;margin-bottom:1rem}.bg-actions button{margin:0;min-height:var(--fgs-tap, 52px);font-size:1.15rem;font-weight:800;padding-inline:calc(var(--fgs-unit) * 1.5)}.bg-game.bg-hasline .bg-card{outline:4px solid var(--fgs-good, #1c7a3a);outline-offset:6px;border-radius:14px}.bg-game.bg-full .bg-card{outline-width:6px}[data-contrast=high] .bg-firsttip{background:var(--fgs-surface)!important;color:var(--fgs-ink)!important;border-color:var(--fgs-line)!important}[data-contrast=high] .bg-cell{border:3px solid #000!important;color:#000;background:#fff}[data-contrast=high] .bg-cell.bg-ready{border-width:5px!important}[data-contrast=high] .bg-cell.bg-marked{background:#00339c!important;color:#fff;box-shadow:inset 0 0 0 3px #fff}[data-contrast=high] .bg-cell.bg-free{background:#000!important;color:#fff}[data-contrast=high] .bg-cell.bg-free .bg-freetext{color:#fff}[data-contrast=high] .bg-head,[data-contrast=high] .bg-call-btn{background:#00339c;border-color:#000;color:#fff}[data-contrast=high] .bg-call-btn:hover:not(:disabled){background:#001f5c}[data-contrast=high] .bg-hint-btn{background:#7a4a00;border-color:#000;color:#fff}[data-contrast=high] .bg-ball{border-color:#000}[data-contrast=high] .bg-ball-letter{color:#000}@media(prefers-reduced-motion:reduce){.bg-cell.bg-hint,.bg-call-btn.bg-hint{animation:none}}body.game-page.focus-mode .bg-game{--bg-ball: clamp(84px, min(12vh, 14vw), 120px);--bg-gap: .4rem}body.game-page.focus-mode .bg-game .bg-caller{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.25rem 1rem;margin-bottom:.25rem}body.game-page.focus-mode .bg-game .bg-ball{width:var(--bg-ball);height:var(--bg-ball);border-width:3px}body.game-page.focus-mode .bg-game .bg-ball-letter{font-size:calc(var(--bg-ball) * .2);min-height:0}body.game-page.focus-mode .bg-game .bg-ball-number{font-size:calc(var(--bg-ball) * .42)}body.game-page.focus-mode .bg-game .bg-call-btn,body.game-page.focus-mode .bg-game .bg-hint-btn{min-height:52px;padding-block:.3rem;font-size:min(1.3rem,26px)}body.game-page.focus-mode .bg-game .bg-calls-left{font-size:min(1rem,20px)}body.game-page.focus-mode .bg-game .bg-help-bar{margin-bottom:.25rem}body.game-page.focus-mode .bg-game .bg-card{gap:var(--bg-gap);margin:0 auto .25rem;max-width:max(calc(5 * 44px + 4 * var(--bg-gap)),min(34rem,560px,calc((var(--fm-h) - 300px - 7rem) * 5 / 6 + 4 * var(--bg-gap))));width:100%}body.game-page.focus-mode .bg-game .bg-cell{min-width:44px;min-height:44px}body.game-page.focus-mode .bg-game .bg-head{font-size:min(1.6rem,32px)}body.game-page.focus-mode .bg-game .bg-history-wrap{margin:0 auto .25rem}body.game-page.focus-mode .bg-game .bg-history-label{display:none}body.game-page.focus-mode .bg-game .bg-history{min-height:0;max-height:6.5rem;overflow-y:auto}body.game-page.focus-mode .bg-game .bg-chip{font-size:min(1.05rem,21px)}body.game-page.focus-mode .bg-game .bg-print-bar,body.game-page.focus-mode .bg-game .bg-print-note{display:none}@media(min-width:800px)and (min-aspect-ratio:6/5){body.game-page.focus-mode .bg-game{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-auto-rows:max-content;align-content:start;column-gap:1.5rem}body.game-page.focus-mode .bg-game>*{grid-column:2}body.game-page.focus-mode .bg-game>.bg-card{grid-column:1;grid-row:1 / span 8;align-self:start;margin:0;max-width:none;width:max(calc(5 * 44px + 4 * var(--bg-gap)),min(calc((var(--fm-h) - .5rem) * 5 / 6 + 4 * var(--bg-gap)),calc(94vw - 23.5rem),640px))}body.game-page.focus-mode .bg-game .bg-caller{flex-direction:column}}