:root{--pb-primary:#8B7BB8;--pb-accent:#7BC8B8;--pb-text:#3D2F50;--pb-text-muted:#695A80;--pb-marked:#E8E0F4;--pb-marked-border:#C4B5E0;--pb-bingo:#F0C850;--pb-free:#D4F5ED}.pb-wrap{max-width:840px;margin:-16px auto 24px;padding:0 16px;position:relative}.pb-themes{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.pb-theme{background:#fff;border:1.5px solid rgb(139 123 184 / .15);border-radius:20px;padding:7px 14px;font-family:'Nunito',sans-serif;font-size:13px;font-weight:600;color:var(--pb-text-muted);cursor:pointer;transition:all 0.2s;white-space:nowrap}.pb-theme:hover{border-color:var(--pb-primary);color:var(--pb-primary)}.pb-theme.active{background:var(--pb-primary);border-color:var(--pb-primary);color:#fff}.pb-grid-toggle{display:flex;gap:4px;justify-content:center;margin-bottom:12px}.pb-grid-size{min-width:44px;height:36px;border-radius:8px;border:1.5px solid rgb(139 123 184 / .15);background:#fff;font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;color:var(--pb-text-muted);cursor:pointer;transition:all 0.2s;padding:0 10px}.pb-grid-size:hover{border-color:var(--pb-primary)}.pb-grid-size.active{background:var(--pb-primary);border-color:var(--pb-primary);color:#fff}.pb-card{background:#fff;border-radius:16px;box-shadow:0 8px 32px rgb(61 47 80 / .1);overflow:hidden;margin:0 auto 16px;max-width:660px}.pb-card-header{display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:var(--pb-primary);padding:10px 6px}.pb-card-letter{text-align:center;font-family:'Nunito',sans-serif;font-size:22px;font-weight:800;color:#fff;letter-spacing:1px}.pb-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:6px;background:rgb(139 123 184 / .08)}.pb-square{aspect-ratio:1;display:flex;align-items:center;justify-content:center;text-align:center;background:#fff;border-radius:8px;padding:4px;cursor:pointer;transition:all 0.15s;position:relative;font-family:'Nunito',sans-serif;font-size:14px;font-weight:600;color:var(--pb-text);line-height:1.2;overflow-wrap:break-word;overflow:hidden;min-width:0;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:#fff0}.pb-square:hover{background:#F8F5FD}.pb-square.marked{background:var(--pb-marked);border:1.5px solid var(--pb-marked-border)}.pb-square.marked::after{content:'✓';position:absolute;top:2px;right:4px;font-size:12px;color:var(--pb-primary);font-weight:700}.pb-square.free{background:var(--pb-free);font-size:20px;cursor:default}.pb-square.free.marked{border:1.5px solid #A8E6CF}.pb-square.bingo-line{box-shadow:inset 0 0 0 2px var(--pb-bingo),0 0 8px rgb(240 200 80 / .4)}.pb-grid.grid-4x4{grid-template-columns:repeat(4,1fr)}.grid-4x4 .pb-square{font-size:15px;padding:5px}.grid-4x4 .pb-square.free{font-size:20px}.pb-grid.grid-3x3{grid-template-columns:repeat(3,1fr)}.grid-3x3 .pb-square{font-size:17px;padding:6px}.grid-3x3 .pb-square.free{font-size:24px}.pb-progress{display:flex;align-items:center;gap:12px;margin:0 auto 12px;max-width:660px}.pb-progress-bar{flex:1;height:8px;background:rgb(139 123 184 / .12);border-radius:4px;overflow:hidden}.pb-progress-fill{height:100%;background:linear-gradient(135deg,var(--pb-primary),var(--pb-accent));border-radius:4px;transition:width 0.3s;width:0%}.pb-progress-text{font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;color:var(--pb-text-muted);white-space:nowrap}.pb-bingo-alert{background:linear-gradient(135deg,#FFF8DC,#FFFACD);border:2px solid var(--pb-bingo);border-radius:12px;padding:12px 20px;text-align:center;margin:0 auto 12px;max-width:660px;animation:pb-celebrate 0.5s ease}@keyframes pb-celebrate{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}100%{transform:scale(1);opacity:1}}.pb-bingo-text{font-family:'Nunito',sans-serif;font-size:28px;font-weight:800;color:#D4A017;display:block;letter-spacing:4px}.pb-bingo-sub{font-family:'Nunito',sans-serif;font-size:13px;color:#997A00;display:block}.pb-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:0 auto 8px;max-width:660px}.pb-action{font-family:'Nunito',sans-serif;font-size:14px;font-weight:700;border:none;border-radius:24px;padding:10px 20px;cursor:pointer;transition:all 0.2s}.pb-action-share{background:linear-gradient(135deg,var(--pb-accent),#5aa898);color:#fff}.pb-action-share:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgb(123 200 184 / .3)}.pb-action-pdf{background:linear-gradient(135deg,var(--pb-accent),#5aa898);color:#fff}.pb-action-pdf:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgb(123 200 184 / .3)}.pb-action-new{background:linear-gradient(135deg,var(--pb-primary),#7A6AAA);color:#fff}.pb-action-new:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgb(139 123 184 / .3)}.pb-action-reset{background:#f0eff4;color:var(--pb-text-muted)}.pb-action-reset:hover{background:#e6e4ec}@media (max-width:600px){.pb-wrap{padding:0 10px}.pb-themes{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pb-theme{font-size:12px;padding:6px 10px;text-align:center;justify-content:center}.pb-theme:last-child:nth-child(odd){grid-column:1 / -1;max-width:50%;justify-self:center}.pb-card-letter{font-size:18px}.pb-square{font-size:11px;padding:2px;aspect-ratio:auto;min-height:48px}.grid-4x4 .pb-square{font-size:12px}.grid-3x3 .pb-square{font-size:14px}.pb-square.free{font-size:16px}.pb-square.marked::after{font-size:10px;top:1px;right:2px}.pb-bingo-text{font-size:22px}.pb-action{font-size:13px;padding:8px 16px}}