/* Memelaus Arcade CSS v1.3.0 */
:root{
  --mla-slot-row-h: 64px;
  --mla-slot-gutter: 12px;
}

/* Frame friendliness */
.mla-frame{ position:relative; overflow:hidden; }
.mla-slot__window{
  display:grid;
  grid-template-columns: repeat(3,1fr);
  gap: var(--mla-slot-gutter);
  border:2px dashed #a855f7;
  border-radius:16px;
  background:#fff;
  padding:12px;
  margin:14px 0 8px;
  box-shadow: 0 16px 40px rgba(0,0,0,.08);
}

/* Midline guide */
.mla-slot__midline{
  position:absolute;
  left:32px; right:32px;
  height:0; border-top:2px dashed #9b87f5;
  top: calc(50% + 8px);
  transform: translateY(calc(var(--mla-slot-row-h) / -2));
  pointer-events:none;
}

/* Each reel */
.mla-slot__reel{
  position:relative;
  height: calc(var(--mla-slot-row-h) * 3);
  overflow:hidden;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.06);
  background: #fafafa;
  box-shadow: inset 0 -20px 40px rgba(0,0,0,.03);
  display:flex;
  flex-direction:column;
  align-items:stretch;
}

/* Cells shown while idle or final */
.mla-slot__cell{
  height: var(--mla-slot-row-h);
  display:grid;
  place-items:center;
  font: 900 28px/1 Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
  user-select:none;
}

/* Temporary spin animation (simple cycling) */
.mla-spinning .mla-slot__cell{
  animation: mla-spin-flick 120ms linear infinite;
}

@keyframes mla-spin-flick {
  0%   { opacity: .5; transform: translateY(-2px); }
  50%  { opacity: 1;  transform: translateY(0); }
  100% { opacity:.8; transform: translateY(2px); }
}

/* Buttons fit */
#mla-spin{ min-width:84px }
#mla-reset{ background:linear-gradient(135deg,#ff7a59,#ffb347); color:#111; border:none }
#mla-result{ font-weight:700 }