.mb-grid-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;margin:16px 0;padding:20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;border:2px solid #bae6fd;position:relative;overflow:hidden}.dark .mb-grid-wrap{background:linear-gradient(135deg,#0c4a6e,#082f49);border-color:#0369a1}.mb-grid-label{font-size:14px;font-weight:700;color:#0369a1;text-align:center;margin-bottom:4px}.dark .mb-grid-label{color:#7dd3fc}.mb-grid{display:flex;flex-direction:column;align-items:center;gap:8px}.mb-row{display:flex;gap:8px;align-items:center;animation:mbRowSlide .35s cubic-bezier(.21,1.02,.73,1) both}.mb-row:nth-child(1){animation-delay:.05s}.mb-row:nth-child(2){animation-delay:.12s}.mb-row:nth-child(3){animation-delay:.19s}.mb-row:nth-child(4){animation-delay:.26s}.mb-row:nth-child(5){animation-delay:.33s}.mb-row:nth-child(6){animation-delay:.4s}.mb-row:nth-child(7){animation-delay:.47s}.mb-row:nth-child(8){animation-delay:.54s}.mb-row:nth-child(9){animation-delay:.61s}.mb-row:nth-child(10){animation-delay:.68s}.mb-row:nth-child(11){animation-delay:.75s}.mb-row:nth-child(12){animation-delay:.82s}@keyframes mbRowSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.mb-marble{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#60a5fa,#2563eb 70%);box-shadow:inset -2px -2px 4px #0003,2px 2px 4px #00000026,inset 2px 2px 4px #ffffff4d;animation:mbPop .3s cubic-bezier(.34,1.56,.64,1) both;transition:transform .2s}.mb-marble:hover{transform:scale(1.15)}@keyframes mbPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.mb-marble.mb-green{background:radial-gradient(circle at 35% 35%,#4ade80,#16a34a 70%)}.mb-marble.mb-amber{background:radial-gradient(circle at 35% 35%,#fbbf24,#d97706 70%)}.mb-marble.mb-pink{background:radial-gradient(circle at 35% 35%,#f472b6,#db2777 70%)}.mb-marble.mb-purple{background:radial-gradient(circle at 35% 35%,#a78bfa,#7c3aed 70%)}.mb-calc-line{font-size:15px;font-weight:600;color:#1e293b;text-align:center;padding:6px 14px;background:#fff;border-radius:8px;border:1.5px solid #cbd5e1}.dark .mb-calc-line{color:#e2e8f0;background:#1e293b;border-color:#475569}.mb-calc-line em{color:#6366f1;font-style:normal;font-weight:800;background:#eef2ff;padding:1px 6px;border-radius:4px}.dark .mb-calc-line em{background:#312e81;color:#a5b4fc}.mb-picker-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:12px 0}.mb-pick-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;border-radius:12px;border:2.5px solid #cbd5e1;background:#fff;cursor:pointer;font-size:14px;font-weight:700;color:#334155;transition:all .2s;min-width:70px}.mb-pick-btn:hover{border-color:#6366f1;background:#eef2ff;transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.mb-pick-btn:active{transform:translateY(0)}.mb-pick-btn.mb-pick-selected{border-color:#6366f1;background:#eef2ff;box-shadow:0 0 0 3px #6366f133}.mb-pick-btn.mb-pick-found{border-color:#22c55e;background:#dcfce7;color:#166534}.mb-pick-btn.mb-pick-nope{border-color:#ef4444;background:#fef2f2;color:#991b1b;opacity:.7}.dark .mb-pick-btn{background:#1e293b;border-color:#475569;color:#e2e8f0}.dark .mb-pick-btn:hover,.dark .mb-pick-btn.mb-pick-selected{background:#312e81;border-color:#6366f1}.dark .mb-pick-btn.mb-pick-found{background:#052e16;border-color:#22c55e;color:#6ee7b7}.dark .mb-pick-btn.mb-pick-nope{background:#450a0a;border-color:#ef4444;color:#fca5a5}.mb-pick-icon{font-size:20px}.mb-pick-label{font-size:12px;white-space:nowrap}.mb-pairs-strip{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0}.mb-pair-card{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:999px;background:#eef2ff;border:2px solid #c7d2fe;font-size:15px;font-weight:800;color:#4338ca;animation:mbPairPop .4s cubic-bezier(.34,1.56,.64,1) both}.dark .mb-pair-card{background:#312e81;border-color:#4338ca;color:#c7d2fe}@keyframes mbPairPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.mb-pair-card.mb-pair-pending{background:#f1f5f9;border-color:#cbd5e1;color:#94a3b8;border-style:dashed}.dark .mb-pair-card.mb-pair-pending{background:#1e293b;border-color:#475569;color:#64748b}.mb-discovery{padding:16px 20px;border-radius:14px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;margin:16px 0;animation:mbDiscoverIn .5s cubic-bezier(.21,1.02,.73,1)}.dark .mb-discovery{background:linear-gradient(135deg,#052e16,#064e3b);border-color:#22c55e}@keyframes mbDiscoverIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mb-discovery h3{font-size:16px;font-weight:800;color:#166534;margin:0 0 8px}.dark .mb-discovery h3{color:#4ade80}.mb-discovery p{font-size:14px;line-height:1.7;color:#1e293b;margin:4px 0}.dark .mb-discovery p{color:#d1d5db}.mb-discovery strong{color:#6366f1}.dark .mb-discovery strong{color:#a5b4fc}.mb-question-area{padding:18px 20px;border-radius:14px;background:#fff;border:2px solid #e2e8f0;margin:12px 0}.dark .mb-question-area{background:#1e293b;border-color:#334155}.mb-q-prompt{font-size:16px;font-weight:700;color:#1e293b;margin-bottom:14px;padding:10px 14px;background:#f5f3ff;border-radius:10px;border-left:4px solid #6366f1;line-height:1.7}.dark .mb-q-prompt{background:#312e81;color:#e2e8f0}.mb-q-prompt em{color:#6366f1;font-style:normal;font-weight:800;background:#eef2ff;padding:1px 6px;border-radius:4px}.dark .mb-q-prompt em{background:#1e1b4b;color:#a5b4fc}.mb-tf-row{display:flex;gap:12px;justify-content:center;margin:12px 0}.mb-tf-btn{padding:10px 28px;border-radius:12px;border:2.5px solid #cbd5e1;background:#fff;cursor:pointer;font-size:16px;font-weight:800;transition:all .2s}.mb-tf-btn:hover{transform:translateY(-2px)}.mb-tf-btn:active{transform:translateY(0)}.mb-tf-true{color:#166534;border-color:#86efac;background:#f0fdf4}.mb-tf-true:hover{background:#dcfce7;box-shadow:0 4px 12px #22c55e33}.mb-tf-false{color:#991b1b;border-color:#fca5a5;background:#fef2f2}.mb-tf-false:hover{background:#fee2e2;box-shadow:0 4px 12px #ef444433}.mb-tf-btn.mb-tf-picked-correct{background:#22c55e;color:#fff;border-color:#22c55e;box-shadow:0 0 0 4px #22c55e40}.mb-tf-btn.mb-tf-picked-wrong{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 0 0 4px #ef444440}.mb-tf-btn.mb-tf-dim{opacity:.5;pointer-events:none}.dark .mb-tf-true{background:#052e16;border-color:#22c55e;color:#4ade80}.dark .mb-tf-false{background:#450a0a;border-color:#ef4444;color:#fca5a5}.mb-input-row{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin:12px 0}.mb-num-input{width:80px;padding:8px 12px;border:2.5px solid #c7d2fe;border-radius:10px;font-size:18px;font-weight:700;text-align:center;outline:none;background:#fff;color:#1e293b;transition:border-color .2s,box-shadow .2s}.mb-num-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.dark .mb-num-input{background:#0f172a;border-color:#475569;color:#e2e8f0}.mb-input-correct{border-color:#22c55e!important;background:#f0fdf4!important;box-shadow:0 0 0 3px #22c55e33!important}.mb-input-wrong{border-color:#ef4444!important;background:#fef2f2!important;box-shadow:0 0 0 3px #ef444433!important;animation:mbShake .4s ease}@keyframes mbShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.dark .mb-input-correct{background:#052e16!important;border-color:#22c55e!important}.dark .mb-input-wrong{background:#450a0a!important;border-color:#ef4444!important}.mb-streak-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 14px;border-radius:999px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;font-size:14px;font-weight:700;color:#92400e;animation:mbPop .3s cubic-bezier(.34,1.56,.64,1)}.mb-streak-chip span{font-weight:900;color:#b45309}.dark .mb-streak-chip{background:linear-gradient(135deg,#451a03,#78350f);border-color:#f59e0b;color:#fde68a}.dark .mb-streak-chip span{color:#fbbf24}.mb-step-strip{display:flex;justify-content:center;gap:6px;margin:10px 0}.mb-step-pip{width:10px;height:10px;border-radius:50%;background:#cbd5e1;transition:all .3s}.mb-step-pip.mb-pip-done{background:#22c55e}.mb-step-pip.mb-pip-active{background:#6366f1;box-shadow:0 0 0 3px #6366f14d;transform:scale(1.2)}.dark .mb-step-pip{background:#475569}.mb-factor-table{width:100%;max-width:400px;margin:12px auto;border-collapse:collapse;font-size:14px}.mb-factor-table th{background:#eef2ff;color:#4338ca;padding:8px 12px;font-weight:800;border:1.5px solid #c7d2fe}.mb-factor-table td{padding:8px 12px;text-align:center;border:1.5px solid #e2e8f0;color:#1e293b;font-weight:600}.mb-factor-table tr:nth-child(2n) td{background:#f8fafc}.dark .mb-factor-table th{background:#312e81;color:#c7d2fe;border-color:#4338ca}.dark .mb-factor-table td{background:#0f172a;color:#e2e8f0;border-color:#334155}.dark .mb-factor-table tr:nth-child(2n) td{background:#1e293b}.mb-timer-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;font-weight:700;color:#334155}.dark .mb-timer-row{color:#cbd5e1}.mb-timer-track{flex:1;height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.dark .mb-timer-track{background:#334155}.mb-timer-fill{height:100%;background:#22c55e;border-radius:999px;transition:width 1s linear}.mb-timer-fill.mb-timer-warn{background:#f59e0b}.mb-timer-fill.mb-timer-danger{background:#ef4444}.mb-mini-grid{display:inline-flex;flex-direction:column;gap:3px;padding:6px;background:#f0f9ff;border-radius:8px;border:1.5px solid #bae6fd;vertical-align:middle}.dark .mb-mini-grid{background:#0c4a6e;border-color:#0369a1}.mb-mini-row{display:flex;gap:3px}.mb-mini-dot{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#60a5fa,#2563eb 70%)}@media (max-width: 480px){.mb-q-prompt{font-size:14px;padding:8px 10px}.mb-marble{width:22px;height:22px}.mb-row,.mb-grid{gap:5px}.mb-num-input{width:64px;font-size:16px;padding:6px 8px}.mb-pick-btn{padding:8px 12px;min-width:56px;font-size:12px}.mb-tf-btn{padding:8px 20px;font-size:14px}.mb-pair-card{font-size:13px;padding:4px 10px}.mb-grid-wrap{padding:14px}.mb-calc-line{font-size:13px}.mb-mini-dot{width:7px;height:7px}}