/* Critical startup UI: identical DOM, typeface and geometry before and after JS/fonts load. */
.boot-loader{position:absolute;inset:0;z-index:2147483647;display:grid;place-items:center;background:#fff9e9;isolation:isolate;pointer-events:auto;color:#796342;-webkit-user-select:none;user-select:none}
.loading-panel{position:relative;width:74%;max-width:420px;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:700 16px/24px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.loading-logo{display:block;width:100%;height:auto;aspect-ratio:456/117;object-fit:contain}
.loading-hexes{display:flex;gap:13px;margin:46px 0 26px}
.loading-hexes span{width:29px;height:26px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#ffda38;opacity:.25}
.loading-hexes span:nth-child(2){background:#9dd653}.loading-hexes span:nth-child(3){background:#439fe6}
.loading-hexes span.loaded{opacity:1}
.loading-panel progress{appearance:none;-webkit-appearance:none;border:0;border-radius:8px;overflow:hidden;width:80.4%;height:8px;background:#e8dfc9;accent-color:#ffcd34}
.loading-panel progress::-webkit-progress-bar{background:#e8dfc9}.loading-panel progress::-webkit-progress-value{background:#ffcd34;border-radius:8px}.loading-panel progress::-moz-progress-bar{background:#ffcd34;border-radius:8px}
.loading-label{height:24px;margin:20px 0 0;white-space:nowrap}
.loading-retry{position:absolute;top:calc(100% - 30px);border:2px solid #20122e;border-radius:16px;padding:10px 28px;background:#ffda38;color:#20122e;font:700 18px system-ui;cursor:pointer}
.loading-retry[hidden]{display:none}

.loading-error .loading-label{height:auto;min-height:48px;white-space:normal;max-width:310px;margin-top:32px}.loading-error .loading-hexes,.loading-error progress{visibility:hidden}.loading-error .loading-retry{position:static;margin-top:24px}