/* ===== Home: random problem images, one at a time (problem-ticker.js) ===== */
.mm-ticker{max-width:760px;margin:.7rem auto .9rem;border:2px solid #f1e3c0;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 0 0 3px rgba(241,227,192,.18),0 6px 22px rgba(0,0,0,.28)}
.mm-ticker[hidden],html[data-view]:not([data-view="mpotd"]) .mm-ticker{display:none}
.mm-tk-scroll{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;cursor:grab}
.mm-tk-scroll::-webkit-scrollbar{display:none}
.mm-tk-scroll.drag{cursor:grabbing;scroll-snap-type:none;user-select:none;-webkit-user-select:none}
.mm-tk-slide{flex:0 0 100%;width:100%;scroll-snap-align:center;scroll-snap-stop:always;display:grid;place-items:center;align-content:center;min-height:0;height:100%;padding:0;margin:0;border:0;background:#fff;cursor:pointer}
.mm-tk-slide img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;pointer-events:none;-webkit-user-drag:none;user-select:none}
.mm-tk-slide:focus-visible{outline:2px solid #f1e3c0;outline-offset:-4px}
@media(max-width:560px){.mm-ticker{margin:.5rem .6rem .7rem;border-radius:14px}}