@font-face{font-family:Barlow;src:url("fonts/Barlow-Regular.ttf") format("truetype");font-display:swap}
@font-face{font-family:Barlow;src:url("fonts/Barlow-Medium.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:BarlowCondensed;src:url("fonts/BarlowCondensed-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
:root{color-scheme:dark;--build-bar-height:44px;--ink:#080f18;--surface:#101d2b;--white:#edf4f7;--muted:#a8bac9;--amber:#e7b46a;--line:#344b60}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--ink);color:var(--white);font-family:Barlow,system-ui,sans-serif}
.game-shell{position:fixed;top:var(--game-top,0px);left:var(--game-left,0px);width:var(--game-width,100%);height:var(--game-height,100dvh)}
iframe{display:block;width:100%;height:100%;border:0;background:var(--ink)}
button{min-height:44px;background:var(--surface);border:1px solid var(--line);color:var(--white);border-radius:3px;padding:10px 16px;font:500 15px Barlow,system-ui,sans-serif;cursor:pointer}button:hover{border-color:var(--amber);background:#172839}button:focus-visible,a:focus-visible{outline:2px solid #f5d39a;outline-offset:3px}button:disabled{cursor:default;color:var(--muted)}
#install-loader{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,5vw,72px);background:linear-gradient(180deg,#080f1855,#080f1800 24%,#080f18e8 72%,#080f18),url("horizon-flight.png") 64% center/cover no-repeat}
.install-identity{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.install-identity img{width:48px;height:48px}.install-identity strong{font:600 clamp(42px,9vw,84px)/.87 BarlowCondensed,system-ui,sans-serif;letter-spacing:.055em}.install-identity span{color:var(--amber);font-size:10px;letter-spacing:.2em}
.install-status{max-width:440px}.install-status p{margin:0 0 14px;line-height:1.55;font-size:16px}.install-status .install-explanation{color:var(--muted);font-size:13px;margin-top:16px}#offline-progress{display:block;width:100%;height:3px;border:0;accent-color:var(--amber);background:var(--line)}#offline-progress::-webkit-progress-bar{background:var(--line)}#offline-progress::-webkit-progress-value{background:var(--amber)}#offline-progress::-moz-progress-bar{background:var(--amber)}#play-online{margin-top:8px;border-color:var(--amber)}
#offline-badge{position:fixed;bottom:max(6px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:10;padding:6px 12px;font-size:11px;white-space:nowrap;background:#101d2bf2}
 dialog{width:min(90vw,460px);max-height:85dvh;overflow:auto;background:var(--surface);color:var(--white);border:1px solid var(--line);border-radius:4px;padding:28px}dialog::backdrop{background:#080f18dd}dialog h2{font:600 32px BarlowCondensed,system-ui,sans-serif;letter-spacing:.02em;margin:0 0 16px}dialog p{color:var(--muted);font-size:15px;line-height:1.55}dialog strong{color:var(--white)}dialog a{color:var(--amber)}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
[data-wings-build]{position:relative;z-index:20}[hidden]{display:none!important}
@media(min-aspect-ratio:1/1){#install-loader{background-image:linear-gradient(90deg,#080f18ee,#080f1866 46%,#080f1800 80%),url("horizon-flight.png");background-position:center}.install-status{width:40%;min-width:250px}.install-identity strong{font-size:clamp(48px,6.4vw,92px)}}
@media(max-height:500px){#install-loader{padding:20px 5%;flex-direction:row;gap:24px;align-items:center}.install-identity{gap:10px}.install-identity img{width:28px;height:28px}.install-identity strong{font-size:40px}.install-status{width:45%;min-width:0;padding:16px;background:#080f18d9;border-left:1px solid var(--amber)}.install-status p{font-size:14px}.install-status .install-explanation{font-size:12px;margin-top:12px}#play-online{font-size:13px;margin-top:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}

/* Artwork is full bleed. Safe insets apply only to foreground content. */
#install-loader{--loader-pad:clamp(24px,5vw,72px);padding:calc(var(--content-top,44px) + var(--loader-pad)) calc(var(--content-right,0px) + var(--loader-pad)) calc(var(--content-bottom,0px) + var(--loader-pad)) calc(var(--content-left,0px) + var(--loader-pad))}
[data-wings-build]{position:fixed;z-index:20;top:env(safe-area-inset-top,0px);left:0;background:linear-gradient(180deg,#080f18c9,#080f1870);border-bottom-color:transparent}
@media(max-height:500px){#install-loader{--loader-pad:16px}}

/* Reserve the gutter so opening/closing overflow cannot reflow a dialog. */
*{scrollbar-width:thin;scrollbar-color:var(--amber) var(--ink)}
::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--ink);border:1px solid var(--line);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--amber);border:3px solid var(--ink);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#f5d39a}
dialog{scrollbar-gutter:stable;overscroll-behavior:contain}
