:root { --footer-height: min(16.133333vw, 121px); color-scheme: light; font-family: Arial, Helvetica, sans-serif; background: #300006; }
* { box-sizing: border-box; }
html, body { height: 100%; overflow: hidden; }
body { margin: 0; }
.landing { position: fixed; inset: 0; display: flex; flex-direction: column; width: 100%; max-width: 750px; height: 100vh; height: 100dvh; margin: 0 auto; padding-top: env(safe-area-inset-top, 0px); padding-bottom: env(safe-area-inset-bottom, 0px); overflow: hidden; background: #76000e; box-shadow: 0 0 80px rgba(0, 0, 0, .28); }
.landing-content { flex: 1 1 auto; min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; scrollbar-width: none; background: #fff1df; }
.landing-content::-webkit-scrollbar { display: none; }
.landing-content:focus-visible { outline: 2px solid #e4bc74; outline-offset: -2px; }
.fixed-bar { z-index: 2; flex: 0 0 auto; }
.fixed-bar--top { aspect-ratio: 750 / 96; overflow: hidden; }
.fixed-bar--top img { position: absolute; top: 0; left: 0; }
.hero { aspect-ratio: 750 / 541; overflow: hidden; }
.hero img { position: absolute; left: 0; top: -17.744917%; }
.slice { position: relative; margin: 0; padding: 0; }
.slice img { display: block; width: 100%; height: auto; }
.download-button { position: absolute; z-index: 1; display: block; margin: 0; padding: 0; border: 0; border-radius: 14px; background: transparent; cursor: pointer; -webkit-tap-highlight-color: rgba(255, 214, 117, .25); touch-action: manipulation; transition: background-color .16s ease, box-shadow .16s ease; }
.download-button--top { left: 61.333333%; top: 12.5%; width: 35.2%; height: 76.041667%; }
.download-button--hero { left: 4.666667%; top: 61.552680%; width: 50%; height: 15.157116%; }
.download-button--bottom { left: 61.333333%; top: 16.528926%; width: 35.2%; height: 65.289256%; }
@media (hover: hover) { .download-button:hover { background: rgba(255, 222, 147, .14); box-shadow: 0 0 20px rgba(255, 204, 104, .3); } }
.download-button:active { background: rgba(112, 0, 14, .17); }
.download-button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; box-shadow: 0 0 0 6px #72000d; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.toast { position: fixed; z-index: 10; left: 50%; bottom: calc(var(--footer-height) + 16px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); width: max-content; max-width: min(90vw, 520px); padding: 14px 20px; border: 1px solid #e4bc74; border-radius: 12px; background: #65000eee; color: #fff8e8; box-shadow: 0 8px 28px #0004; font-size: 15px; line-height: 1.5; text-align: center; pointer-events: none; }
.toast[hidden] { display: none; }
.noscript-message { position: fixed; z-index: 10; left: 0; right: 0; bottom: calc(var(--footer-height) + env(safe-area-inset-bottom, 0px)); margin: 0; padding: 16px; background: #65000e; color: #fff; text-align: center; }
@media (prefers-reduced-motion: reduce) { .download-button { transition: none; } }