/* Dedicated full-width Slots page chrome (public/slots.html) */
body.slots-page-body { min-height: 100vh; }
.slots-page-header {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  height: 60px; padding: 0 clamp(20px, 6vw, 60px); border-bottom: 1px solid var(--line);
}
.slots-back-link { color: var(--muted); font-size: 13px; font-weight: 700; }
.slots-back-link:hover { color: var(--text); }
.slots-page-wrap { width: min(1900px, calc(100% - 24px)); margin: 8px auto 30px; padding: 0 12px; }

/* Scuffed Chaos cabinet -- its own self-contained production. Sized so the
   reels and spin button are visible immediately on a typical viewport
   without scrolling -- only the supplementary stats/legend need a scroll. */
.slots-cabinet { position: relative; padding: 10px; border-radius: 28px; }
/* Fixed (not absolute) so they anchor to the viewport instead of the cabinet's
   own auto height -- an absolute box with only `bottom` set (no `top`) inside
   an auto-height ancestor creates a circular sizing loop: the ancestor grows
   to fit the box, which pushes the box further down, which grows the
   ancestor again. That was rendering ~1000px of blank space below the game. */
.slots-ambient { position: fixed; width: 560px; height: 560px; border-radius: 50%; filter: blur(140px); opacity: .16; pointer-events: none; z-index: 0; }
.slots-ambient-one { background: var(--green); top: -100px; left: -200px; }
.slots-ambient-two { background: #1fb570; right: -200px; bottom: -100px; }
.slots-cabinet > *:not(.slots-ambient):not(.slots-confetti) { position: relative; z-index: 1; }

.slots-topbar { display: grid; grid-template-columns: 44px 1fr 44px; align-items: center; gap: 10px; min-height: 76px; padding: 8px 14px; margin-bottom: 8px; border-radius: 20px; border: 1px solid rgba(83,252,24,.28); background: linear-gradient(180deg, rgba(12,30,17,.9), rgba(3,9,5,.94)); box-shadow: 0 18px 60px rgba(0,0,0,.4), 0 0 30px rgba(83,252,24,.08); }
.slots-icon-button { width: 40px; height: 40px; border: 1px solid rgba(83,252,24,.28); border-radius: 12px; background: linear-gradient(180deg, rgba(83,252,24,.1), rgba(83,252,24,.03)); color: var(--text); font-size: 17px; font-weight: 900; cursor: pointer; }
.slots-icon-button:hover { background: linear-gradient(180deg, rgba(83,252,24,.16), rgba(83,252,24,.06)); }
.slots-brand { text-align: center; line-height: .95; }
.slots-brand-row { display: flex; align-items: flex-end; justify-content: center; gap: 8px; }
.slots-brand-scuffed, .slots-brand-chaos { font-weight: 950; font-style: italic; letter-spacing: -.05em; }
.slots-brand-scuffed { font-size: clamp(18px, 2.2vw, 32px); color: var(--text); }
.slots-brand-chaos { font-size: clamp(19px, 2.4vw, 35px); color: var(--green); text-shadow: 0 0 14px rgba(83,252,24,.5), 0 0 28px rgba(83,252,24,.25); }
.slots-brand-meta { display: flex; gap: 6px; justify-content: center; flex-wrap: wrap; margin-top: 5px; }
.slots-pill { display: inline-flex; align-items: center; min-height: 20px; padding: 0 10px; border-radius: 999px; font-size: 9px; font-weight: 900; letter-spacing: .12em; border: 1px solid var(--line); background: rgba(255,255,255,.04); color: var(--muted); }
.slots-pill-live { color: var(--green); border-color: rgba(83,252,24,.35); background: rgba(83,252,24,.08); }
.slots-brand small { display: none; }

.slots-layout { display: grid; grid-template-columns: minmax(200px, .85fr) minmax(600px, 3.3fr) minmax(220px, .95fr); gap: 12px; align-items: start; }
.slots-side-panel, .slots-feature-panel { border: 1px solid var(--line); border-radius: 18px; padding: 16px; background: var(--panel); max-height: clamp(300px, 62vh, 640px); overflow-y: auto; }
.slots-side-panel h4 { margin: 0 0 6px; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--green); }
.slots-side-note { margin: 0 0 12px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.slots-side-legend { display: grid; gap: 7px; padding-right: 2px; }
.slots-side-legend img { width: 36px; height: 36px; object-fit: contain; border-radius: 9px; background: #0c0f0d; flex: 0 0 auto; }
.slots-side-legend-row { display: flex; align-items: center; gap: 9px; padding: 6px; border: 1px solid var(--line); border-radius: 11px; background: var(--panel-2); font-size: 11px; }
.slots-side-legend-row .legend-name { flex: 1 1 auto; min-width: 0; font-weight: 800; }
.slots-side-legend-row .legend-pay { color: var(--gold); font-weight: 900; white-space: nowrap; }

.slots-machine { border: 1px solid var(--line); border-radius: 22px; padding: 10px; min-width: 0; background: radial-gradient(circle at 50% 25%, rgba(83,252,24,.06), transparent 50%), var(--panel); }
.slots-status-strip { display: grid; grid-template-columns: 1fr auto auto; gap: 10px; align-items: center; min-height: 28px; padding: 0 6px 6px; color: var(--muted); font-weight: 750; font-size: 13px; }
.slots-rtp-badge, .slots-ways-badge { border-radius: 999px; padding: 6px 11px; white-space: nowrap; font-size: 11px; letter-spacing: .07em; border: 1px solid var(--line); background: var(--panel-2); }
.slots-rtp-badge { color: var(--green); border-color: rgba(83,252,24,.28); }
.slots-ways-badge strong { color: var(--gold); }

.slots-reels { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; height: clamp(260px, 46vh, 620px); padding: 12px; border-radius: 20px; border: 2px solid rgba(83,252,24,.55); background: linear-gradient(180deg, rgba(0,2,1,.97), rgba(6,18,9,.97)); box-shadow: 0 0 28px rgba(83,252,24,.16), inset 0 0 40px rgba(255,255,255,.02); }
.slots-reel { display: grid; grid-template-rows: repeat(var(--rows, 4), minmax(0, 1fr)); gap: 6px; min-width: 0; min-height: 0; }
.slots-cell { position: relative; overflow: hidden; min-width: 0; min-height: 0; border-radius: 12px; border: 1px solid rgba(255,255,255,.1); background: radial-gradient(circle at 50% 18%, rgba(83,252,24,.08), transparent 48%), linear-gradient(165deg, #102013, #020603); transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, filter .16s ease; }
.slots-cell img { width: 100%; height: 100%; object-fit: cover; display: block; }
.slots-cell .letter { display: grid; place-items: center; width: 100%; height: 100%; font-size: clamp(18px, 2.8vw, 44px); font-weight: 950; font-style: italic; color: var(--text); text-shadow: 0 0 8px currentColor; }
.slots-cell[data-id="10"] .letter { color: #ff865b; }
.slots-cell[data-id="J"] .letter { color: #62c4ff; }
.slots-cell[data-id="Q"] .letter { color: var(--green); }
.slots-cell[data-id="K"] .letter { color: var(--gold); }
.slots-cell[data-id="A"] .letter { color: var(--text); }
.slots-cell.spinning { filter: blur(2px) brightness(1.25); transform: translateY(4px) scale(.97); }
.slots-cell.winning { z-index: 2; border-color: var(--gold); box-shadow: 0 0 0 2px rgba(255,211,90,.5) inset, 0 0 20px rgba(255,211,90,.55); transform: scale(1.03); }
.slots-cell.bonus-hit { border-color: var(--green); box-shadow: 0 0 0 2px rgba(83,252,24,.55) inset, 0 0 28px rgba(83,252,24,.7); }

.slots-win-banner { display: flex; justify-content: space-between; gap: 10px; margin-top: 8px; padding: 10px 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel-2); }
.slots-win-banner span:first-child { color: var(--muted); font-size: 11px; letter-spacing: .14em; font-weight: 800; }
.slots-win-banner strong { text-align: right; font-size: 16px; }
.slots-win-banner.win { border-color: rgba(83,252,24,.3); }
.slots-win-banner.win strong { color: var(--green); }
.slots-win-banner.tease { border-color: rgba(255,211,90,.4); background: linear-gradient(180deg, rgba(255,211,90,.08), rgba(83,252,24,.03)); }
.slots-win-banner.tease strong { color: var(--gold); }
.slots-win-banner.mega { animation: slotsMegaPulse .6s ease-in-out 3; }
@keyframes slotsMegaPulse { 50% { transform: scale(1.015); box-shadow: 0 0 32px rgba(83,252,24,.3); } }

.slots-feature-panel { display: grid; align-content: start; gap: 12px; }
.slots-feature { border-radius: 16px; padding: 14px; text-align: center; border: 1px solid var(--line); background: var(--panel-2); }
.slots-feature h4 { margin: 8px 0 5px; font-size: 12px; letter-spacing: .1em; color: var(--green); }
.slots-feature p { margin: 6px 0; color: var(--muted); font-size: 11px; line-height: 1.4; }
.slots-feature img { width: min(88px, 62%); aspect-ratio: 1; object-fit: contain; border-radius: 14px; background: #0a0d0a; padding: 6px; }
.slots-ways-icon { display: grid; place-items: center; width: 62px; height: 62px; margin: 0 auto 8px; border: 2px solid var(--green); border-radius: 16px; color: var(--green); font-size: 38px; font-weight: 950; box-shadow: 0 0 20px rgba(83,252,24,.26); }
.slots-cards-stack { display: flex; justify-content: center; gap: 6px; margin-bottom: 8px; }
.slots-cards-stack span { width: 32px; height: 44px; display: grid; place-items: center; border-radius: 9px; border: 1px solid var(--line); background: var(--panel); color: var(--text); font-weight: 950; font-style: italic; font-size: 14px; }

.slots-control-deck { display: grid; grid-template-columns: 1fr 1fr 170px 1fr 1fr 1fr; align-items: center; gap: 10px; margin-top: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 18px; background: var(--panel); }
.slots-buy-bonus-button { border-color: rgba(255,211,90,.32); background: linear-gradient(180deg, rgba(255,211,90,.14), rgba(83,252,24,.05)); }
.slots-buy-bonus-button small { display: block; margin-top: 3px; font-size: 9px; letter-spacing: .1em; color: var(--gold); }
.slots-buy-bonus-button:disabled { opacity: .5; cursor: not-allowed; }
.slots-meter span { display: block; text-transform: uppercase; letter-spacing: .12em; font-size: 10px; color: var(--muted); font-weight: 800; margin-bottom: 4px; }
.slots-meter-balance { padding: 0 4px; }
.slots-meter-balance strong { display: block; font-size: clamp(16px, 1.6vw, 22px); color: var(--green); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.slots-spin-button { width: 100%; height: 66px; border: 2px solid rgba(255,255,255,.4); border-radius: 18px; color: #041005; background: radial-gradient(circle at 50% 22%, #d0ffb6, var(--green) 55%, #167d12); box-shadow: 0 0 0 4px rgba(83,252,24,.16), 0 0 26px rgba(83,252,24,.4), inset 0 0 14px rgba(255,255,255,.2); cursor: pointer; }
.slots-spin-button:hover { filter: brightness(1.08); }
.slots-spin-button:disabled { opacity: .5; cursor: not-allowed; }
.slots-spin-button strong { display: block; letter-spacing: .14em; font-size: 13px; }
.slots-spin-arrow { display: block; line-height: .8; font-size: 24px; font-weight: 950; }
.slots-spin-button.is-spinning .slots-spin-arrow { animation: slotsSpinRotate .55s linear infinite; }
@keyframes slotsSpinRotate { to { transform: rotate(360deg); } }
.slots-secondary-button { min-height: 44px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel-2); color: var(--text); font-weight: 800; cursor: pointer; }
.slots-secondary-button:hover { background: rgba(83,252,24,.08); }
.slots-secondary-button.active { color: var(--green); border-color: rgba(83,252,24,.4); background: rgba(83,252,24,.1); }

.slots-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: 10px; border-radius: 14px; overflow: hidden; border: 1px solid var(--line); }
.slots-stats div { padding: 10px 12px; background: var(--panel-2); }
.slots-stats span { display: block; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); font-weight: 800; }
.slots-stats strong { display: block; margin-top: 3px; font-size: 14px; }

.slots-confetti { position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 40; }

.slots-dialog { border: 1px solid rgba(83,252,24,.3); border-radius: var(--radius); background: linear-gradient(180deg, #0d1a10, #060906); color: var(--text); width: min(820px, 92vw); max-height: 86vh; overflow: auto; padding: 28px 30px; }
.slots-dialog::backdrop { background: rgba(0,0,0,.72); }
.slots-dialog-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 6px; }
.slots-dialog-head h3 { margin: 0; font-size: clamp(20px, 2.6vw, 28px); }
.slots-eyebrow { color: var(--green); letter-spacing: .18em; font-size: 10px; font-weight: 900; margin: 0 0 4px; }
.slots-dialog-subhead { margin-top: 24px; color: var(--green); font-size: 15px; }
.slots-legend { display: flex; flex-direction: column; gap: 6px; margin-top: 14px; max-height: 40vh; overflow-y: auto; }
.slots-legend-row { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 10px; background: var(--panel-2); border: 1px solid var(--line); font-size: 13px; }
.slots-legend-row img { width: 30px; height: 30px; object-fit: contain; flex: 0 0 auto; }
.slots-legend-row .letter-badge { width: 30px; height: 30px; flex: 0 0 auto; border-radius: 6px; background: #0c0f0d; display: grid; place-items: center; font-weight: 900; font-size: 12px; color: var(--muted); }
.slots-legend-row .legend-name { flex: 1 1 auto; min-width: 0; }
.slots-legend-row .legend-name small { display: block; color: var(--muted); font-size: 11px; margin-top: 1px; }
.slots-legend-row .legend-pay { color: var(--green); font-weight: 800; font-size: 12px; text-align: right; white-space: nowrap; }
.slots-table-wrap { overflow-x: auto; margin: 12px 0; }
.slots-table-wrap table { width: 100%; border-collapse: collapse; min-width: 480px; }
.slots-table-wrap th, .slots-table-wrap td { padding: 8px 10px; text-align: left; border-bottom: 1px solid var(--line); font-size: 12px; }
.slots-table-wrap th { color: var(--green); font-size: 11px; }
.slots-table-wrap td { color: var(--muted); }
.slots-table-wrap tfoot th { color: var(--gold); border-top: 2px solid rgba(83,252,24,.25); }

/* Two-Kick slow-motion tease */
.slots-reels.tease-mode { animation: slotsTeaseFramePulse .7s ease-in-out infinite alternate; }
.slots-cell.slow-spinning { filter: blur(1px) brightness(1.35); transform: translateY(2px) scale(.98); }
.slots-cell.tease-hit { z-index: 4; border-color: var(--gold); box-shadow: 0 0 0 2px rgba(255,211,90,.6) inset, 0 0 22px rgba(255,211,90,.7); animation: slotsTeaseSymbolPulse .6s ease-in-out infinite alternate; }
@keyframes slotsTeaseFramePulse { from { border-color: rgba(83,252,24,.5); } to { border-color: rgba(255,211,90,.75); } }
@keyframes slotsTeaseSymbolPulse { from { transform: scale(1); filter: brightness(1); } to { transform: scale(1.04); filter: brightness(1.22); } }

@media (max-width: 1300px) {
  .slots-layout { grid-template-columns: 1fr; }
  .slots-side-panel { display: none; }
  .slots-feature-panel { display: none; }
  .slots-control-deck { grid-template-columns: 1fr 1fr 140px 1fr 1fr; }
  .slots-buy-bonus-button { grid-column: 1 / -1; }
  .slots-reels { height: clamp(240px, 46vh, 560px); }
}
@media (max-width: 700px) {
  .slots-page-header { padding: 0 16px; }
  .slots-back-link span { display: none; }
  .slots-topbar { grid-template-columns: 36px 1fr 36px; min-height: 64px; padding: 6px 10px; }
  .slots-icon-button { width: 36px; height: 36px; font-size: 15px; }
  .slots-reels { gap: 3px; padding: 6px; height: clamp(200px, 40vh, 420px); }
  .slots-reel { gap: 3px; }
  .slots-cell { border-radius: 6px; }
  .slots-control-deck { grid-template-columns: 1fr 1fr; }
  .slots-spin-button { grid-column: 1 / -1; }
  .slots-buy-bonus-button { grid-column: 1 / -1; }
  .slots-stats { grid-template-columns: 1fr 1fr; }
  .slots-win-banner { display: block; }
  .slots-win-banner strong { display: block; margin-top: 5px; text-align: left; }
  .slots-bonus-stats { grid-template-columns: repeat(2, 1fr); }
  .slots-bonus-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .slots-bonus-footer { grid-template-columns: 1fr; }
  .slots-bonus-spin-button { width: 100%; height: 84px; }
}

/* Green neon scrollbars for the whole Slots page (page scroll + every
   internal scroll area: side legend, feature panel, and the paytable dialog). */
body.slots-page-body,
.slots-side-legend, .slots-side-panel, .slots-feature-panel,
.slots-dialog, .slots-legend, .slots-table-wrap, .slots-bonus-shell {
  scrollbar-width: thin;
  scrollbar-color: var(--green) var(--panel-2);
}
body.slots-page-body::-webkit-scrollbar,
.slots-side-legend::-webkit-scrollbar, .slots-side-panel::-webkit-scrollbar, .slots-feature-panel::-webkit-scrollbar,
.slots-dialog::-webkit-scrollbar, .slots-legend::-webkit-scrollbar, .slots-table-wrap::-webkit-scrollbar, .slots-bonus-shell::-webkit-scrollbar {
  width: 12px; height: 12px;
}
body.slots-page-body::-webkit-scrollbar-track,
.slots-side-legend::-webkit-scrollbar-track, .slots-side-panel::-webkit-scrollbar-track, .slots-feature-panel::-webkit-scrollbar-track,
.slots-dialog::-webkit-scrollbar-track, .slots-legend::-webkit-scrollbar-track, .slots-table-wrap::-webkit-scrollbar-track, .slots-bonus-shell::-webkit-scrollbar-track {
  background: var(--panel-2); border-radius: 999px;
}
body.slots-page-body::-webkit-scrollbar-thumb,
.slots-side-legend::-webkit-scrollbar-thumb, .slots-side-panel::-webkit-scrollbar-thumb, .slots-feature-panel::-webkit-scrollbar-thumb,
.slots-dialog::-webkit-scrollbar-thumb, .slots-legend::-webkit-scrollbar-thumb, .slots-table-wrap::-webkit-scrollbar-thumb, .slots-bonus-shell::-webkit-scrollbar-thumb {
  background-color: var(--green); border-radius: 999px; border: 2px solid var(--panel-2); background-clip: padding-box;
  box-shadow: 0 0 6px rgba(83,252,24,.75), 0 0 1px rgba(83,252,24,1) inset;
}
body.slots-page-body::-webkit-scrollbar-thumb:hover,
.slots-side-legend::-webkit-scrollbar-thumb:hover, .slots-side-panel::-webkit-scrollbar-thumb:hover, .slots-feature-panel::-webkit-scrollbar-thumb:hover,
.slots-dialog::-webkit-scrollbar-thumb:hover, .slots-legend::-webkit-scrollbar-thumb:hover, .slots-table-wrap::-webkit-scrollbar-thumb:hover, .slots-bonus-shell::-webkit-scrollbar-thumb:hover {
  background-color: var(--green-2); box-shadow: 0 0 12px rgba(83,252,24,1);
}
body.slots-page-body::-webkit-scrollbar-button,
.slots-side-legend::-webkit-scrollbar-button, .slots-side-panel::-webkit-scrollbar-button, .slots-feature-panel::-webkit-scrollbar-button,
.slots-dialog::-webkit-scrollbar-button, .slots-legend::-webkit-scrollbar-button, .slots-table-wrap::-webkit-scrollbar-button, .slots-bonus-shell::-webkit-scrollbar-button {
  background: var(--panel-2); border: 1px solid rgba(83,252,24,.3);
}
body.slots-page-body::-webkit-scrollbar-button:hover,
.slots-side-legend::-webkit-scrollbar-button:hover, .slots-side-panel::-webkit-scrollbar-button:hover, .slots-feature-panel::-webkit-scrollbar-button:hover,
.slots-dialog::-webkit-scrollbar-button:hover, .slots-legend::-webkit-scrollbar-button:hover, .slots-table-wrap::-webkit-scrollbar-button:hover, .slots-bonus-shell::-webkit-scrollbar-button:hover {
  background: rgba(83,252,24,.18);
}
body.slots-page-body::-webkit-scrollbar-corner,
.slots-side-legend::-webkit-scrollbar-corner, .slots-side-panel::-webkit-scrollbar-corner, .slots-feature-panel::-webkit-scrollbar-corner {
  background: transparent;
}

/* Kick coin bonus round -- persistent 5x3 coin field, ported from the
   "Scuffed Chaos Final" pack's own bonus overlay, restyled into the site's
   green-neon theme. */
.slots-bonus-overlay {
  position: fixed; inset: 0; z-index: 40; display: grid; place-items: center;
  padding: 16px; background: rgba(1,8,3,.86); backdrop-filter: blur(12px);
}
.slots-bonus-overlay.hidden { display: none; }
.slots-bonus-shell {
  width: min(1080px, 100%); max-height: calc(100vh - 32px); overflow-y: auto;
  padding: 20px; border-radius: 24px; border: 1px solid rgba(83,252,24,.28);
  background: var(--panel); box-shadow: 0 28px 100px rgba(0,0,0,.66), 0 0 50px rgba(83,252,24,.18);
}
.slots-bonus-head { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; margin-bottom: 12px; }
.slots-bonus-head h2 { margin: 0; font-size: clamp(24px, 3vw, 40px); color: var(--green); text-shadow: 0 0 14px rgba(83,252,24,.4); }
.slots-bonus-intro { margin: 8px 0 0; color: var(--muted); max-width: 720px; font-size: 14px; }
.slots-bonus-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 14px; }
.slots-bonus-stats div { min-height: 74px; padding: 12px 14px; border-radius: 16px; border: 1px solid rgba(83,252,24,.14); background: linear-gradient(180deg, rgba(255,255,255,.025), rgba(83,252,24,.035)); }
.slots-bonus-stats span { display: block; text-transform: uppercase; letter-spacing: .12em; font-size: 10px; color: var(--muted); font-weight: 850; }
.slots-bonus-stats strong { display: block; margin-top: 4px; font-size: clamp(18px, 2.2vw, 28px); color: var(--text); }
.slots-bonus-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.slots-bonus-cell {
  aspect-ratio: 1 / 1; border-radius: 18px; border: 1px solid rgba(255,255,255,.08);
  display: grid; place-items: center; position: relative; overflow: hidden;
  background: linear-gradient(165deg, #09120b, #030704);
  box-shadow: inset 0 0 22px rgba(255,255,255,.025), 0 12px 28px rgba(0,0,0,.25);
}
.slots-bonus-cell.blank-cell::after { content: ''; width: 34%; height: 34%; border-radius: 50%; border: 1px dashed rgba(255,255,255,.08); }
.slots-bonus-cell.coin-cell strong, .slots-bonus-cell.pot-cell .pot-icon {
  display: block; font-size: clamp(20px, 2.6vw, 34px); font-weight: 1000; text-shadow: 0 0 18px currentColor;
}
.slots-bonus-cell.coin-cell span, .slots-bonus-cell.pot-cell span {
  text-transform: uppercase; letter-spacing: .18em; font-size: 10px; font-weight: 900; color: rgba(255,255,255,.86);
}
.slots-bonus-cell.coin-cell.bronze { background: radial-gradient(circle at 50% 20%, rgba(255,198,130,.28), transparent 50%), linear-gradient(165deg, #4a2713, #150b06); border-color: rgba(255,179,94,.24); }
.slots-bonus-cell.coin-cell.bronze strong { color: #ffbc73; }
.slots-bonus-cell.coin-cell.silver { background: radial-gradient(circle at 50% 20%, rgba(233,241,255,.32), transparent 50%), linear-gradient(165deg, #3d4650, #12161a); border-color: rgba(215,228,255,.3); }
.slots-bonus-cell.coin-cell.silver strong { color: #eaf3ff; }
.slots-bonus-cell.coin-cell.gold, .slots-bonus-cell.pot-cell { background: radial-gradient(circle at 50% 20%, rgba(255,232,155,.28), transparent 50%), linear-gradient(165deg, #554214, #171106); border-color: rgba(255,212,93,.28); }
.slots-bonus-cell.coin-cell.gold strong, .slots-bonus-cell.pot-cell .pot-icon { color: var(--gold); }
.slots-bonus-cell.pot-cell { box-shadow: inset 0 0 22px rgba(255,255,255,.03), 0 0 24px rgba(255,212,93,.2); }
.slots-bonus-legend { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 8px; }
.slots-coin-pill { display: inline-flex; align-items: center; min-height: 28px; padding: 0 12px; border-radius: 999px; font-size: 11px; font-weight: 900; letter-spacing: .06em; border: 1px solid rgba(255,255,255,.1); }
.slots-coin-pill.bronze { color: #ffbc73; background: rgba(255,188,115,.08); }
.slots-coin-pill.silver { color: #eaf3ff; background: rgba(220,233,255,.1); }
.slots-coin-pill.gold { color: var(--gold); background: rgba(255,212,93,.08); }
.slots-coin-pill.pot { color: var(--green); background: rgba(83,252,24,.08); }
.slots-bonus-footer { display: grid; grid-template-columns: 1fr auto; gap: 14px; align-items: center; margin-top: 14px; }
.slots-bonus-status { margin: 0; color: #d8e5d7; font-size: 14px; line-height: 1.45; }
.slots-bonus-spin-button {
  width: 200px; height: 100px; border: 2px solid rgba(255,255,255,.4); border-radius: 18px; color: #041005;
  background: radial-gradient(circle at 50% 22%, #d0ffb6, var(--green) 55%, #167d12);
  box-shadow: 0 0 0 4px rgba(83,252,24,.16), 0 0 26px rgba(83,252,24,.4), inset 0 0 14px rgba(255,255,255,.2);
  cursor: pointer;
}
.slots-bonus-spin-button:hover { filter: brightness(1.08); }
.slots-bonus-spin-button:disabled { opacity: .5; cursor: not-allowed; }
.slots-bonus-spin-button strong { display: block; letter-spacing: .1em; font-size: 13px; margin-top: 2px; }
@media (max-width: 1260px) {
  .slots-bonus-stats { grid-template-columns: repeat(2, 1fr); }
}