/* Shuffle Lab: dark glass "machine" with volt-lime accents. Logical properties only. */
.mm-sh{padding:48px 0}
.mm-sh__panel{position:relative;overflow:hidden;border-radius:34px;padding:clamp(20px,4vw,48px);color:#fff;background:radial-gradient(90% 120% at 85% -10%,rgba(123,108,255,.35),transparent 60%),radial-gradient(70% 90% at 0 110%,rgba(200,255,46,.16),transparent 60%),#0b0d12;box-shadow:0 30px 80px rgba(11,13,18,.28);isolation:isolate}
.mm-sh__panel::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(70% 80% at 50% 40%,#000,transparent);mask-image:radial-gradient(70% 80% at 50% 40%,#000,transparent)}
.mm-sh__kick{margin:0 0 8px;color:var(--volt,#c8ff2e);font-weight:800;letter-spacing:.22em;font-size:12px}
.mm-sh__head h2{margin:0;font-size:clamp(30px,5.5vw,64px);line-height:.95;letter-spacing:-.03em;text-transform:uppercase;color:#fff}
.mm-sh__lead{margin:12px 0 0;max-width:52ch;color:rgba(255,255,255,.72)}
.mm-sh__reels{display:grid;gap:14px;margin:28px 0 20px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:900px){.mm-sh__reels{grid-template-columns:repeat(var(--n,3),minmax(0,1fr))}}
.mm-sh__reel{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color .2s,box-shadow .2s}
.mm-sh__reel.is-locked{border-color:var(--volt,#c8ff2e);box-shadow:0 0 0 1px var(--volt,#c8ff2e),0 0 28px rgba(200,255,46,.25)}
.mm-sh__rh{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:12px}
.mm-sh__lock{min-height:36px;padding:0 14px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:none;color:#fff;font:700 12px inherit;cursor:pointer}
.mm-sh__lock[aria-pressed="true"]{background:var(--volt,#c8ff2e);border-color:var(--volt,#c8ff2e);color:#0b0d12}
.mm-sh__card{display:grid;gap:6px;min-height:230px;align-content:start}
.mm-sh__card.spin{animation:shSpin .085s linear infinite;filter:blur(1.6px)}
@keyframes shSpin{0%{transform:translateY(-6px)}100%{transform:translateY(6px)}}
.mm-sh__pic{display:block;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#fff}
.mm-sh__pic img{width:100%;height:100%;object-fit:cover;display:block}
.mm-sh__name{color:#fff;font-weight:700;text-decoration:none;line-height:1.2}
.mm-sh__name:hover{text-decoration:underline}
.mm-sh__price{color:var(--volt,#c8ff2e);font-weight:800}
.mm-sh__sizes{display:flex;flex-wrap:wrap;gap:6px;min-height:40px}
.mm-sh__sz{min-width:42px;height:38px;padding:0 10px;border:1px solid rgba(255,255,255,.3);border-radius:10px;background:none;color:#fff;font:700 12px inherit;cursor:pointer}
.mm-sh__sz[aria-pressed="true"]{background:#fff;color:#0b0d12;border-color:#fff}
.mm-sh__sz:disabled{opacity:.3;text-decoration:line-through;cursor:not-allowed}
.mm-sh__bar{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between}
.mm-sh__total{margin:0;display:grid;line-height:1.1}
.mm-sh__total span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.mm-sh__total strong{font-size:clamp(24px,4vw,36px)}
.mm-sh__btns{display:flex;flex-wrap:wrap;gap:10px}
.mm-sh__spin,.mm-sh__add,.mm-sh__share{min-height:50px;padding:0 24px;border-radius:999px;font:800 13px inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:2px solid transparent;transition:transform .2s,background .2s,color .2s}
.mm-sh__spin{background:var(--volt,#c8ff2e);color:#0b0d12;box-shadow:0 0 30px rgba(200,255,46,.35)}
.mm-sh__add{background:#fff;color:#0b0d12}
.mm-sh__share{background:none;color:#fff;border-color:rgba(255,255,255,.4)}
.mm-sh__spin:hover,.mm-sh__add:hover:not(:disabled),.mm-sh__share:hover{transform:translateY(-2px)}
.mm-sh__spin:disabled,.mm-sh__add:disabled{opacity:.45;cursor:not-allowed;transform:none}
.mm-sh button:focus-visible,.mm-sh a:focus-visible{outline:3px solid var(--ion,#7b6cff);outline-offset:3px}
.mm-sh__msg{margin:14px 0 0;min-height:1.3em;color:rgba(255,255,255,.85);font-weight:600}
.mm-sh__msg.is-bad{color:#ff8c8c}.mm-sh__msg a{color:var(--volt,#c8ff2e);text-decoration:underline}
.mm-sh__note{margin:6px 0 0;font-size:12px;color:rgba(255,255,255,.5)}
@media(prefers-reduced-motion:reduce){.mm-sh__card.spin{animation:none;filter:none}.mm-sh__reel,.mm-sh__spin,.mm-sh__add,.mm-sh__share{transition:none}}