:root {
  --bg: #12080b;
  --card: #1d1014;
  --gold: #e4c07a;
  --red: #b42334;
  --ok: #1f8a5b;
  --cream: #f7ead2;
  --muted: rgba(247,234,210,.62);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { min-height: 100%; }
.loc-body {
  font-family: "DM Sans", system-ui, sans-serif;
  background: #12080b;
  color: var(--cream);
  padding: 16px 16px calc(24px + env(safe-area-inset-bottom));
}
.loc-top {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.loc-top img { width: 42px; height: 42px; }
.loc-top div { flex: 1; display: flex; flex-direction: column; }
.loc-top span { font-size: 12px; color: var(--muted); }
.loc-top a { color: var(--gold); font-size: 13px; text-decoration: none; }
.hint { color: var(--muted); font-size: 14px; margin-bottom: 14px; }

.prizes { display: grid; gap: 10px; }
.prize-card {
  text-align: left;
  width: 100%;
  background: var(--card);
  border: 1px solid rgba(228,192,122,.18);
  color: inherit;
  border-radius: 16px;
  padding: 14px 16px;
  min-height: 76px;
}
.prize-card.active {
  border-color: var(--gold);
  background: #2a151b;
}
.prize-card strong { display: block; font-size: 17px; }
.prize-card small { color: var(--muted); }

.console {
  position: sticky;
  bottom: 0;
  margin-top: 16px;
  background: #1a0c10;
  border: 1px solid rgba(228,192,122,.28);
  border-radius: 20px;
  padding: 16px;
}
.console-prize { font-size: 18px; font-weight: 700; }
.console-meta { color: var(--muted); font-size: 13px; margin: 4px 0 12px; }
.console-winner {
  font-size: 28px;
  font-weight: 700;
  color: var(--gold);
  margin: 8px 0 14px;
  line-height: 1.15;
}
.btn-draw, .btn-ok, .btn-no, .pin-wrap button {
  width: 100%;
  border: 0;
  border-radius: 16px;
  min-height: 64px;
  font-size: 20px;
  font-weight: 700;
  font-family: inherit;
}
.btn-draw { background: var(--gold); color: #2a1408; }
.btn-draw:disabled { opacity: .4; }
.row-actions { display: grid; gap: 10px; }
.btn-ok { background: var(--ok); color: white; }
.btn-no { background: transparent; color: var(--cream); border: 1px solid rgba(247,234,210,.3) !important; }
.busy, .err { margin-top: 10px; font-size: 14px; }
.err { color: #ff8b8b; }

.pin-wrap {
  max-width: 360px;
  margin: 12vh auto 0;
  text-align: center;
  padding: 0 16px;
}
.pin-brasao { width: 88px; margin-bottom: 12px; }
.pin-wrap h1 { font-size: 28px; margin-bottom: 8px; }
.pin-wrap p { color: var(--muted); margin-bottom: 18px; }
.pin-wrap input {
  width: 100%;
  min-height: 56px;
  border-radius: 14px;
  border: 1px solid rgba(228,192,122,.35);
  background: #1d1014;
  color: var(--cream);
  font-size: 28px;
  letter-spacing: .08em;
  text-align: center;
  margin-bottom: 12px;
}
.pin-wrap button { background: var(--gold); color: #2a1408; }

.home-body { background: #12080b; color: #f7ead2; font-family: "DM Sans", system-ui, sans-serif; }
.home { max-width: 560px; margin: 8vh auto; text-align: center; padding: 20px; }
.home-brasao { width: 120px; }
.eyebrow { letter-spacing: .18em; text-transform: uppercase; color: #e4c07a; font-size: 12px; margin: 12px 0 8px; }
.home h1 { font-size: 32px; margin-bottom: 20px; }
.home-actions { display: grid; gap: 10px; }
.btn-gold, .btn-ghost {
  display: block; padding: 16px; border-radius: 14px; text-decoration: none; font-weight: 700;
}
.btn-gold { background: #e4c07a; color: #2a1408; }
.btn-ghost { border: 1px solid rgba(228,192,122,.4); color: #f7ead2; }
.home-cena { width: 100%; margin-top: 28px; border-radius: 18px; }