html,body{height:100%;margin:0;padding:0}body{background:linear-gradient(#8457dbfa,#6135bcfa);min-height:100vh;font-family:sans-serif}.bingo-container{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;padding:10px;display:flex}.bingo-card{background:#a1c84f;border:2px solid #dbffbe6b;border-radius:8px;flex-direction:column;gap:8px;width:100%;max-width:600px;padding:8px;display:flex;overflow:hidden}.bingo-header{border-bottom:2px solid #2525254a;grid-template-columns:repeat(5,1fr);gap:5px;width:100%;display:grid}.bingo-header span{text-transform:uppercase;-webkit-text-stroke:10px white;paint-order:stroke fill;letter-spacing:-1px;justify-content:center;align-items:center;font-family:Arial Black,Impact,sans-serif;font-size:1.8rem;font-weight:900;display:flex}.bingo-header span:first-child{color:#5eb95d;transform:rotate(-25deg)}.bingo-header span:nth-child(2){color:#d2c13a;transform:rotate(6deg)}.bingo-header span:nth-child(3){color:#ca2650;transform:scale(1.1)}.bingo-header span:nth-child(4){color:#0bb0e6;transform:rotate(15deg)}.bingo-header span:nth-child(5){color:#7b7edd;transform:rotate(-12deg)}.bingo-grid{grid-template-columns:repeat(5,1fr);gap:5px;width:100%;display:grid}.bingo-cell{aspect-ratio:1;text-align:center;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;word-break:normal;background-color:#fff;border:1px solid #333;border-radius:15px;justify-content:center;align-items:center;padding:6px 4px;font-weight:700;line-height:1.1;transition:transform .2s;display:flex;overflow:hidden}.bingo-cell.free-space{color:#5d4037;background-color:#e600ff94}.bingo-footer{color:#25252599;border-top:1px solid #2525251a;justify-content:space-between;align-items:center;margin-top:5px;padding-top:5px;font-size:.8rem;font-weight:700;display:flex}.footer-left{align-items:center;gap:8px;display:flex}.footer-right{align-items:center;padding:0;display:none}.bingo-footer code{color:#333;background:#fff6;border-radius:4px;padding:2px 6px;font-family:monospace}.actions{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin-top:10px;display:flex}.download-button-main,.generate-button,.like-button{color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:.9rem;font-weight:700;transition:background-color .2s,transform .1s;box-shadow:0 4px 6px #0000001a}.download-button-main{background-color:#0a7ab1e6}.download-button-main:hover{background-color:#1b73e8}.download-button-main:active{transform:translateY(2px);box-shadow:0 2px 4px #0000001a}.download-button-main:disabled{cursor:not-allowed;background-color:#ccc}.download-modal{text-align:left}.download-modal h3,.download-modal p{text-align:center}.download-options{flex-direction:column;gap:15px;margin:20px 0;display:flex}.option-field{flex-direction:column;gap:8px;display:flex}.option-field label{color:#333;font-weight:700}.modal-select{background-color:#fff;border:1px solid #ccc;border-radius:6px;padding:10px;font-size:1rem}.ink-saver-checkbox{cursor:pointer;align-items:center;gap:10px;flex-direction:row!important;display:flex!important}.ink-saver-checkbox input{width:20px;height:20px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.cancel-modal,.confirm-download{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-weight:700}.cancel-modal{color:#333;background:#eee}.cancel-modal:hover{background:#ddd}.confirm-download{color:#fff;background:#450ab1}.confirm-download:hover{background:#36088d}.confirm-download:disabled{cursor:not-allowed;background:#ccc}.generate-button{background-color:#ca2650}.like-button{color:#333;background-color:#a1c84f}.generate-button:hover{background-color:#ca2650d6}.like-button:hover{background-color:#8fb84b}.generate-button:active,.download-button-main:active,.like-button:active{transform:translateY(2px);box-shadow:0 2px 4px #0000001a}.generate-button:disabled,.download-button-main:disabled,.like-button:disabled{cursor:not-allowed;background-color:#ccc}h1{text-align:center;margin-bottom:20px;font-size:1.5rem}@media (width>=480px){.actions{flex-wrap:nowrap;gap:10px;margin-top:20px}.download-button-main,.generate-button,.like-button{padding:12px 24px;font-size:1rem}.bingo-card{gap:20px;padding:20px}.bingo-grid,.bingo-header{gap:10px}.bingo-header span{font-size:3.5rem}.bingo-footer{margin-top:10px;padding-top:10px;font-size:1rem}.footer-right{display:flex}.bingo-cell{border:2px solid #333;border-radius:15px;padding:12px 8px;overflow:hidden;box-shadow:2px 2px 5px #0000001a}h1{font-size:2rem}.bingo-container{padding:20px}}.modal-overlay{z-index:1000;box-sizing:border-box;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-content{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:500px;padding:25px;position:relative;box-shadow:0 10px 25px #0003}.modal-content h3{color:#450ab1;margin-top:0;font-size:1.5rem}.modal-content p{color:#333;margin-bottom:20px;font-size:1.1rem;line-height:1.5}.code-display{cursor:pointer;background:#f4f4f4;border:2px dashed #ccc;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin:20px 0;padding:15px;font-family:monospace;font-size:1.4rem;font-weight:700;transition:background .2s;display:flex}.code-display:hover{background:#e9e9e9}.close-modal{color:#fff;cursor:pointer;background:#450ab1;border:none;border-radius:6px;margin-top:10px;padding:10px 20px;font-weight:700}.close-modal:hover{background:#36088d}