:root{--md-primary:#6a5acd;--md-primary-container:#eaddff;--md-on-primary:#fff;--md-on-primary-container:#21005e;--md-surface:#fff;--md-surface-variant:#f5f5f5;--md-outline:#79747e;--md-success:#4caf50;--md-success-bg:#e8f5e9;--md-error:#d32f2f}body{color:#1c1b1f;font-family:Noto Sans SC,sans-serif;margin:0;padding:0}.app{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:16px}.bingo-container{background-color:#fff;background-color:var(--md-surface);border-radius:28px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;margin:0 auto;max-width:1000px;padding:24px;position:relative;width:100%}.bingo-header{background-color:#6a5acd;background-color:var(--md-primary);border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#fff;color:var(--md-on-primary);margin-bottom:24px;padding:20px;text-align:center}.bingo-header h1{font-size:28px;font-weight:600;margin:0}.bingo-controls{display:flex;gap:16px;margin-bottom:24px}.bingo-controls button,.bingo-controls select{border-radius:16px;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:16px;transition:all .2s ease}.bingo-controls select{-webkit-appearance:none;appearance:none;background-color:#fff;background-color:var(--md-surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236750A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:1px solid #79747e;border:1px solid var(--md-outline);color:#1c1b1f;outline:none;padding-right:40px}.bingo-controls button{background-color:#6a5acd;background-color:var(--md-primary);border:none;box-shadow:0 2px 4px #0000001a;color:#fff;color:var(--md-on-primary);overflow:hidden;position:relative;transition:background-color .3s}.bingo-controls button:after{background:#ffffff1a;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%}.bingo-controls button:hover:after{opacity:1}.bingo-controls button:active{box-shadow:0 1px 2px #0000001a;transform:translateY(1px)}.bingo-grid-container{background-color:#fff;background-color:var(--md-surface);border:2px solid #e7e0ec;border-radius:20px;box-shadow:0 1px 2px #0000000d;padding:24px;position:relative}.grid-wrapper{max-height:70vh;max-width:100%}.bingo-grid,.grid-wrapper{aspect-ratio:1/1;margin:0 auto;position:relative}.bingo-grid{grid-gap:12px;background-color:#f5f5f5;background-color:var(--md-surface-variant);border-radius:16px;display:grid;gap:12px;padding:16px}.bingo-item{align-items:center;background-color:#fff;background-color:var(--md-surface);border:1px solid #e7e0ec;border-radius:12px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;font-size:calc(8px + .5vw);justify-content:center;overflow:hidden;padding:8px;position:relative;text-align:center;text-overflow:ellipsis;transition:all .2s ease;word-break:break-word}.bingo-item:hover{background-color:#faf8fd;box-shadow:0 3px 6px #0000001a;transform:translateY(-2px)}.bingo-item.selected{background-color:#eaddff;background-color:var(--md-primary-container);border-color:#6a5acd;border-color:var(--md-primary);color:#21005e;color:var(--md-on-primary-container);font-weight:500}.bingo-item.selected:after{color:#6a5acd;color:var(--md-primary);content:"✓";font-size:16px;position:absolute;right:8px;top:4px}.bingo-title{color:#6a5acd;color:var(--md-primary);font-size:28px;font-weight:600;margin-bottom:24px;text-align:center}.footer-info{align-items:flex-end;display:flex;font-size:14px;justify-content:space-between;margin-top:20px;padding:0 8px}.verification-text{color:#49454f;font-family:Roboto Mono,monospace;padding:4px 0}.copyright-info{color:#79747e;font-size:12px;line-height:1.5;text-align:right}.bingo-line{background-color:#6750a4b3;border-radius:2px;pointer-events:none;position:absolute;z-index:10}.bingo-line.horizontal{height:5px;left:10px;transform:translateY(-50%);width:calc(100% - 20px)}.bingo-line.vertical{height:calc(100% - 20px);top:10px;transform:translateX(-50%);width:5px}.bingo-line.diagonal-main{height:140%;right:50%;top:-20%;transform:rotate(-45deg);transform-origin:100% 50%;width:5px}.bingo-line.diagonal-anti{height:140%;left:50%;top:-20%;transform:rotate(45deg);transform-origin:0 50%;width:5px}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.verification-dialog{animation:slideUp .3s ease;background-color:#fff;background-color:var(--md-surface);border-radius:28px;box-shadow:0 10px 25px #0003;max-width:450px;padding:32px;width:90%}.verification-dialog h2{color:#6a5acd;color:var(--md-primary);font-size:24px;font-weight:600;margin-bottom:24px;margin-top:0;text-align:center}.verification-dialog input{border:2px solid #79747e;border:2px solid var(--md-outline);border-radius:16px;box-sizing:border-box;font-size:18px;margin-bottom:28px;outline:none;padding:16px;transition:border-color .3s;width:100%}.verification-dialog input:focus{border-color:#6a5acd;border-color:var(--md-primary)}.verification-buttons{display:flex;gap:16px;justify-content:center}.verification-buttons button{border:none;border-radius:16px;cursor:pointer;font-size:16px;font-weight:500;padding:14px 28px;transition:all .2s ease}.verify-btn{background-color:#6a5acd;background-color:var(--md-primary);color:#fff;color:var(--md-on-primary);flex:2 1}.verify-btn:hover{background-color:#7c67b5}.cancel-btn{background-color:#e7e0ec;color:#49454f;flex:1 1}.cancel-btn:hover{background-color:#d7cfe0}.verification-result{font-size:16px;font-weight:500;margin-top:20px;text-align:center}.verification-result.success{color:#4caf50;color:var(--md-success)}.verification-result.error{color:#d32f2f;color:var(--md-error)}.bingo-celebration{animation:fadeIn .5s,fadeOut .5s 2.5s forwards;background-color:#6a5acd;background-color:var(--md-primary);border-radius:24px;box-shadow:0 4px 20px #0000004d;color:#fff;color:var(--md-on-primary);font-size:22px;font-weight:600;left:50%;padding:24px 32px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.bingo-container{border-radius:20px;padding:16px}.bingo-header{border-radius:16px;margin-bottom:20px;padding:16px}.bingo-header h1{font-size:22px}.bingo-controls{flex-direction:column;gap:10px}.bingo-controls button,.bingo-controls select{font-size:14px;padding:12px}.bingo-title{font-size:22px;margin-bottom:16px}.bingo-grid{gap:8px;padding:10px}.bingo-item{border-radius:8px;font-size:12px;padding:6px 4px}.verification-dialog{max-width:320px;padding:20px}.verification-dialog h2{font-size:20px;margin-bottom:16px}.verification-dialog input{font-size:16px;margin-bottom:20px;padding:12px}.verification-buttons button{font-size:14px;padding:12px 16px}}@media (max-width:380px){.bingo-container{border-radius:16px;padding:12px}.bingo-grid-container{padding:12px}.bingo-item{font-size:10px;padding:4px 2px}.footer-info{align-items:flex-start;flex-direction:column;gap:10px}.copyright-info{text-align:left}}@media (min-width:1200px){.bingo-container{max-width:1200px;padding:32px}.bingo-header{padding:24px}.bingo-header h1{font-size:32px}.bingo-controls{margin-left:auto;margin-right:auto;max-width:800px}.bingo-title{font-size:32px;margin-bottom:32px}.bingo-item{font-size:16px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f7f7;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}
/*# sourceMappingURL=main.a8d7d13d.css.map*/