.bc-bingo{--navy:#10233f;--red:#e43e45;--cream:#fffaf3;--muted:#667085;position:relative;overflow:hidden;background:var(--cream);color:var(--navy);border-radius:24px;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;box-shadow:0 18px 60px rgba(16,35,63,.12);max-width:1120px;margin:32px auto}.bc-bingo *{box-sizing:border-box}.bc-bingo button{font:inherit;cursor:pointer}.bc-bingo__topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;background:#fff;border-bottom:1px solid #eee}.bc-bingo__brand{font-weight:800;letter-spacing:.06em}.bc-bingo__brand span{color:var(--red)}.bc-bingo__tools{display:flex;gap:10px}.bc-tool{border:1px solid #d9dde4;border-radius:99px;background:#fff;color:var(--navy);padding:9px 14px;font-weight:700}.bc-bingo__hero{text-align:center;padding:34px 20px 30px;background:radial-gradient(circle at 50% 30%,#fff 0,#fff8eb 60%,#f8ecdc 100%)}.bc-bingo__eyebrow{display:inline-block;margin:0 0 8px;padding:5px 14px;border-radius:99px;background:#ffe1e2;color:#b7222a;font-size:13px;font-weight:800}.bc-bingo__title{font-size:clamp(28px,5vw,48px);margin:0;letter-spacing:.06em}.bc-bingo__lead{margin:7px 0 22px;color:var(--muted)}.bc-ball{display:flex;flex-direction:column;align-items:center;justify-content:center;width:210px;height:210px;margin:0 auto 22px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#f25057,#be1820);border:10px solid rgba(255,255,255,.86);box-shadow:0 16px 36px rgba(190,24,32,.28),inset -12px -16px 24px rgba(91,0,4,.22),inset 10px 12px 22px rgba(255,255,255,.18)}.bc-ball__letter{font-size:24px;font-weight:800;line-height:1}.bc-ball__number{font-size:92px;line-height:.95;font-variant-numeric:tabular-nums}.bc-ball.is-rolling{animation:bc-pulse .55s infinite alternate}.bc-ball.is-hit{animation:bc-hit .5s ease}.bc-main-button{min-width:230px;border:0;border-radius:99px;padding:16px 28px;background:var(--navy);color:#fff;font-size:20px;font-weight:800;box-shadow:0 8px 20px rgba(16,35,63,.25);transition:.15s}.bc-main-button:hover{transform:translateY(-2px)}.bc-main-button.is-stop{background:var(--red)}.bc-main-button:disabled{background:#9299a3;cursor:default}.bc-bingo__hint,.bc-bingo__remaining{margin:10px 0 0;color:var(--muted);font-size:13px}.bc-bingo__remaining{font-size:15px}.bc-bingo__content{padding:26px}.bc-panel{background:#fff;border:1px solid #ece7df;border-radius:18px;padding:20px;margin-bottom:20px}.bc-panel__heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.bc-panel__heading h3{font-size:19px;margin:0}.bc-panel__heading span{font-size:12px;color:var(--muted)}.bc-history{display:flex;flex-wrap:wrap;gap:10px;min-height:64px;align-items:center}.bc-empty{width:100%;text-align:center;color:#98a0aa;margin:15px}.bc-history__ball{display:flex;flex-direction:column;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:#edf0f4;font-size:21px;font-weight:800}.bc-history__ball small{font-size:9px;line-height:1}.bc-history__ball.is-latest{color:#fff;background:var(--red);transform:scale(1.08);box-shadow:0 5px 14px rgba(228,62,69,.3)}.bc-board{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.bc-board__col{display:grid;gap:6px}.bc-board__head,.bc-board__col span{display:flex;align-items:center;justify-content:center;min-height:36px;border-radius:8px}.bc-board__head{color:#fff;font-size:20px}.bc-board__head.is-b{background:#2381ca}.bc-board__head.is-i{background:#ec4b51}.bc-board__head.is-n{background:#eea91a}.bc-board__head.is-g{background:#30a06d}.bc-board__head.is-o{background:#8059b6}.bc-board__col span{background:#f2f3f5;font-size:14px;font-weight:700}.bc-board__col span.is-drawn{background:var(--navy);color:#fff;box-shadow:inset 0 0 0 2px #fff,0 0 0 2px var(--navy)}.bc-actions{text-align:center}.bc-reset{border:0;background:transparent;color:#707986;text-decoration:underline;padding:10px}.bc-confirm{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:rgba(10,24,43,.68);padding:20px}.bc-confirm[hidden]{display:none}.bc-confirm__box{max-width:430px;background:#fff;border-radius:18px;padding:28px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3)}.bc-confirm__box h3{margin:0 0 8px}.bc-confirm__box p{color:var(--muted)}.bc-confirm__box div{display:flex;justify-content:center;gap:10px;margin-top:20px}.bc-confirm__box button{border:1px solid #d8dce2;border-radius:10px;background:#fff;padding:11px 18px;font-weight:700}.bc-confirm__box .is-danger{border-color:var(--red);background:var(--red);color:#fff}.bc-bingo:fullscreen{max-width:none;border-radius:0;overflow:auto;min-height:100vh}.bc-bingo:fullscreen .bc-bingo__hero{padding-top:45px}@keyframes bc-pulse{to{transform:scale(1.035) rotate(1deg)}}@keyframes bc-hit{50%{transform:scale(1.12)}}@media(max-width:640px){.bc-bingo{border-radius:14px;margin:16px 0}.bc-bingo__topbar{padding:13px 14px}.bc-tool{padding:8px 10px;font-size:12px}.bc-bingo__hero{padding:25px 14px}.bc-ball{width:170px;height:170px}.bc-ball__number{font-size:72px}.bc-bingo__content{padding:14px}.bc-panel{padding:14px}.bc-board{gap:4px}.bc-board__col{gap:4px}.bc-board__col span{min-height:30px;font-size:12px}.bc-board__head{min-height:34px}.bc-panel__heading{align-items:flex-start;flex-direction:column}.bc-history__ball{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.bc-bingo *{animation:none!important;transition:none!important}}