.bub-game{max-width:730px;margin:auto}.bub-shell{padding:15px;background:#142e28;border:1px solid #56775d;border-radius:12px;max-width:660px;margin:auto}.bub-board{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px}.bub-cell,.bub-empty{aspect-ratio:1;min-width:0;padding:0;border-radius:50%;display:grid;place-items:center}.bub-cell{border:1px solid #ffffff40;box-shadow:inset 0 -4px 0 #00000025,inset 0 3px 0 #ffffff30;color:#152f29;transition:transform .12s,filter .12s;font-size:22px;line-height:1}.bub-cell span{pointer-events:none}.bub-c0{background:#f18a77}.bub-c1{background:#8ed2bd}.bub-c2{background:#efd16d}.bub-c3{background:#bca7e3}.bub-c4{background:#a9cce3}.bub-cell.bub-highlight{filter:brightness(1.12);transform:scale(1.1);outline:2px solid #fff2d1;outline-offset:0}.bub-preview{text-align:center;font-size:12px;color:#ecddb1;margin:17px 0 8px;min-height:20px}.bub-result{max-width:660px}@media(max-width:600px){.bub-shell{padding:9px}.bub-board{gap:3px}.bub-cell{font-size:15px;box-shadow:inset 0 -2px 0 #00000025,inset 0 2px 0 #ffffff30}.bub-preview{font-size:11px}.bub-game .game-toolbar{gap:8px}.bub-game .game-toolbar label{font-size:11px}.bub-game select{font-size:11px}}