/* TCK-0087 / DES-0040: only the pre-Flutter loading and offline surface. */
:root { color-scheme: dark; font-family: system-ui, -apple-system, sans-serif; color: #f9efda; background: #102e35; }
html, body { margin: 0; min-height: 100%; overscroll-behavior: none; }
body { -webkit-tap-highlight-color: transparent; }
.boot { box-sizing: border-box; min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: max(32px, env(safe-area-inset-top)) 24px max(32px, env(safe-area-inset-bottom)); text-align: center; background: radial-gradient(ellipse at 50% 36%, #20545b, #102e35 72%); }
.boot__mark { border-radius: 26px; box-shadow: 0 10px 0 #061d2540; }
.boot h1 { font-size: clamp(36px, 8vw, 52px); line-height: 1; letter-spacing: -.04em; margin: 0; font-weight: 900; }
.boot p { max-width: 34ch; margin: 0; line-height: 1.5; }
.boot .boot__eyebrow { margin-top: 12px; font-size: 11px; font-weight: 800; letter-spacing: .16em; color: #f1c65c; }
.boot .boot__detail { margin-top: 6px; color: #bbd1d1; font-size: 13px; }
.boot__progress { display: block; width: 140px; height: 4px; border-radius: 8px; overflow: hidden; background: #ffffff20; }
.boot__progress::after { content: ""; display: block; width: 48%; height: 100%; border-radius: inherit; background: #f1c65c; animation: prepare 1.4s ease-in-out infinite alternate; }
.boot__button { box-sizing: border-box; min-height: 48px; padding: 12px 24px; border: 0; border-radius: 14px; background: #f1c65c; color: #102e35; font: inherit; font-weight: 800; cursor: pointer; text-decoration: none; }
.boot__button:focus-visible { outline: 3px solid #ffffff; outline-offset: 4px; }
[hidden] { display: none !important; }
@keyframes prepare { from { transform: translateX(0); } to { transform: translateX(110%); } }
@media (prefers-reduced-motion: reduce) { .boot__progress::after { animation: none; width: 100%; } }