.mc-page{max-width:850px;margin:35px auto 70px;padding:0 16px;direction:rtl}
.mc-header,.mc-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:25px;box-shadow:0 10px 30px rgba(15,23,42,.06);margin-bottom:18px}
.mc-header h1{margin:0 0 10px;font-size:30px}.mc-header p{color:#64748b;margin-top:0}
.mc-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;justify-content:center}
.mc-stats span{background:#f8fafc;border-radius:12px;padding:10px 16px}.mc-stats b{font-size:20px}
.mc-instruction{text-align:center;font-weight:800;font-size:19px;min-height:30px;margin-bottom:7px}
.mc-sound-notice{text-align:center;color:#64748b;font-size:14px;min-height:24px}
.mc-buttons{display:grid;grid-template-columns:repeat(2,minmax(110px,180px));justify-content:center;gap:16px;margin:22px auto 28px}
.mc-color{width:100%;height:145px;border:0;border-radius:22px;cursor:pointer;touch-action:manipulation;transition:transform .12s,filter .12s,box-shadow .12s;box-shadow:inset 0 0 0 5px rgba(255,255,255,.35),0 10px 24px rgba(15,23,42,.10)}
.mc-color.red{background:#ef4444}.mc-color.yellow{background:#facc15}.mc-color.green{background:#22c55e}.mc-color.blue{background:#3b82f6}
.mc-color.flash{filter:brightness(1.45);transform:scale(1.06);box-shadow:0 0 0 5px rgba(255,255,255,.9),0 15px 30px rgba(15,23,42,.18)}
.mc-color.good{box-shadow:0 0 0 5px #166534,0 12px 25px rgba(22,101,52,.2)}
.mc-color.bad{box-shadow:0 0 0 5px #991b1b,0 12px 25px rgba(153,27,27,.2)}
.mc-controls{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}
.mc-btn{border:0;border-radius:10px;padding:12px 20px;cursor:pointer;font:inherit}.mc-primary{background:#4f46e5;color:#fff}.mc-secondary{background:#eef2ff;color:#3730a3}.mc-sound{background:#f1f5f9;color:#0f172a}
@media(max-width:600px){.mc-header h1{font-size:24px}.mc-card{padding:16px}.mc-color{height:115px}}

.mc-loss-overlay{
    position:fixed;inset:0;z-index:99999;
    display:flex;align-items:center;justify-content:center;
    padding:20px;background:rgba(15,23,42,.58);
    backdrop-filter:blur(4px);
    opacity:0;visibility:hidden;
    transition:opacity .2s ease,visibility .2s ease;
}
.mc-loss-overlay.show{opacity:1;visibility:visible}
.mc-loss-modal{
    width:min(460px,100%);background:#fff;border-radius:24px;
    padding:30px 24px;text-align:center;
    box-shadow:0 25px 70px rgba(0,0,0,.22);
    transform:translateY(12px) scale(.98);
    transition:transform .2s ease;
}
.mc-loss-overlay.show .mc-loss-modal{transform:translateY(0) scale(1)}
.mc-loss-icon{
    width:64px;height:64px;margin:0 auto 14px;
    display:flex;align-items:center;justify-content:center;
    border-radius:50%;background:#fee2e2;color:#b91c1c;
    font-size:34px;font-weight:900;
}
.mc-loss-modal h2{margin:0 0 8px;font-size:28px;color:#991b1b}
.mc-loss-main{margin:0;color:#475569}
.mc-loss-result{margin:20px auto 12px;padding:16px;background:#f8fafc;border-radius:16px}
.mc-loss-result span{display:block;color:#64748b;margin-bottom:5px}
.mc-loss-result strong{display:block;font-size:42px;color:#4f46e5;line-height:1}
.mc-loss-note{color:#64748b;font-size:14px;margin:10px 0 20px}
.mc-loss-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.mc-loss-actions button{border:0;border-radius:10px;padding:12px 18px;cursor:pointer;font:inherit}
.mc-loss-primary{background:#4f46e5;color:#fff}
.mc-loss-secondary{background:#eef2ff;color:#3730a3}
.mc-loss-actions button:disabled{opacity:.6;cursor:wait}
@media(max-width:600px){.mc-loss-modal{padding:24px 18px}.mc-loss-modal h2{font-size:24px}}