* { box-sizing: border-box; }
html { background: #0b3059; }
body { margin: 0; font-family: Arial, Verdana, sans-serif; }
.page { width: 100%; max-width: 750px; margin: 0 auto; background: #80005d; padding-bottom: min(23.067vw, 173px); }
.download { display: block; color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; }
.section { line-height: 0; overflow: hidden; }
.section img { height: 100%; object-fit: cover; }
.win-section { position: relative; container-type: inline-size; }
.section img[src$="/4-brl.png"], .section img[src$="/5.png"], .section img[src$="/6.png"] { transform: scaleY(1.04); }
.win-number { position: absolute; left: 39%; top: 61%; width: 31%; height: 24%; display: flex; align-items: center; justify-content: center; background: linear-gradient(#940800, #850000); color: #ffe66c; font-size: 5.7cqw; font-weight: 800; line-height: 1; border-radius: 8px; text-shadow: 1px 2px #a85b12; }
img { display: block; width: 100%; height: auto; border: 0; }
.download:focus-visible { outline: 3px solid #fff; outline-offset: -3px; }
.download-bar { position: fixed; z-index: 10; inset: auto 0 0; width: 100%; max-width: 750px; margin-inline: auto; line-height: 0; box-shadow: 0 0 2px rgb(0 0 0 / 35%); }
.download-bar a { aspect-ratio: 750 / 173; overflow: hidden; }
.download-bar img { height: 100%; object-fit: cover; }
@supports (padding: env(safe-area-inset-bottom)) {
  .download-bar { padding-bottom: env(safe-area-inset-bottom); background: #890018; }
  .page { padding-bottom: calc(min(23.067vw, 173px) + env(safe-area-inset-bottom)); }
}