/* Pilihan jumlah jari yang aktif (js/jari.js) - dipakai Jelajah Dunia dan Buru Gelembung */
.jari-opts { display: flex; gap: 8px; flex-wrap: wrap; margin: 6px 0 4px; }
.jari-opt {
    flex: 1 1 96px; display: grid; gap: 2px; justify-items: center; padding: 9px 8px;
    border-radius: 14px; border: 2px solid rgba(255, 255, 255, 0.16); background: rgba(255, 255, 255, 0.05);
    color: #fff; cursor: pointer; font: inherit; transition: transform 0.15s, border-color 0.15s, background 0.15s;
}
.jari-opt b { font: 800 20px/1.1 Poppins, sans-serif; }
.jari-opt small { color: var(--text-muted); font-size: 11px; text-align: center; line-height: 1.25; }
.jari-opt:hover { transform: translateY(-2px); }
.jari-opt.active { border-color: #00d9ff; background: rgba(0, 217, 255, 0.14); box-shadow: 0 0 0 3px rgba(0, 217, 255, 0.18); }
.jari-opt.active small { color: #d6f6ff; }
.jari-note { margin: 8px 0 0; font-size: 12.5px; line-height: 1.5; color: var(--text-secondary); }