:root { color-scheme: light; font-family: ui-rounded, system-ui, -apple-system, sans-serif; color: #4a3b31; background: #fff1dc; }
* { box-sizing: border-box; }
body { margin: 0; }
#install-page { max-width: 760px; margin: auto; padding: 38px 24px 24px; text-align: center; }
.app-icon { border-radius: 25px; box-shadow: 0 8px 24px #4a3b3120; }
.eyebrow { font-size: .7rem; font-weight: 800; letter-spacing: .12em; margin-top: 22px; }
h1 { font-size: clamp(2.3rem, 7vw, 4rem); line-height: 1; margin: 14px 0; letter-spacing: -.045em; }
.tagline { font-size: clamp(1.25rem, 4vw, 1.7rem); font-weight: 650; line-height: 1.45; }
.store-links { display: flex; gap: 12px; justify-content: center; margin-top: 20px; }
.store-links a { background: #4a3b31; color: white; border-radius: 14px; padding: 16px 20px; font-weight: 750; text-decoration: none; min-width: 225px; }
.store-links span { display: block; font-size: .8rem; font-weight: 400; margin-top: 4px; opacity: .85; }
.fine-print { font-size: .8rem; }
button { font: inherit; cursor: pointer; min-height: 44px; border: 2px solid #7b5c44; border-radius: 12px; background: transparent; color: inherit; padding: 9px 17px; font-weight: 650; }
#play-browser { background: #e07b39; border-color: #e07b39; color: #261b14; margin-top: 6px; }
a:focus-visible, button:focus-visible { outline: 3px solid #357981; outline-offset: 4px; }
.phone-link { display: flex; align-items: center; gap: 22px; padding: 22px; margin: 28px auto 12px; text-align: left; background: #ffffff85; border-radius: 20px; max-width: 520px; }
.phone-link h2 { font-size: 1rem; margin: 0; }
.phone-link p { font-size: .9rem; }
#copy-status { min-height: 1em; margin-bottom: 0; }
.privacy-link { display: block; margin-top: 14px; font-size: .8rem; color: inherit; }
body.playing #install-page { display: none; }
.gameplay { margin: 32px auto 24px; }
.gameplay h2 { font-size: 1.35rem; margin-bottom: 8px; }
.gameplay > p { font-size: .9rem; line-height: 1.5; }
.gameplay-player { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 18px; background: #261b14; box-shadow: 0 8px 24px #4a3b3120; }
#watch-gameplay { display: block; width: 100%; height: 100%; padding: 0; border: 0; border-radius: 18px; }
#watch-gameplay img { display: block; width: 100%; height: 100%; object-fit: cover; }
#watch-gameplay span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); white-space: nowrap; padding: 12px 20px; border-radius: 12px; background: #261b14eb; color: white; box-shadow: 0 3px 12px #0004; }
#watch-gameplay:focus-visible { outline-offset: -6px; }
.gameplay-player iframe { display: block; width: 100%; height: 100%; border: 0; }
.video-caption a { color: inherit; }
.sms-link { max-width: 520px; margin: 24px auto; padding: 20px; border-radius: 20px; background: #ffffff85; text-align: left; }
.sms-link h2 { font-size: 1.1rem; margin-top: 0; }
.sms-link label { display: block; font-size: .9rem; }
#sms-phone { width: 100%; min-height: 44px; border: 1px solid #7b5c44; border-radius: 10px; padding: 10px; margin: 8px 0 14px; font: inherit; }
.sms-consent { line-height: 1.5; margin-bottom: 14px; }
#sms-consent { width: 18px; height: 18px; vertical-align: middle; }
#sms-bot-check { min-height: 70px; overflow: hidden; }
#sms-send { margin-top: 12px; }
button:disabled { cursor: default; opacity: .55; }
#sms-status { font-size: .9rem; line-height: 1.4; }
[hidden] { display: none !important; }
@media (max-width: 540px) { #install-page { padding-top: 24px; } .store-links { flex-direction: column; } .phone-link { display: none; } }
@media (max-height: 450px) and (min-width: 541px) { #install-page { padding-top: 18px; } .app-icon { width: 64px; height: 64px; } h1 { font-size: 2.6rem; } .tagline { font-size: 1.2rem; } }