@font-face{font-family:Bingo Sans;src:local("PingFang SC"),local("Microsoft YaHei"),local("Noto Sans CJK SC");font-display:swap}:root{font-family:Bingo Sans,system-ui,sans-serif;color:#17201d;background:#f4f4ef;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #f4f4ef;--surface: #fcfcf8;--surface-raised: #ffffff;--ink: #17201d;--muted: #66706c;--line: #cad0cb;--line-strong: #17201d;--accent: #a9dfe6;--accent-strong: #287786;--accent-soft: #ddf2f4;--good: #33765f;--good-soft: #e0f2e9;--danger: #a3453b;--danger-soft: #f8e4e1;--warning-soft: #f5edd2;--radius-card: 16px;--radius-control: 10px;--shadow: 0 18px 50px rgba(45, 60, 54, .12)}*{box-sizing:border-box}html{min-width:320px;background:var(--paper)}body{margin:0;min-width:320px;min-height:100dvh}button,input{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(40,119,134,.35);outline-offset:2px}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.46}.primary-button,.secondary-button,.danger-button{min-height:46px;border-radius:var(--radius-control);padding:0 20px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750;white-space:nowrap;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.primary-button{background:var(--ink);color:#f8faf8}.primary-button:hover:not(:disabled){background:#2a3531}.secondary-button{background:var(--surface-raised);border-color:var(--line)}.secondary-button:hover:not(:disabled){border-color:var(--ink)}.danger-button{background:var(--danger);color:#fff8f6}.icon-button{width:42px;height:42px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-raised);display:grid;place-items:center;cursor:pointer}.center-page{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-page{min-height:100dvh;max-width:1120px;margin:0 auto;padding:max(36px,env(safe-area-inset-top)) 40px max(36px,env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,420px);align-items:center;gap:9vw}.login-copy{max-width:610px}.brand-lockup{display:flex;align-items:baseline;gap:4px;font-size:clamp(24px,3vw,40px);letter-spacing:-.05em}.brand-lockup strong{font-weight:900}.brand-lockup b{font-size:1.18em}.brand-rays{width:42px;height:30px;display:flex;align-items:flex-start;gap:6px;margin-right:4px}.brand-rays i{width:7px;height:24px;border-radius:4px;background:var(--ink);transform-origin:bottom}.brand-rays i:first-child{transform:rotate(-35deg)}.brand-rays i:last-child{transform:rotate(35deg)}.login-copy h1{margin:72px 0 22px;font-size:clamp(52px,8vw,96px);line-height:.94;letter-spacing:-.075em}.login-copy>p{color:var(--muted);font-size:18px;line-height:1.7;max-width:30em}.rule-note{margin-top:36px;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--good)}.login-form{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-card);padding:34px;box-shadow:var(--shadow)}.login-form label,.admin-login label{display:block;font-weight:750;margin-bottom:10px}.login-form input,.admin-login input{width:100%;height:56px;padding:0 16px;border:1px solid #aeb7b2;border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font-size:19px}.login-form input::placeholder{color:#78827e}.field-help{margin:10px 0 22px;color:var(--muted);font-size:13px;line-height:1.5}.field-error,.inline-error{color:#8f3028;font-size:14px;line-height:1.5}.fatal-error section{width:min(100% - 40px,520px);padding:34px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-raised);box-shadow:var(--shadow)}.fatal-error h1{margin:16px 0 8px}.fatal-error p{color:var(--muted);line-height:1.6}.fatal-error code{display:block;margin:18px 0;padding:12px;border-radius:8px;background:var(--surface);color:var(--muted);overflow-wrap:anywhere}.login-form .primary-button{width:100%;margin-top:8px}.loading-mark,.admin-loading{display:flex;gap:7px;align-items:center;justify-content:center}.loading-state{display:grid;justify-items:center;gap:16px;color:var(--muted);font-size:14px}.loading-state p{margin:0}.loading-mark span,.admin-loading span{width:9px;height:9px;border-radius:50%;background:var(--accent-strong);animation:load-pulse 1s ease-in-out infinite}.loading-mark span:nth-child(2),.admin-loading span:nth-child(2){animation-delay:.12s}.loading-mark span:nth-child(3),.admin-loading span:nth-child(3){animation-delay:.24s}@keyframes load-pulse{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.game-shell{min-height:100dvh;padding-bottom:max(40px,env(safe-area-inset-bottom))}.game-header{height:70px;max-width:1380px;margin:0 auto;padding:0 28px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.mini-brand{font-size:21px;letter-spacing:-.04em}.mini-brand b{margin-left:2px;font-size:1.12em}.participant-chip{margin-left:auto;margin-right:12px;text-align:right;display:flex;flex-direction:column}.participant-chip span{font-weight:750;font-size:14px}.participant-chip small{color:var(--muted);font-size:11px}.game-layout{max-width:1380px;margin:0 auto;padding:42px 28px;display:grid;grid-template-columns:minmax(0,900px) minmax(280px,340px);gap:54px;align-items:start}.board-intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.board-intro h1{margin:0 0 8px;font-size:clamp(30px,4vw,48px);letter-spacing:-.045em;line-height:1.05}.board-intro p{margin:0;color:var(--muted)}.draft-save-state{display:block;margin-top:8px;color:var(--muted);font-size:11px}.draft-save-state.saved{color:var(--good)}.draft-save-state.offline{color:var(--danger)}.progress-copy{text-align:right;flex:none}.progress-copy strong{display:block;font-size:28px;line-height:1}.progress-copy span{color:var(--muted);font-size:11px}.bingo-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:2px solid var(--line-strong);border-radius:var(--radius-card);overflow:hidden;background:var(--line-strong);gap:1px;box-shadow:0 12px 34px #2836311a}.board-cell{position:relative;min-width:0;aspect-ratio:1 / .92;padding:13px 10px 10px;border:0;background:var(--surface-raised);text-align:left;overflow:hidden;cursor:pointer;transition:background .16s ease,transform .16s ease}.board-cell:hover:not(:disabled){background:#f6faf8}.board-cell>strong{display:block;min-height:2.5em;font-size:clamp(12px,1.55vw,17px);line-height:1.2;font-weight:800}.board-cell>span:not(:first-child){display:flex;gap:5px;align-items:baseline;margin-top:7px;min-width:0}.board-cell span i{flex:none;font-size:10px;font-style:normal;color:var(--muted)}.board-cell span b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(10px,1.2vw,14px);font-weight:650;color:#8a938f}.board-cell.complete span b{color:var(--ink)}.board-cell.complete:after{content:"";position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--good)}.special-cell{background:var(--accent-soft)}.special-cell:hover:not(:disabled){background:#cfebee}.free-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--accent)}.free-cell span{font-size:10px;letter-spacing:.12em;font-weight:750}.free-cell strong{min-height:auto;margin:6px 0 2px;font-size:clamp(14px,1.8vw,20px)}.free-cell small{color:#315f66;font-size:11px}.bingo-board.locked .board-cell{cursor:default}.board-legend{display:flex;flex-wrap:wrap;gap:16px 22px;margin-top:14px;color:var(--muted);font-size:12px}.board-legend span{display:flex;align-items:center;gap:7px}.board-legend i{width:13px;height:13px;border:1px solid var(--line);border-radius:3px}.ordinary-swatch{background:var(--surface-raised)}.special-swatch{background:var(--accent-soft)}.submit-bar{margin-top:30px;padding:18px 20px;border:1px solid var(--line);background:var(--surface-raised);border-radius:var(--radius-card);display:flex;align-items:center;justify-content:space-between;gap:18px}.submit-bar>div{display:flex;flex-direction:column}.submit-bar strong{font-size:15px}.submit-bar span{margin-top:3px;color:var(--muted);font-size:12px}.game-sidebar{display:grid;gap:24px;position:sticky;top:24px}.quick-rules,.leaderboard{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-card);padding:22px}.quick-rules header{display:flex;align-items:center;gap:10px}.quick-rules h2,.leaderboard h2{margin:0;font-size:18px}.quick-rules ul{margin:20px 0;padding-left:20px;color:#4e5955;font-size:13px;line-height:1.7}.quick-rules li+li{margin-top:8px}.text-button{padding:0;border:0;background:transparent;color:var(--accent-strong);display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;cursor:pointer}.leaderboard header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.leaderboard header span{color:var(--muted);font-size:10px}.leaderboard ol{list-style:none;margin:0;padding:0}.leaderboard li{display:grid;grid-template-columns:24px 1fr auto;grid-template-areas:"rank name score" "rank time time";gap:2px 8px;padding:11px 2px;border-bottom:1px solid #e2e5e2}.leaderboard li:last-child{border-bottom:0}.leaderboard li>b{grid-area:rank;align-self:center;color:var(--muted)}.leaderboard li>strong{grid-area:name;font-size:13px}.leaderboard li>span{grid-area:score;font-size:12px;font-weight:750}.leaderboard li>time{grid-area:time;color:var(--muted);font-size:10px}.leaderboard li.winner>b{color:var(--accent-strong);font-size:17px}.empty-ranking{color:var(--muted);font-size:13px;line-height:1.6;margin:4px 0 0}.locked-result{margin-bottom:22px;padding:18px 20px;border:1px solid;border-radius:var(--radius-card);display:flex;gap:16px;align-items:flex-start}.locked-result.valid{background:var(--good-soft);border-color:#9ecbb9}.locked-result.invalid{background:var(--danger-soft);border-color:#dfaaa4}.result-icon{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#ffffffb3}.locked-result span{font-size:11px;color:var(--muted)}.locked-result h2{margin:2px 0 5px;font-size:20px}.locked-result p{margin:0;font-size:13px;line-height:1.55}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#151d1a8a;padding:20px;display:grid;place-items:center;backdrop-filter:blur(5px)}.cell-editor,.submit-dialog{width:min(100%,620px);max-height:min(90dvh,780px);overflow:auto;background:var(--surface-raised);border-radius:var(--radius-card);box-shadow:0 28px 80px #111c1847}.cell-editor>header{padding:24px 26px 18px;display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.cell-editor h2,.submit-dialog h2{margin:0;font-size:26px;letter-spacing:-.025em}.cell-editor header p{margin:5px 0 0;color:var(--muted);font-size:13px}.picker-stack{padding:20px 26px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.person-picker{min-width:0;border:1px solid var(--line);border-radius:var(--radius-control);padding:15px}.person-picker.yes{border-top:4px solid var(--good)}.person-picker.no{border-top:4px solid var(--danger)}.picker-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-weight:750}.clear-choice{border:0;padding:2px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.search-field{height:40px;border:1px solid #aeb7b2;border-radius:8px;display:flex;align-items:center;gap:7px;padding:0 10px}.search-field input{min-width:0;width:100%;height:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.search-field input::placeholder{color:#737d78}.person-options{margin-top:10px;max-height:250px;overflow:auto;display:grid;gap:5px}.person-options button,.selected-person{width:100%;min-height:44px;padding:8px 10px;border:0;border-radius:8px;background:#f2f5f2;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer}.person-options button:hover{background:var(--accent-soft)}.person-options strong,.selected-person strong{font-size:13px}.person-options small,.selected-person small{color:var(--muted);font-size:10px}.person-options p{color:var(--muted);text-align:center;font-size:12px;padding:20px 0}.selected-person{min-height:52px;background:var(--accent-soft)}.cell-editor>footer,.submit-dialog>footer{padding:18px 26px 24px;display:flex;justify-content:flex-end;gap:10px}.submit-dialog{padding:26px}.submit-dialog>header{display:flex;align-items:center;justify-content:space-between}.lock-badge,.admin-lock{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--danger-soft);color:var(--danger)}.submit-dialog h2{margin-top:18px}.submit-dialog>p{color:var(--muted);line-height:1.6;font-size:14px}.submit-dialog fieldset{border:0;padding:0;margin:24px 0;display:grid;gap:8px}.submit-dialog legend{font-weight:750;font-size:13px;margin-bottom:10px}.submit-dialog fieldset label{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:var(--radius-control);padding:13px 14px;cursor:pointer}.submit-dialog fieldset label.selected{border-color:var(--accent-strong);background:var(--accent-soft)}.submit-dialog fieldset input{accent-color:var(--accent-strong)}.submit-dialog fieldset span{display:flex;flex-direction:column}.submit-dialog fieldset strong{font-size:13px}.submit-dialog fieldset small{color:var(--muted);margin-top:2px}.submit-warning{padding:12px 14px;border-radius:var(--radius-control);background:var(--warning-soft);font-size:12px;line-height:1.55}.submit-dialog>footer{padding:22px 0 0}.admin-login form{width:min(100%,410px);padding:34px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-raised);box-shadow:var(--shadow)}.admin-login h1{margin:22px 0 6px}.admin-login>form>p{margin:0 0 28px;color:var(--muted)}.admin-login .primary-button{width:100%;margin-top:18px}.admin-login a{margin-top:24px;display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;text-decoration:none}.admin-shell{min-height:100dvh;max-width:1280px;margin:0 auto;padding:36px 32px 70px}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.admin-header span{color:var(--muted);font-size:12px}.admin-header h1{margin:3px 0 0;font-size:34px;letter-spacing:-.04em}.stat-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.stat-grid article{min-height:150px;padding:22px;border-radius:var(--radius-card);border:1px solid var(--line);background:var(--surface-raised)}.stat-grid article:first-child{background:var(--accent-soft);border-color:#b2dce1}.stat-grid span{display:block;color:var(--muted);font-size:13px}.stat-grid strong{display:inline-block;margin-top:26px;font-size:48px;line-height:1;letter-spacing:-.05em}.stat-grid small{margin-left:6px;color:var(--muted)}.submission-panel{margin-top:22px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-raised);overflow:hidden}.submission-panel>header{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.submission-panel h2{margin:0;font-size:19px}.submission-panel header p{margin:5px 0 0;color:var(--muted);font-size:12px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:820px}th,td{padding:13px 18px;border-top:1px solid #e1e4e1;text-align:left;font-size:12px;white-space:nowrap}th{background:#f2f4f1;color:var(--muted);font-weight:650}td time{color:var(--muted)}.status-text{font-weight:750}.status-text.valid{color:var(--good)}.status-text.invalid{color:var(--danger)}.participant-table{min-width:720px}.progress-status{font-weight:750}.progress-status.submitted{color:var(--good)}.progress-status.draft{color:var(--accent-strong)}.progress-status.not_started{color:var(--muted)}.table-action{border:0;padding:4px 0;background:transparent;color:var(--accent-strong);font-weight:750;cursor:pointer}.admin-audit-dialog{width:min(96vw,1080px);max-height:92dvh;overflow:auto;border-radius:var(--radius-card);background:var(--surface-raised);box-shadow:0 28px 80px #111c1847}.admin-audit-dialog>header{position:sticky;top:0;z-index:2;padding:22px 24px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:var(--surface-raised)}.admin-audit-dialog header>div>span{color:var(--muted);font-size:11px}.admin-audit-dialog h2{margin:3px 0 0;font-size:26px}.admin-audit-dialog header p{margin:5px 0 0;color:var(--muted);font-size:12px}.audit-error{margin:24px}.audit-meta{padding:16px 24px;display:flex;flex-wrap:wrap;gap:12px 28px;border-bottom:1px solid var(--line)}.audit-meta span{display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:10px}.audit-meta strong{color:var(--ink);font-size:13px}.admin-board-scroll{padding:22px 24px;overflow:auto}.admin-audit-board{min-width:760px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line-strong);border-radius:12px;overflow:hidden}.audit-cell{min-width:0;min-height:126px;padding:12px 10px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface-raised)}.audit-cell:nth-child(5n){border-right:0}.audit-cell:nth-last-child(-n+5){border-bottom:0}.audit-cell.special{background:var(--accent-soft)}.audit-cell>strong{min-height:34px;font-size:13px;line-height:1.3}.audit-choice{margin-top:7px;display:grid;grid-template-columns:16px minmax(0,1fr) 16px;align-items:center;gap:4px;font-size:11px}.audit-choice i{color:var(--muted);font-style:normal}.audit-choice b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-choice svg{width:15px;height:15px}.audit-choice.correct,.audit-legend .correct{color:var(--good)}.audit-choice.incorrect,.audit-legend .incorrect{color:var(--danger)}.audit-choice.missing,.audit-legend .missing{color:var(--muted)}.audit-free{align-items:center;justify-content:center;text-align:center;background:var(--accent)}.audit-free small{font-weight:750;letter-spacing:.1em}.audit-free strong{min-height:auto;margin:5px 0;font-size:16px}.audit-free span{color:#315f66;font-size:10px}.audit-legend{padding:0 24px 22px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px}.audit-legend span{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700}.audit-legend svg{width:16px;height:16px}.empty-submissions{border-top:1px solid var(--line);padding:60px 24px;color:var(--muted);text-align:center;font-size:13px}.admin-loading{padding:100px 0}@media(max-width:940px){.login-page{gap:40px}.game-layout{grid-template-columns:1fr;gap:30px}.game-sidebar{position:static;grid-template-columns:1fr 1fr}}@media(max-width:700px){.login-page{padding:max(28px,env(safe-area-inset-top)) 20px max(28px,env(safe-area-inset-bottom));grid-template-columns:1fr;align-content:center;gap:42px}.login-copy h1{margin:42px 0 18px;font-size:clamp(50px,16vw,76px)}.login-copy>p{font-size:15px}.rule-note{margin-top:22px}.login-form{padding:24px}.game-header{padding:0 16px}.game-layout{padding:28px 12px}.board-intro{padding:0 4px}.board-intro h1{font-size:31px}.board-intro p{font-size:13px}.bingo-board{border-radius:12px}.board-cell{aspect-ratio:auto;min-height:104px;padding:10px 6px 7px}.board-cell>strong{font-size:clamp(10px,3.2vw,14px);min-height:2.5em}.board-cell>span:not(:first-child){gap:3px;margin-top:6px}.board-cell span i{font-size:8px}.board-cell span b{font-size:clamp(8px,2.5vw,11px)}.board-cell.complete:after{width:5px;height:5px;top:5px;right:5px}.free-cell strong{font-size:13px}.free-cell span,.free-cell small{font-size:8px}.submit-bar{position:sticky;z-index:5;bottom:10px;margin:22px 0 0;padding:12px;box-shadow:0 12px 40px #1f2d272e}.submit-bar>div{display:none}.submit-bar .primary-button{width:100%}.game-sidebar{grid-template-columns:1fr}.modal-backdrop{padding:0;place-items:end center}.cell-editor,.submit-dialog{width:100%;max-height:92dvh;border-radius:16px 16px 0 0}.picker-stack{grid-template-columns:1fr;padding:18px}.cell-editor>header{padding:20px 18px 16px}.cell-editor>footer{padding:14px 18px max(20px,env(safe-area-inset-bottom))}.person-options{max-height:160px}.submit-dialog{padding:22px 18px max(22px,env(safe-area-inset-bottom))}.submit-dialog>footer{display:grid;grid-template-columns:1fr 1fr}.admin-shell{padding:24px 16px 50px}.admin-header h1{font-size:28px}.stat-grid{grid-template-columns:1fr 1fr}.stat-grid article:first-child{grid-column:1 / -1}.stat-grid article{min-height:120px}.stat-grid strong{margin-top:18px;font-size:40px}.submission-panel>header{align-items:flex-start}.admin-audit-dialog{width:100%;max-height:94dvh;border-radius:16px 16px 0 0}.admin-board-scroll{padding:16px}.audit-meta{padding:14px 18px}.audit-legend{padding:0 18px max(18px,env(safe-area-inset-bottom));justify-content:flex-start}}@media(prefers-color-scheme:dark){:root{color:#edf2ee;background:#111714;--paper: #111714;--surface: #171e1a;--surface-raised: #1d2621;--ink: #edf2ee;--muted: #a5b0aa;--line: #39443e;--line-strong: #8b9992;--accent: #468d99;--accent-strong: #8ed0da;--accent-soft: #233d3f;--good: #79c2a4;--good-soft: #17362b;--danger: #dc8075;--danger-soft: #442622;--warning-soft: #3d3520;--shadow: 0 18px 50px rgba(0, 0, 0, .3)}.primary-button{background:#e8eeea;color:#17201d}.primary-button:hover:not(:disabled){background:#cfd9d3}.danger-button{background:#b9574c;color:#fff8f6}.board-cell:hover:not(:disabled),.person-options button{background:#26302b}.person-options button:hover,.selected-person{background:var(--accent-soft)}.board-cell span b{color:#909c96}.board-cell.complete span b{color:var(--ink)}.quick-rules ul{color:#c2cbc6}.leaderboard li{border-color:#354039}.search-field,.login-form input,.admin-login input{border-color:#66726c}th{background:#242d28}th,td,.empty-submissions{border-color:#354039}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}