:root{color:#1a1a1a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#efe6c5;font-family:Trebuchet MS,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;font-weight:400;line-height:1.2}*{box-sizing:border-box}body{margin:0}.app{max-width:760px;min-height:100vh;margin:0 auto;padding:20px 14px 36px}.app.staff-mode{max-width:860px}.topbar{justify-content:center;align-items:end;gap:12px;display:flex}.topbar h1{letter-spacing:.02em;color:#1f57ab;margin:0;font-size:22px}.staff-subtitle{color:#4d5c78;text-align:center;margin:8px 0 0;font-size:13px}.staff-ready-flash{color:#0e6a52;text-align:center;background:#e9fff8;border:2px solid #26a17e;border-radius:999px;margin:8px 0 0;padding:5px 10px;font-size:13px;font-weight:700;animation:.5s ease-out both staffReadyPulse}.share-qr-board{background:#f8fbff;border:2px solid #d7e2f2;border-radius:14px;margin-top:10px;padding:10px}.share-qr-board h2{color:#49638d;margin:0 0 8px;font-size:14px}.share-qr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.share-qr-card{background:#fff;border:2px solid #cdd9ec;border-radius:10px;flex-direction:column;gap:6px;padding:8px;display:flex}.share-qr-toggle{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.share-qr-toggle span{color:#5b6f92;font-size:12px;font-weight:700}.share-qr-body{flex-direction:column;gap:6px;display:flex}.share-qr-card.participant h3{color:#1c5ea8}.share-qr-card.staff h3{color:#0f7f63}.share-qr-card h3{margin:0;font-size:13px}.share-qr-card p{word-break:break-all;color:#4f5d77;margin:0;font-size:12px}.share-qr-card img{border-radius:8px;align-self:center;width:100%;max-width:220px}.share-qr-loading{color:#67758f;font-size:12px}.status-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.pill{background:#f7f2d5;border:2px solid #d8cda0;border-radius:12px;justify-content:space-between;align-items:baseline;padding:8px 10px;display:flex}.pill span{color:#5b5b5b;font-size:12px}.pill strong{font-size:18px}.pill.status.summary{align-items:stretch}.pill .status-lines{flex-direction:column;align-items:flex-end;gap:2px;font-size:14px;line-height:1.2;display:flex}.pill.status.bingo{background:#ffe8d2;border-color:#ee9348}.pill.status.reach{background:#e3efff;border-color:#4c8dd9}.error{color:#bd2f2f;margin-top:8px;font-size:13px}.card-entry{background:#fff8df;border:2px solid #dccd93;border-radius:12px;margin-top:10px;padding:10px}.card-entry p{color:#4f4f4f;margin:0 0 8px;font-size:13px}.card-entry-controls{flex-wrap:wrap;gap:8px;display:flex}.card-entry-controls input{border:2px solid #1f57ab;border-radius:8px;width:110px;padding:2px 8px;font-size:18px}.card-entry-controls button{color:#fff;background:#1f57ab;border:none;border-radius:8px;padding:0 12px;font-weight:700}.card-entry-controls button:disabled{opacity:.45}.card-entry-controls button.ghost{color:#454545;background:#e3e6eb}.card-entry-controls button.qr-btn{color:#effffb;background:#0a7a65}.participant-card-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.participant-card-empty{color:#5f6780;margin:0;font-size:12px}.participant-card-message{color:#495f88;width:100%;margin:0;font-size:12px}.participant-card-chip{background:#f4f8ff;border:2px solid #b8c9e8;border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.participant-card-chip.active{background:#e3eeff;border-color:#1f57ab}.participant-card-chip .chip-main,.participant-card-chip .chip-remove{border:none;padding:4px 10px;font-size:12px;font-weight:700}.participant-card-chip .chip-main{color:#2a4674;background:0 0}.participant-card-chip .chip-remove{color:#4a5365;background:#dfe6f3}.qr-scanner{background:#f0faf7;border:2px solid #91d3c1;border-radius:12px;margin-top:10px;padding:10px}.qr-scanner-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.qr-scanner-header strong{color:#146655}.qr-scanner-header button.ghost{color:#454545;background:#e3e6eb;border:none;border-radius:8px;padding:4px 10px;font-weight:700}.qr-scanner-message{color:#2c5149;margin:8px 0;font-size:13px}.qr-scanner video{background:#0c0f11;border-radius:10px;width:100%;min-height:180px}.hidden-canvas{display:none}.card-frame{background:#f6efcc;border:4px solid #2461b8;border-radius:16px;margin-top:14px;overflow:hidden}.participant-carousel-wrap{margin-top:12px}.participant-carousel-nav{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.participant-carousel-nav span{color:#4e5f7f;font-size:13px;font-weight:700}.participant-carousel-nav button.ghost{color:#454545;background:#e3e6eb;border:none;border-radius:8px;padding:5px 10px;font-weight:700}.participant-carousel-nav button.ghost:disabled{opacity:.45}.participant-carousel{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:10px;display:flex;overflow-x:auto}.participant-slide{scroll-snap-align:center;min-width:100%}.participant-slide .card-frame{margin-top:0}.card-header{color:#d1af5f;letter-spacing:.04em;background:#2461b8;justify-content:space-between;align-items:center;height:54px;padding:0 12px;font-size:26px;font-weight:700;display:flex}.header-left{align-items:center;gap:8px;display:flex}.reach-badge,.bingo-badge{white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:12px;font-style:normal;line-height:1}.reach-badge{color:#114f97;background:#dff0ff;border:2px solid #7eb3ef;animation:.8s ease-in-out infinite reachPulse}.bingo-badge{color:#8a4e00;background:#ffe8c4;border:2px solid #ffb85f;animation:.45s ease-out both bingoPop}.card-header small{color:#282828;text-align:center;background:#e8ecf1;border:3px solid #2461b8;border-radius:10px;padding:4px 8px;font-size:12px;line-height:1.1}.grid{grid-template-columns:repeat(5,1fr);gap:10px;padding:14px 12px 18px;display:grid}.cell{color:#121212;border-radius:8px;place-items:center;min-height:48px;font-size:46px;line-height:1;display:grid;position:relative}.cell.marked{color:#f4e4b7;background:#2461b8}.cell.marked:after{content:"";border-top:14px solid #f09a42;border-left:14px solid #0000;position:absolute;top:0;right:0}.cell.free{color:#d0ad5f;background:#2461b8;font-size:34px}.cell.free span{text-align:center;line-height:1.05}.cell.reach-line{animation:.7s ease-in-out infinite lineBlink}.cell.reach-last{color:#fff4ef;background:#c93c3c;animation:.55s ease-in-out infinite reachLastBlink}.cell.bingo-line{outline:3px solid #ffad45;animation:.95s ease-in-out infinite lineConfirm;box-shadow:0 0 #ffab46a6}.confetti-layer{pointer-events:none;z-index:50;position:fixed;inset:0;overflow:hidden}.confetti{border-radius:2px;width:8px;height:14px;animation-name:confettiFall;animation-timing-function:linear;animation-iteration-count:1;position:absolute;top:-14px}@keyframes reachPulse{0%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}to{opacity:.85;transform:scale(1)}}@keyframes bingoPop{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@keyframes lineBlink{0%{background:#75b2f22e}50%{background:#75b2f26b}to{background:#75b2f22e}}@keyframes lineConfirm{0%{box-shadow:0 0 #ffab46a6}70%{box-shadow:0 0 0 9px #ffab4600}to{box-shadow:0 0 #ffab4600}}@keyframes reachLastBlink{0%{background:#b92a2a;box-shadow:0 0 #d93333b3}50%{background:#eb4c4c;box-shadow:0 0 0 7px #d9333300}to{background:#b92a2a;box-shadow:0 0 #d9333300}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-2vh)rotate(0)}to{opacity:.92;transform:translateY(108vh)rotate(520deg)}}@keyframes staffReadyPulse{0%{opacity:0;transform:translateY(-2px)scale(.97)}45%{opacity:1;transform:translateY(0)scale(1.01)}to{opacity:.9;transform:translateY(0)scale(1)}}.drawn-row{margin-top:14px}.drawn-row h2{color:#545454;margin:0 0 8px;font-size:14px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:#1f57ab;background:#fff;border:2px solid #2461b8;border-radius:999px;padding:3px 10px;font-size:16px;font-weight:700}.staff-result{background:#f6f8ff;border:3px solid #cfd8ea;border-radius:14px;margin-top:12px;padding:10px 12px}.staff-result.reach{background:#e8f1ff;border-color:#5d9bf0}.staff-result.bingo{background:#fff0dc;border-color:#ffae4b}.staff-result-main{justify-content:space-between;align-items:baseline;display:flex}.staff-result-main .label{color:#5f6a83;font-size:13px}.staff-result-main strong{letter-spacing:.06em;color:#2f4f82;font-size:34px}.staff-result.bingo .staff-result-main strong{color:#945000}.staff-result-meta{color:#4d5a75;flex-wrap:wrap;gap:10px;margin-top:6px;font-size:13px;display:flex}.staff-history{background:#f7fbff;border:2px solid #d5e2ef;border-radius:12px;margin-top:16px;padding:10px}.staff-history h2{color:#4a5d80;margin:0 0 8px;font-size:14px}.staff-history p{color:#5a6275;margin:0;font-size:13px}.staff-filter{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.staff-filter-btn{color:#34507b;background:#eef4ff;border:2px solid #9bb0d1;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.staff-filter-btn.active{color:#fff;background:#1f57ab;border-color:#1f57ab}.staff-history ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.staff-history li{color:#36455f;background:#fff;border-radius:8px;grid-template-columns:78px 80px 92px 1fr 1fr;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:grid}.staff-history strong{letter-spacing:.04em;font-size:13px}.staff-history strong.none{color:#4b6184}.staff-history strong.reach{color:#1f6fcb}.staff-history strong.bingo{color:#d27a16}@media (width<=760px){.topbar{align-items:center}.topbar h1{font-size:18px}.card-header{height:46px;font-size:18px}.participant-carousel-nav{gap:4px}.participant-carousel-nav button.ghost{padding:4px 8px;font-size:12px}.cell{min-height:34px;font-size:24px}.cell.free{font-size:18px}.staff-history li{grid-template-columns:1fr 1fr;row-gap:4px}.share-qr-grid{grid-template-columns:1fr}}