.mw-page {
  position: relative;
  max-width: 760px;
  margin: 0 auto;
  border-radius: 20px;
  color: #f8fafc;
  background: #1a1033;
  box-shadow: 0 18px 40px rgba(26, 16, 51, .4);
  overflow: hidden;
  font-family: Inter, system-ui, sans-serif;
}

/* ---------- top bar ---------- */
.mw-top { position: relative; z-index: 4; display: flex; align-items: center; gap: .55rem; padding: .55rem .7rem; background: linear-gradient(180deg, rgba(10,5,25,.85), rgba(10,5,25,.35)); }
.mw-back { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.12); color: #fff; font-size: 1.35rem; text-decoration: none; }
.mw-title { flex: 1; display: flex; flex-direction: column; line-height: 1.15; }
.mw-title strong { font-size: .98rem; }
.mw-title span { font-size: .7rem; opacity: .7; }
.mw-live { display: inline-flex; align-items: center; gap: .3rem; padding: .25rem .6rem; border-radius: 999px; background: rgba(255,255,255,.1); font-size: .72rem; }
.mw-live i { width: 7px; height: 7px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 8px #22c55e; animation: mw-blink 1.4s infinite; }
@keyframes mw-blink { 50% { opacity: .3; } }
.mw-icon { width: 32px; height: 32px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; background: rgba(0,0,0,.25); color: #fff; font-weight: 800; cursor: pointer; }
.mw-full { display: grid; place-items: center; padding: 0; }
.mw-full svg { width: 1.05rem; height: 1.05rem; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.mw-full .off, .mw-page.is-full .mw-full .on { display: none; }
.mw-page.is-full .mw-full .off { display: inline; }

.mw-page.is-full {
  position: fixed;
  inset: 0;
  z-index: 10050;
  max-width: none;
  width: 100%;
  height: 100%;
  height: 100dvh;
  margin: 0;
  border-radius: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
  box-shadow: none;
}
.mw-page:fullscreen,
.mw-page:-webkit-full-screen {
  max-width: none;
  width: 100%;
  height: 100%;
  border-radius: 0;
  overflow-y: auto;
}
html.mw-lock-scroll,
html.mw-lock-scroll body { overflow: hidden; height: 100%; }
body.lp-lotto-page .lp-pane[data-pane="megawheel"].is-on .mw-page {
  position: fixed;
  inset: 0;
  z-index: 10050;
  max-width: none;
  width: 100%;
  height: 100%;
  height: 100dvh;
  margin: 0;
  border-radius: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
  box-shadow: none;
}
html:has(.lp-pane[data-pane="megawheel"].is-on),
html:has(.lp-pane[data-pane="megawheel"].is-on) body {
  overflow: hidden;
  height: 100%;
}
.mw-page.is-full .mw-toast,
body.lp-lotto-page .lp-pane[data-pane="megawheel"].is-on .mw-toast {
  bottom: max(1rem, env(safe-area-inset-bottom, 0px));
}
.mw-page.is-full .mw-wheel-wrap,
body.lp-lotto-page .lp-pane[data-pane="megawheel"].is-on .mw-wheel-wrap {
  width: min(86vw, 480px);
}

/* ---------- studio stage ---------- */
.mw-stage {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.6rem .5rem .6rem;
  margin-top: -48px;
  padding-top: calc(48px + 1.4rem);
  background:
    radial-gradient(60% 45% at 50% 42%, rgba(255,170,90,.55), transparent 70%),
    radial-gradient(90% 70% at 50% 30%, #d9361f 0%, #9b1c12 45%, #4a0b0b 80%, #24060a 100%);
  overflow: hidden;
}
.mw-studio { position: absolute; inset: 0; pointer-events: none; }
.mw-studio::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,120,60,.55) 0 38%, transparent 40%) 0 0 / 54px 54px,
    linear-gradient(90deg, rgba(0,0,0,.35), transparent 22%, transparent 78%, rgba(0,0,0,.35));
  mask-image: linear-gradient(180deg, #000 0%, #000 55%, transparent 80%);
  opacity: .45;
}
.mw-studio::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 30%; background: linear-gradient(180deg, transparent, rgba(30,6,8,.9)); }
.mw-panel { position: absolute; top: 18%; width: 16%; height: 46%; border-radius: 12px; background: linear-gradient(180deg, #ff6a3d, #c2261a); box-shadow: 0 0 30px rgba(255,90,40,.6), inset 0 0 0 3px rgba(255,200,150,.35); opacity: .55; }
.mw-panel.is-l { left: 3%; }
.mw-panel.is-r { right: 3%; }
.mw-sign { position: absolute; left: 4.5%; top: 26%; width: 13%; display: flex; flex-direction: column; align-items: center; padding: .4rem 0; border-radius: 8px; background: linear-gradient(180deg, #2563eb, #1e3a8a); box-shadow: 0 0 0 3px #f59e0b, 0 0 18px rgba(37,99,235,.6); transform: rotate(-4deg); }
.mw-sign b { font: italic 900 clamp(.55rem, 2.2vw, .95rem)/1 Inter, system-ui, sans-serif; color: #fde047; text-shadow: 0 2px 0 #b45309; }
@media (max-width: 520px) { .mw-sign, .mw-panel { display: none; } }

/* ---------- wheel ---------- */
.mw-wheel-wrap { position: relative; z-index: 2; width: min(84vw, 430px); aspect-ratio: 1; margin-top: 1.2rem; }
.mw-rim { position: absolute; inset: 0; width: 100%; height: 100%; filter: drop-shadow(0 10px 22px rgba(0,0,0,.55)); }
.mw-rim-ring { fill: none; stroke: url(#mwBronze); stroke-width: 9.5; }
.mw-rim-gold { fill: none; stroke: #3b2608; stroke-width: 1.4; }
.mw-stud { fill: #f3d58f; stroke: #5b3d12; stroke-width: .5; }
.mw-wheel { position: absolute; inset: 4.55%; border-radius: 50%; will-change: transform; }
.mw-svg { width: 100%; height: 100%; display: block; }
.mw-sep { stroke: #1d1030; stroke-width: .9; }
.mw-edge { fill: none; stroke: #1d1030; stroke-width: 1.4; }
.mw-badge { fill: #2a1a3f; stroke: #fdf3d0; stroke-width: .9; }
.mw-badge.is-light { fill: #fdf3d0; stroke: var(--c); stroke-width: 1.1; }
.mw-peg { fill: #f3d58f; stroke: #5b3d12; stroke-width: .35; }
.mw-num { fill: #fff; font: 900 6px/1 Inter, system-ui, sans-serif; text-anchor: middle; dominant-baseline: central; }
.mw-num.is-light { fill: #2a1a3f; }
.mw-num.is-two { font-size: 4.6px; letter-spacing: -.2px; }
.mw-hub { position: absolute; inset: 33.5%; border-radius: 50%; filter: drop-shadow(0 6px 10px rgba(0,0,0,.55)); }
.mw-hub-svg { width: 100%; height: 100%; display: block; }
.mw-bulb { fill: #fff6d5; filter: drop-shadow(0 0 2px #ffd166); animation: mw-bulb 1.2s calc(var(--b) * -.09s) infinite; }
@keyframes mw-bulb { 50% { fill: #f59e0b; filter: none; } }
.is-spinning .mw-bulb { animation-duration: .4s; }
.mw-m { font: italic 900 42px/1 Inter, system-ui, sans-serif; text-anchor: middle; dominant-baseline: central; fill: url(#mwM); stroke: #fff; stroke-width: 1.6px; paint-order: stroke; }
.mw-m-shadow { fill: #6b2a7a; stroke: #6b2a7a; }
.mw-pointer {
  position: absolute;
  left: 50%;
  top: -6.5%;
  z-index: 3;
  width: 9%;
  aspect-ratio: .8;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #c084fc, #6d28d9 60%, #4c1d95);
  clip-path: polygon(0 0, 100% 0, 100% 45%, 50% 100%, 0 45%);
  filter: drop-shadow(0 4px 4px rgba(0,0,0,.5));
}
.mw-pointer::after { content: ""; position: absolute; inset: 14% 22% 30%; background: linear-gradient(180deg, #fde68a, #f59e0b); clip-path: polygon(0 0, 100% 0, 100% 40%, 50% 100%, 0 40%); }
/* All dealer photos share one 544x1064 canvas. The arm layer pivots at the shoulder (55.1%, 20.3%)
   and sits behind the body layer; at 0deg its hand (1.5%, 16.7%) is on the rim at 3 o'clock. */
.mw-dealer { position: absolute; z-index: 3; left: 96.5%; top: 40%; width: 31%; aspect-ratio: 544 / 1064; pointer-events: none; transform-origin: 64% 100%; filter: drop-shadow(0 10px 12px rgba(0,0,0,.55)); }
.mw-dealer img { position: absolute; inset: 0; width: 100%; height: 100%; transition: opacity .3s; }
.mw-dealer-idle { animation: mw-breathe 3.6s ease-in-out infinite; transform-origin: 64% 100%; }
.mw-dealer-arm, .mw-dealer-body { opacity: 0; }
.mw-dealer-arm { transform-origin: 55.1% 20.3%; transform: rotate(-58deg); }
.mw-dealer.is-grab .mw-dealer-idle { opacity: 0; }
.mw-dealer.is-grab .mw-dealer-arm, .mw-dealer.is-grab .mw-dealer-body { opacity: 1; }
.mw-dealer.is-grab .mw-dealer-arm { transform: rotate(0deg); animation: mw-reach .35s ease-out, mw-pull 1.6s ease-in-out .35s infinite; }
.mw-dealer.is-grab { animation: mw-lean 1.6s ease-in-out .35s infinite; }
.mw-dealer.is-flick { animation: mw-throw .9s cubic-bezier(.2,.9,.3,1) forwards; }
.mw-dealer.is-flick .mw-dealer-arm { animation: mw-fling .9s cubic-bezier(.25,.9,.3,1) forwards, mw-out .9s forwards; }
.mw-dealer.is-flick .mw-dealer-body { animation: mw-out .9s forwards; }
.mw-dealer.is-flick .mw-dealer-idle { animation: mw-in .9s forwards; }
@keyframes mw-breathe { 50% { transform: scaleY(1.006); } }
@keyframes mw-reach { from { transform: rotate(-58deg); } to { transform: rotate(0deg); } }
@keyframes mw-pull {
  0% { transform: rotate(0deg); }
  70% { transform: rotate(12deg); }
  80% { transform: rotate(11deg); }
  100% { transform: rotate(0deg); }
}
@keyframes mw-lean {
  0%, 100% { transform: rotate(0deg); }
  70% { transform: rotate(1.2deg); }
}
@keyframes mw-fling {
  0% { transform: rotate(11deg); }
  28% { transform: rotate(-48deg); }
  100% { transform: rotate(-62deg); }
}
@keyframes mw-throw {
  0% { transform: rotate(1deg); }
  28% { transform: rotate(-3deg) translateX(-2%); }
  100% { transform: rotate(0deg); }
}
@keyframes mw-out { 0%, 45% { opacity: 1; } 100% { opacity: 0; } }
@keyframes mw-in { 0%, 45% { opacity: 0; } 100% { opacity: 1; } }
.mw-stand { position: relative; z-index: 1; width: min(60vw, 300px); height: 26px; margin-top: -14px; border-radius: 0 0 50% 50% / 0 0 100% 100%; background: linear-gradient(180deg, #f5c451, #a16207 60%, #4a2a06); box-shadow: 0 10px 24px rgba(0,0,0,.6); }

/* ---------- countdown clock (top-right) ---------- */
.mw-clock { position: absolute; z-index: 4; top: calc(48px + .5rem); right: 3.5%; width: clamp(52px, 13vw, 70px); aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: radial-gradient(circle at 40% 35%, #3b1d6e, #140828 75%); box-shadow: 0 0 0 2px rgba(245,196,81,.7), 0 8px 18px rgba(0,0,0,.5); --ring: #22c55e; }
.mw-clock[hidden] { display: none; }
.mw-clock svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.mw-clock-bg { fill: none; stroke: rgba(255,255,255,.12); stroke-width: 4; }
.mw-clock-ring { fill: none; stroke: var(--ring); stroke-width: 4; stroke-linecap: round; filter: drop-shadow(0 0 3px var(--ring)); }
.mw-clock strong { position: relative; font: 900 clamp(1.15rem, 5vw, 1.6rem)/1 Inter, system-ui, sans-serif; color: #fff; font-variant-numeric: tabular-nums; text-shadow: 0 2px 4px rgba(0,0,0,.5); }
.mw-clock.is-mid { --ring: #f59e0b; }
.mw-clock.is-low { --ring: #ef4444; animation: mw-pulse .5s infinite alternate; }

/* ---------- boost card ---------- */
.mw-bcard.is-pop { animation: mw-boostin .7s cubic-bezier(.2,1.6,.4,1); }
@keyframes mw-boostin { 0% { transform: scale(.2) rotate(-12deg); opacity: 0; } 60% { transform: scale(1.15) rotate(3deg); opacity: 1; } 100% { transform: none; } }
@keyframes mw-pulse { to { transform: scale(1.06); } }
.mw-bcard { position: absolute; z-index: 3; left: 4%; top: 24%; width: clamp(64px, 17%, 118px); display: flex; flex-direction: column; align-items: center; gap: .3rem; padding: .55rem .3rem .5rem; border-radius: 14px; background: linear-gradient(180deg, #2b1458, #170a33); box-shadow: 0 0 0 2px #f5c451, 0 0 0 5px #7a1010, 0 10px 24px rgba(0,0,0,.55); }
.mw-bcard[hidden] { display: none; }
.mw-bcard-x { padding: .05rem .55rem; border-radius: 6px; background: linear-gradient(180deg, #fde047, #f59e0b); color: #3b1d05; font-weight: 900; font-size: clamp(.75rem, 3.2vw, 1.05rem); box-shadow: 0 2px 0 #92400e; animation: mw-pulse .9s infinite alternate; }
.mw-bcard-ball { width: 70%; aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: radial-gradient(circle at 35% 28%, #fff, var(--c, #fde68a) 55%, color-mix(in srgb, var(--c, #fde68a) 70%, #000)); box-shadow: 0 0 0 2px #fff, 0 4px 10px rgba(0,0,0,.5); color: #1a1033; font-weight: 900; font-size: clamp(1rem, 5vw, 1.8rem); }
.mw-bcard em { font-style: normal; font-size: .56rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #fde68a; }
/* ---------- dashboard ---------- */
.mw-dash { position: relative; padding: .7rem clamp(.5rem, 2.5vw, 1rem) 0; background: linear-gradient(180deg, #2a1650 0%, #1f1040 40%, #170b31 100%); box-shadow: 0 -14px 24px rgba(23,11,49,.9); }
.mw-status { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; padding: .35rem .45rem .35rem 1rem; border-radius: 999px; background: #120826; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); font-size: .78rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; overflow: hidden; }
.mw-status span { overflow: hidden; text-overflow: ellipsis; }
.mw-status strong { min-width: 2.1rem; padding: .15rem .45rem; border-radius: 999px; background: #22c55e; color: #052e16; text-align: center; font-size: .9rem; font-variant-numeric: tabular-nums; }
.mw-status { padding: .55rem 1rem; }

/* ---------- number board ---------- */
.mw-board { display: grid; grid-template-columns: repeat(5, 1fr); gap: clamp(.35rem, 1.6vw, .6rem); max-width: 560px; margin: 0 auto; }
.mw-cell { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .25rem; aspect-ratio: 1 / 1.05; padding: .3rem 0; border: 0; border-radius: 16px; background: linear-gradient(180deg, color-mix(in srgb, var(--c) 30%, #2c1a52), color-mix(in srgb, var(--c) 12%, #1c1038)); box-shadow: inset 0 1px 0 rgba(255,255,255,.12), inset 0 0 0 1px rgba(255,255,255,.06); color: #fff; cursor: pointer; transition: transform .12s, box-shadow .2s, opacity .2s; }
.mw-ball { width: 62%; aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--c) 50%, #fff), var(--c) 55%, color-mix(in srgb, var(--c) 65%, #000)); box-shadow: 0 3px 8px rgba(0,0,0,.45), inset 0 -3px 0 rgba(0,0,0,.18); color: #1a1033; font-weight: 900; font-size: clamp(1.05rem, 5.4vw, 1.9rem); }
.mw-cell em { font-style: normal; font-size: clamp(.62rem, 2.4vw, .8rem); font-weight: 800; color: rgba(255,255,255,.65); }
.mw-cell em b { display: inline-block; padding: 0 .45rem; border-radius: 6px; background: linear-gradient(180deg, #fde047, #f59e0b); color: #3b1d05; font-weight: 900; box-shadow: 0 2px 0 #92400e; }
.mw-mine { position: absolute; top: 4px; right: 4px; min-width: 1.4rem; padding: .05rem .3rem; border-radius: 999px; background: #fbbf24; color: #1a1033; font-size: .62rem; font-weight: 900; box-shadow: 0 2px 6px rgba(0,0,0,.4); white-space: nowrap; }
.mw-mine:empty, .mw-tot:empty { display: none; }
.mw-tot { position: absolute; bottom: 3px; left: 0; right: 0; text-align: center; font-size: .5rem; opacity: .5; }
.mw-cell:hover { transform: translateY(-2px); }
.mw-cell.has-bet { box-shadow: 0 0 0 2px #fbbf24, inset 0 1px 0 rgba(255,255,255,.12); }
.mw-cell.is-pop { transform: scale(.92); }
.mw-cell.is-boost { background: linear-gradient(180deg, color-mix(in srgb, var(--c) 45%, #3a1f6e), color-mix(in srgb, var(--c) 20%, #22124a)); box-shadow: 0 0 0 2px #f5c451, 0 0 16px rgba(245,196,81,.45); }
.mw-cell.is-win { box-shadow: 0 0 0 3px #fff, 0 0 22px var(--c); animation: mw-pulse .5s 6 alternate; }
.is-spinning .mw-cell:not(.is-win) { opacity: .45; }
.mw-all { --c: #7c3aed; padding: 0 .3rem; font-weight: 900; font-size: clamp(.62rem, 2.4vw, .82rem); letter-spacing: .06em; text-transform: uppercase; line-height: 1.25; color: #f5d0fe; background: linear-gradient(180deg, #3b1d6e, #24113f); box-shadow: inset 0 0 0 2px #c026d3, 0 0 14px rgba(192,38,211,.35); }

/* ---------- info, chips, bar ---------- */
.mw-info { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .25rem .5rem; max-width: 560px; margin: .7rem auto 0; font-size: .7rem; color: rgba(255,255,255,.6); }
.mw-info b { color: #fff; font-variant-numeric: tabular-nums; }
.mw-info .is-up { color: #4ade80; }
.mw-info .is-down { color: #f87171; }
.mw-bar { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .55rem; max-width: 560px; margin: .55rem auto 0; }
.mw-round { width: 44px; height: 44px; border-radius: 50%; border: 0; background: #2d1b55; box-shadow: inset 0 0 0 1px rgba(255,255,255,.15); color: #fff; font-size: 1.2rem; cursor: pointer; }
.mw-chips { display: flex; justify-content: center; gap: .45rem; margin-top: .65rem; }
.mw-chip { width: 42px; height: 42px; border-radius: 50%; border: 3px dashed rgba(255,255,255,.8); background: radial-gradient(circle, #16a34a 52%, #14532d 54%); color: #fff; font-weight: 900; font-size: .72rem; cursor: pointer; transition: transform .15s; }
.mw-chip:nth-child(2) { background: radial-gradient(circle, #2563eb 52%, #1e3a8a 54%); }
.mw-chip:nth-child(3) { background: radial-gradient(circle, #dc2626 52%, #7f1d1d 54%); }
.mw-chip:nth-child(4) { background: radial-gradient(circle, #111827 52%, #000 54%); }
.mw-chip.is-on { transform: translateY(-5px) scale(1.1); border-color: #fde68a; box-shadow: 0 0 14px rgba(253,230,138,.75); }
@media (max-width: 520px) {
  .mw-page { border-radius: 14px; }
  .mw-wheel-wrap { width: 64vw; margin: .9rem 16vw 0 0; }
  .mw-stand { width: 44vw; height: 18px; margin: -10px 16vw 0 0; }
  .mw-bcard { left: 2%; top: calc(48px + .4rem); width: 16vw; padding: .35rem .2rem; gap: .2rem; }
  .mw-chip { width: 38px; height: 38px; border-width: 2px; font-size: .66rem; }
  .mw-status { font-size: .7rem; }
  .mw-page.is-full .mw-wheel-wrap,
  body.lp-lotto-page .lp-pane[data-pane="megawheel"].is-on .mw-wheel-wrap {
    width: 72vw;
    margin: .9rem 14vw 0 0;
  }
  .mw-page.is-full .mw-stand,
  body.lp-lotto-page .lp-pane[data-pane="megawheel"].is-on .mw-stand {
    width: 50vw;
    margin: -10px 14vw 0 0;
  }
}

/* ---------- history strip ---------- */
.mw-hist { display: flex; align-items: flex-end; gap: .35rem; margin: .7rem calc(-1 * clamp(.5rem, 2.5vw, 1rem)) 0; padding: 1.2rem .7rem .55rem; overflow-x: auto; background: #120826; scrollbar-width: none; }
.mw-hist i { position: relative; flex: 0 0 auto; width: 1.75rem; height: 1.75rem; display: grid; place-items: center; border-radius: 50%; font-style: normal; font-weight: 900; font-size: .68rem; color: #1a1033; background: var(--c); box-shadow: inset 0 -2px 0 rgba(0,0,0,.25); }
.mw-hist i b { position: absolute; top: -.92rem; left: 50%; z-index: 1; transform: translateX(-50%); padding: .05rem .22rem; border-radius: 4px; background: linear-gradient(180deg, #fde047, #f59e0b); color: #3b1d05; font-size: .52rem; font-weight: 900; line-height: 1.25; white-space: nowrap; box-shadow: 0 1px 3px rgba(0,0,0,.45); }
.mw-hist i.has-x { outline: 1.5px solid #fbbf24; outline-offset: 1px; }
.mw-hist i:first-child { outline: 2px solid #fff; outline-offset: 1px; }
.mw-hist:empty::before { content: "No results yet"; font-size: .72rem; opacity: .6; }

.mw-lock { margin: .6rem .8rem 0; padding: .8rem; border-radius: 14px; background: rgba(0,0,0,.3); text-align: center; }
.mw-lock p { margin: 0 0 .5rem; }
.mw-note { margin: 0; padding: .5rem .8rem .9rem; font-size: .68rem; opacity: .6; text-align: center; }

/* ---------- sheets + toast ---------- */
.mw-sheet { position: fixed; inset: 0; z-index: 80; display: grid; place-items: end center; background: rgba(10,5,25,.6); }
.mw-sheet[hidden] { display: none; }
.mw-sheet-card { position: relative; width: min(560px, 100%); max-height: 80vh; overflow: auto; padding: 1.1rem 1.1rem 1.5rem; border-radius: 20px 20px 0 0; background: #1a1033; color: #f8fafc; }
.mw-sheet-card h3 { margin: 0 0 .6rem; color: #fde68a; }
.mw-sheet-card ol { padding-left: 1.1rem; font-size: .88rem; line-height: 1.5; }
.mw-x { position: absolute; top: .6rem; right: .7rem; border: 0; background: none; color: #fff; font-size: 1.6rem; cursor: pointer; }
.mw-odds { width: 100%; border-collapse: collapse; font-size: .82rem; margin-top: .4rem; }
.mw-odds th, .mw-odds td { padding: .35rem; border-bottom: 1px solid rgba(255,255,255,.1); text-align: center; }
.mw-rec { display: grid; grid-template-columns: 3.5rem 1fr 1fr 4.5rem; gap: .4rem; padding: .45rem 0; border-bottom: 1px solid rgba(255,255,255,.08); font-size: .8rem; }
.mw-rec i { display: inline-block; margin-left: .2rem; padding: 0 .25rem; border-radius: 4px; background: linear-gradient(180deg, #fde047, #f59e0b); color: #3b1d05; font-style: normal; font-size: .68rem; font-weight: 900; }
.mw-rec span:last-child { text-align: right; font-weight: 700; color: #f87171; }
.mw-rec.is-win span:last-child { color: #4ade80; }
.mw-toast { position: fixed; left: 50%; bottom: 90px; z-index: 90; transform: translateX(-50%); padding: .6rem 1rem; border-radius: 12px; background: #111827; color: #fff; font-weight: 600; box-shadow: 0 10px 24px rgba(0,0,0,.35); }
.mw-toast.is-good { background: linear-gradient(90deg, #16a34a, #22c55e); }