:root { --footer-height: min(17.333333vw, 130px); 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 / 90; overflow: hidden; }
.fixed-bar--top img { position: absolute; top: 0; left: 0; }
.hero { aspect-ratio: 750 / 421; overflow: hidden; }
.hero img { position: absolute; left: 0; top: -21.377672%; }
.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: 52.266667%; top: 0%; width: 39.2%; height: 86.666667%; }
.download-button--hero { left: 22.4%; top: 0%; width: 55.733333%; height: 46.590909%; }
.download-button--bottom { left: 52.266667%; top: 16.153846%; width: 39.2%; height: 57.692308%; }
@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; } }