/* v1.4.2 – button click fix (z-index) */
.msw-wrap{display:grid;gap:14px;place-items:center; position:relative;
    --msw-accent:#111111;
    --msw-title-bg:rgba(0,0,0,.55);
    --msw-title-color:#ffffff;
    --msw-button-bg:#111111;
    --msw-button-color:#ffffff;
    --msw-center-bg:radial-gradient(circle at 50% 45%, rgba(255,255,255,.08), rgba(0,0,0,.25) 70%);
    --msw-size:820px;
    --msw-inner:0.16;
    --msw-cover:0.52;
}
.msw-wheel{width:min(var(--msw-size), 95vw);aspect-ratio:1/1;position:relative; z-index:1}
.msw-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap; position:relative; z-index:5}
.msw-spin,.msw-shuffle{padding:.55rem 0.95rem;border-radius:11px;border:0;background:var(--msw-button-bg);color:var(--msw-button-color);cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.15); position:relative; z-index:6}
.msw-slices{list-style:none;margin:0;padding:0;width:100%;height:100%;position:relative;border-radius:50%;isolation:isolate;
    transform:rotate(var(--msw-rotate, 0deg));
    transition: transform 2.2s cubic-bezier(.2,.9,.15,1);
    background: radial-gradient(120% 120% at 50% 50%, rgba(255,255,255,.06), rgba(0,0,0,.55) 70%);
}
.msw-slice{--count:var(--msw-count, 10);--angle:calc(360deg/var(--count));position:absolute;inset:0;transform:rotate(calc(var(--i)*var(--angle))); transform-origin:center}
.msw-card{position:absolute;inset:calc(var(--msw-inner) * 100%) 6% 6% 6%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;gap:.5rem;
    -webkit-mask: conic-gradient(#000 0 var(--angle), transparent var(--angle) 360deg);
            mask: conic-gradient(#000 0 var(--angle), transparent var(--angle) 360deg);
}
.msw-cover{display:block;width:calc(var(--msw-cover) * 100%);aspect-ratio:3/4;background-size:cover;background-position:center;border-radius:12px;box-shadow:0 10px 18px rgba(0,0,0,.22)}
.msw-title{display:block;font-size:clamp(12px,1.1vw,16px);font-weight:700;line-height:1.25;background:var(--msw-title-bg);color:var(--msw-title-color);padding:.35rem .6rem;border-radius:10px;margin-top:.35rem}
.msw-slices::after{content:"";position:absolute;inset:calc(var(--msw-inner) * 100%);border-radius:50%;background:var(--msw-center-bg);box-shadow:inset 0 0 40px rgba(0,0,0,.35)}
/* Mobile grid (default) */
@media (max-width:560px){
  .msw-wrap[data-mobile="grid"] .msw-wheel{width:100%; aspect-ratio:auto}
  .msw-wrap[data-mobile="grid"] .msw-slices{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;border-radius:0;transform:none;transition:none;padding:4px;background:transparent}
  .msw-wrap[data-mobile="grid"] .msw-slice,.msw-wrap[data-mobile="grid"] .msw-card{-webkit-mask:none;mask:none;position:relative;transform:none;inset:auto}
  .msw-wrap[data-mobile="grid"] .msw-card{padding:0}
  .msw-wrap[data-mobile="grid"] .msw-cover{width:100%;border-radius:14px}
  .msw-wrap[data-mobile="grid"] .msw-title{position:absolute;left:8px;right:8px;bottom:8px;background:var(--msw-title-bg);color:var(--msw-title-color);border-radius:10px;font-size:14px}
  .msw-wrap[data-mobile="grid"] .msw-slices::after{display:none}
}
/* Result overlay */
.msw-result[hidden]{display:none}
.msw-result{position:fixed;inset:0;z-index:9999;display:grid;place-items:center}
.msw-result__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(2px)}
.msw-result__card{position:relative;width:min(520px, 92vw);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4);background:#111}
.msw-result__link{display:block;color:#fff;text-decoration:none}
.msw-result__cover{display:block;width:100%;aspect-ratio:3/4;background-size:cover;background-position:center}
.msw-result__meta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:#000c}
.msw-result__title{font-size:1rem;line-height:1.3}
.msw-result__cta{opacity:.9}
.msw-result__close{position:absolute;top:6px;right:8px;width:36px;height:36px;border-radius:999px;border:0;background:#000c;color:#fff;font-size:22px;cursor:pointer}