.cbm-page{max-width:1100px;margin:30px auto;padding:24px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:24px;direction:rtl;box-shadow:0 14px 40px rgba(15,23,42,.07)}
.cbm-screen{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:30px}
.cbm-intro{text-align:center}
.cbm-kicker{color:#4f46e5;font-weight:800;font-size:14px;margin-bottom:8px}
.cbm-intro h1{margin:0 0 12px;font-size:38px;color:#0f172a}
.cbm-lead{max-width:760px;margin:0 auto;color:#64748b;font-size:18px;line-height:1.9}
.cbm-preview{height:120px;margin:28px auto;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}
.cbm-preview-ball{width:52px;height:52px;border-radius:50%;box-shadow:inset -7px -8px 12px rgba(0,0,0,.12),inset 6px 6px 9px rgba(255,255,255,.35),0 7px 15px rgba(15,23,42,.12)}
.cbm-c-red{background:#ef4444}.cbm-c-green{background:#22c55e}.cbm-c-blue{background:#3b82f6}.cbm-c-purple{background:#8b5cf6}.cbm-c-pink{background:#ec4899}
.cbm-rules{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:850px;margin:25px auto}
.cbm-rules div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px;padding:15px}.cbm-rules strong,.cbm-rules span{display:block}.cbm-rules strong{font-size:19px;color:#0f172a}.cbm-rules span{color:#64748b;margin-top:5px;font-size:14px}
.cbm-btn{border:0;border-radius:12px;padding:13px 25px;font-size:16px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center}.cbm-primary{background:#4f46e5;color:#fff}.cbm-secondary{background:#0f766e;color:#fff}.cbm-light{background:#e2e8f0;color:#334155}
.cbm-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.cbm-header h2{margin:0;color:#0f172a}.cbm-stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cbm-stats span{background:#f1f5f9;border-radius:999px;padding:9px 13px;color:#475569;font-size:14px}.cbm-stats b{color:#0f172a}
.cbm-message{padding:15px 18px;border-radius:14px;text-align:center;font-weight:800;margin-bottom:14px;background:#eff6ff;color:#1e40af}.cbm-memory{background:#eef2ff;color:#4338ca}.cbm-question{background:#fff7ed;color:#9a3412}.cbm-success{background:#ecfdf5;color:#047857}.cbm-error{background:#fef2f2;color:#b91c1c}
.cbm-progress{height:7px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-bottom:18px}.cbm-progress-fill{height:100%;width:100%;background:#4f46e5;transition:width .05s linear}
.cbm-target{text-align:center;font-size:20px;margin:15px 0 20px;color:#334155}.cbm-target strong{color:#b91c1c}
.cbm-board{--grid-size:4;display:grid;grid-template-columns:repeat(var(--grid-size),minmax(48px,1fr));gap:12px;max-width:720px;margin:0 auto;padding:14px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px}
.cbm-cell{aspect-ratio:1;border:2px solid #dbe3ee;background:#fff;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:7px;transition:.15s;box-shadow:0 2px 5px rgba(15,23,42,.04)}.cbm-cell:hover{border-color:#818cf8;background:#eef2ff;transform:translateY(-1px)}.cbm-cell.is-hidden{background:#fff}.cbm-cell.is-selected{border-color:#4f46e5;background:#eef2ff;box-shadow:0 0 0 3px rgba(79,70,229,.14)}.cbm-cell.is-correct{border-color:#22c55e;background:#ecfdf5}.cbm-cell.is-wrong{border-color:#ef4444;background:#fef2f2}
.cbm-ball{width:70%;height:70%;border-radius:50%;display:block;box-shadow:inset -8px -9px 13px rgba(0,0,0,.13),inset 6px 6px 10px rgba(255,255,255,.32),0 7px 12px rgba(15,23,42,.15);transition:.15s}.cbm-ball.is-hidden{visibility:hidden}
.cbm-end{text-align:center}.cbm-end-icon{font-size:60px}.cbm-end h2{margin:5px 0 10px}.cbm-end p{color:#64748b}.cbm-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:700px;margin:25px auto}.cbm-result-grid div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px;padding:18px}.cbm-result-grid b,.cbm-result-grid span{display:block}.cbm-result-grid b{font-size:28px;color:#0f172a}.cbm-result-grid span{color:#64748b;margin-top:5px}.cbm-end-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
@media(max-width:700px){.cbm-page{margin:12px;padding:12px}.cbm-screen{padding:20px}.cbm-intro h1{font-size:30px}.cbm-rules{grid-template-columns:1fr 1fr}.cbm-header{flex-direction:column}.cbm-stats{justify-content:flex-start}.cbm-board{gap:7px;padding:8px}.cbm-cell{border-radius:11px}.cbm-ball{width:68%;height:68%}.cbm-result-grid{grid-template-columns:1fr}}

.cbm-answer-bar{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:18px auto 0}.cbm-answer-bar>span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:10px 15px;color:#475569}.cbm-answer-bar b{color:#0f172a}.cbm-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.cbm-btn:not(:disabled):hover{filter:brightness(.97)}

.cbm-target{display:flex;align-items:center;justify-content:center;gap:14px;min-height:58px;font-size:24px;font-weight:900;color:#0f172a}.cbm-target-label{white-space:nowrap}.cbm-target-balls{display:flex;align-items:center;gap:10px}.cbm-target-ball{width:42px;height:42px;border-radius:50%;display:inline-block;box-shadow:inset -6px -7px 10px rgba(0,0,0,.14),inset 5px 5px 8px rgba(255,255,255,.35),0 5px 10px rgba(15,23,42,.13)}
@media(max-width:700px){.cbm-target{font-size:20px;gap:10px}.cbm-target-ball{width:34px;height:34px}}

.cbm-board.cbm-memory-phase .cbm-cell{cursor:default}.cbm-board.cbm-memory-phase .cbm-cell:hover{border-color:#dbe3ee;background:#fff;transform:none}.cbm-memory-prompt{display:inline-block}