: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:16px; padding:20px; text-align:center; }
.brand-logo { max-height:48px; max-width:160px; object-fit:contain; }
.hint { font-size:14px; opacity:.8; margin:0; }
.card-wrap { position:relative; width:min(80vw, 300px); aspect-ratio:3/2; border-radius:16px; overflow:hidden; }
.prize {
  position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center;
  background:#fff; color:var(--navy); gap:6px;
}
.prize span { font-size:32px; font-weight:800; color:var(--pink); }
.prize small { font-size:13px; }
.scratch { position:absolute; inset:0; width:100%; height:100%; touch-action:none; cursor:grab; }
.result { font-size:18px; font-weight:700; min-height:24px; color:var(--blue); }