.cartela{--board-ink:#1a2637;--board-light:#fff;--board-dark:#e8edf3;--board-border:#cbd5e1;--board-accent:#2463d4;border:1px solid var(--board-border);color:var(--board-ink);background:#f4f7fb;border-radius:14px;width:100%;min-width:0;overflow:hidden}.cartela-title{color:#fff;background:#172332;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.cartela-title strong{font-size:1.125rem}.cartela-title span{color:#c9d6e7;font-size:.875rem}.cartela-help{color:#49586c;margin:0;padding:12px 16px 0;font-size:.875rem;line-height:1.6}.cartela-grid{grid-template-columns:38px repeat(5,minmax(0,1fr));gap:4px;padding:12px;display:grid}.cartela-row{display:contents}.cartela-corner{color:#56667c;align-self:center;font-size:.75rem}.cartela-column,.cartela-row-label{color:#56667c;place-items:center;min-height:28px;font-size:.875rem;display:grid}.cartela-row-button{color:#203c5f;cursor:pointer;background:#dce5f1;border:0;border-radius:6px;font-size:.875rem;font-weight:700}.cartela-row-button[aria-pressed=true]{color:#fff;background:var(--board-accent)}.cartela-cell{overflow-wrap:anywhere;text-align:center;min-height:55px;color:var(--board-ink);border:1px solid #0000;border-radius:6px;place-items:center;padding:8px 2px;font-size:.875rem;font-weight:600;line-height:1.25;transition:background .15s,border-color .15s;display:grid}.cartela-cell.light{background:var(--board-light)}.cartela-cell.dark{background:var(--board-dark)}button.cartela-cell{cursor:pointer}button.cartela-cell:hover:not(:disabled){border-color:var(--board-accent);background:#dce9ff}.cartela-cell.selected{background:var(--board-accent);color:#fff}.cartela-cell.taken{color:#697789;background:#d8dde4;text-decoration:line-through}.cartela-cell.taken.selected{color:#fff;background:#ad3b3b}.cartela button:focus-visible{outline-offset:1px;outline:3px solid #2c75e9}.cartela button:disabled{cursor:not-allowed;opacity:.6}.cartela-cell.taken:disabled{opacity:1}@media (max-width:600px){.cartela-title{flex-wrap:wrap;gap:4px;padding:15px 12px}.cartela-title span{font-size:.8125rem}.cartela-grid{grid-template-columns:25px repeat(5,minmax(0,1fr));gap:3px;padding:8px 5px}.cartela-cell{min-height:57px;padding:6px 1px;font-size:.875rem}.cartela-corner{visibility:hidden}}.surprise-selector{color:#e9f0fa;background:#19222d;border:1px solid #344253;border-radius:14px;padding:30px}.surprise-selector>svg{color:#84adff;margin-bottom:18px}.surprise-selector h3{margin:0 0 12px;font-size:1.375rem}.surprise-selector p,.surprise-note{color:#a9b8cc;font-size:1rem;line-height:1.7}.surprise-selector .quantity-line{margin-top:28px}.surprise-selector .random-controls{flex-wrap:wrap;padding-left:0;padding-right:0}.surprise-selector .random-controls button[aria-pressed=true]{color:#fff;background:#2d64d3}.surprise-selector small{color:#a9b8cc;font-size:.875rem}.surprise-note{margin:12px 0 20px}@media (max-width:600px){.surprise-selector{padding:22px 18px}}