/* admin small styles */
#mms-toppers-list .mms-top-avatar img { width:64px;height:64px;border-radius:50%;object-fit:cover; }
#mms-prize-preview img, #mms-avatar-preview img { max-width:120px; max-height:120px; display:block; }

/* Scoped Topper display (glorious style + carousel + year tabs) */
.mms-flash-toppers { font-family: 'Bubblegum Sans', cursive; color:#3C2A10; max-width:1200px; margin:18px auto; }
.mms-flash-toppers .ft-year {
    text-align:center; margin-bottom:12px; color:#6F4518; font-weight:700;
    font-size:22px; text-shadow:0 1px 0 rgba(255,255,255,0.6);
}
@media (max-width:1024px) { .mms-flash-toppers .ft-year { font-size:20px; } }
@media (max-width:600px) { .mms-flash-toppers .ft-year { font-size:18px; } }

.mms-flash-toppers .ft-tabs { text-align:center; margin-bottom:12px; }
.mms-flash-toppers .ft-tabs button { margin:0 6px; padding:6px 10px; border-radius:6px; border:1px solid #E7C9A9; background:#fff; cursor:pointer; }
.mms-flash-toppers .ft-tabs button.active { background:#E7C9A9; color:#FFF; border-color:#D6A46E; }

.mms-flash-toppers .ft-wrap { position:relative; }
.mms-flash-toppers .ft-grid { display:flex; gap:18px; overflow-x:auto; padding:8px 4px; scroll-behavior:smooth; -webkit-overflow-scrolling:touch; }
.mms-flash-toppers .ft-grid { scrollbar-width: none; -ms-overflow-style: none; }
.mms-flash-toppers .ft-grid::-webkit-scrollbar { display: none; height:0; }

.mms-flash-toppers .ft-card {
    min-width:220px; width:220px; background:linear-gradient(180deg,#fff,#FFFBF6);
    border-radius:12px; padding:14px; box-shadow:0 8px 28px rgba(60,42,16,.12);
    border:1px solid #E7C9A9; text-align:center; flex:0 0 auto;
}
.mms-flash-toppers .ft-avatar { width:100px;height:100px;border-radius:50%;margin:0 auto 10px; overflow:hidden; border:4px solid #FFF; box-shadow:0 6px 18px rgba(60,42,16,.06); }
.mms-flash-toppers .ft-avatar img{ width:100%;height:100%;object-fit:cover; display:block; }
.mms-flash-toppers h3{ margin:6px 0 4px; font-size:16px; color:#3C2A10; }
.mms-flash-toppers .ft-meta{ font-size:13px;color:#6F4518; margin-bottom:8px; }
.mms-flash-toppers .ft-perc { font-size:18px; font-weight:700; color:#A47148; margin-top:4px; }
.mms-flash-toppers .ft-class { font-size:13px; color:#8B5E34; margin-top:6px; }
.mms-flash-toppers .ft-notes { margin-top:10px;color:#604022;font-size:13px; }
.mms-flash-toppers .ft-prize { margin-top:10px; display:flex; gap:8px; align-items:center; justify-content:center; }
.mms-flash-toppers .ft-prize img { width:84px; height:48px; object-fit:cover; border-radius:6px; border:1px solid #eee; }
.mms-flash-toppers .ft-tag { display:inline-block; margin-left:6px; padding:2px 8px; background:#fff9e6; border-radius:999px; font-size:11px; color:#8B5E34; border:1px solid #f3d5b5; }
.mms-flash-toppers .ft-prev, .mms-flash-toppers .ft-next {
    position:absolute; top:50%; transform:translateY(-50%); background:#fff; border:1px solid #E7C9A9; padding:8px 10px; border-radius:6px; cursor:pointer;
    box-shadow:0 6px 18px rgba(60,42,16,.06);
}
.mms-flash-toppers .ft-prev { left:-10px; } .mms-flash-toppers .ft-next { right:-10px; }
@media (max-width:880px) { .mms-flash-toppers .ft-prev { left:6px; } .mms-flash-toppers .ft-next { right:6px; } }
.mms-flash-toppers .ft-prev, .mms-flash-toppers .ft-next { display:none; }