:root { --blue:#10CFC9; --pink:#D61267; --grey:#F2F5F7; --navy:#161442; }
* { box-sizing: border-box; }
html, body { margin:0; height:100%; }
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  background: var(--navy); color:#fff;
  display:flex; align-items:center; justify-content:center;
}
.stage { width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; padding:20px; text-align:center; }
.brand-logo { max-height:48px; max-width:160px; object-fit:contain; }
.reels { display:flex; gap:10px; background:var(--blue); padding:10px; border-radius:16px; }
.reel { width:64px; height:80px; overflow:hidden; background:#fff; border-radius:8px; }
.strip { display:flex; flex-direction:column; transition: transform 1s ease-out; }
.cell { height:80px; display:flex; align-items:center; justify-content:center; font-size:40px; }
.spin-btn { background:var(--blue); color:var(--navy); border:0; border-radius:999px; padding:14px 28px; font-size:17px; font-weight:700; min-height:48px; cursor:pointer; }
.spin-btn:disabled { opacity:.5; cursor:not-allowed; }
.result { font-size:18px; font-weight:700; min-height:24px; color:var(--blue); }