/* Painted layers are ImageGen assets. CSS only positions, clips and animates them. */
.faunara-load-screen{position:fixed;inset:0;z-index:10000;overflow:hidden;isolation:isolate;background:#293d2b;color:#fff5d9;font-family:'Chalkboard SE','Comic Sans MS','Trebuchet MS',sans-serif;-webkit-font-smoothing:antialiased;outline:none}
.faunara-load-screen[hidden]{display:none!important}
.faunara-loading-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 52%;opacity:0;transition:opacity 1s ease;pointer-events:none}
.faunara-loading-art.is-current{opacity:1}
.faunara-loading-instant .faunara-loading-art{transition:none}
.faunara-loading-shade{position:absolute;inset:0;background:linear-gradient(transparent 65%,#17211518 74%,#18221287 100%);pointer-events:none}
.faunara-loading-crest{position:absolute;top:max(1.6%,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(38vw,76vh);height:auto;filter:drop-shadow(0 2px 10px #fff0c247);pointer-events:none}
.faunara-loading-controls{position:absolute;left:50%;bottom:max(7%,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(920px,70vw);text-align:center;text-shadow:0 2px 5px #172016,0 1px 16px #172016}
.faunara-loading-heading{display:flex;flex-direction:column;align-items:center;gap:0;margin:0;font-size:clamp(22px,2vw,36px);font-weight:700;line-height:1.2;letter-spacing:.02em}
.faunara-loading-heading img{width:40px;height:34px;object-fit:cover;margin-bottom:0;filter:drop-shadow(0 0 7px #b8dc6a70)}
.faunara-loading-bar{position:relative;width:82%;aspect-ratio:8/1;margin:0 auto;filter:drop-shadow(0 3px 4px #15201380)}
.faunara-loading-frame{position:absolute;width:100%;height:auto;left:0;top:50%;transform:translateY(-52.2%);z-index:4;pointer-events:none}
.faunara-loading-track{position:absolute;left:11.2%;right:11.2%;top:29%;height:43%;border-radius:999px;background:#352f28 url('./assets/ui/faunara/loading/bar-track.webp') center/110% 455% no-repeat;overflow:hidden}
.faunara-loading-fill{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--load-progress,0%)) 0 0 round 16px);background:url('./assets/ui/faunara/loading/bar-fill.webp') center/104% 390% no-repeat;transition:clip-path .45s ease}
.faunara-loading-fill:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffd580 48%,transparent 66%);width:38%;animation:faunara-load-shimmer 3s ease-in-out infinite}
.faunara-loading-edge{position:absolute;left:clamp(0%,var(--load-progress,0%),98%);top:9%;height:82%;width:3px;border-radius:100%;background:#faffc5;box-shadow:0 0 8px 3px #d5fc8c;transition:left .45s ease;opacity:.8}
.faunara-loading-paws{position:absolute;inset:16% 3%;display:flex;justify-content:space-between;align-items:center;pointer-events:none}
.faunara-loading-paws img{height:95%;width:auto;opacity:.28;animation:faunara-load-paw 3s ease-in-out infinite;animation-delay:calc(var(--paw) * .25s)}
.faunara-load-screen[data-indeterminate=true] .faunara-loading-edge{display:none}
.faunara-load-screen[data-indeterminate=true] .faunara-loading-paws img{opacity:.5}
.faunara-loading-tip{display:flex;justify-content:center;align-items:center;gap:14px;font-size:clamp(12px,1.25vw,20px);line-height:1.45;margin:0 auto;max-width:100%;text-wrap:pretty}
.faunara-loading-tip>img{width:30px;height:30px;flex:none;transform:rotate(-22deg)}
.faunara-loading-tip>img:last-child{transform:rotate(22deg)}
#faunaraLoadMessage{display:none;margin:8px auto 0;max-width:720px;color:#eee5c8;font-size:clamp(10px,.85vw,13px);line-height:1.4;min-height:1.4em;font-variant-numeric:tabular-nums;text-wrap:pretty}
.faunara-load-screen[data-failed=true] #faunaraLoadMessage{display:block}
#faunaraLoadRetry{display:block;margin:8px auto 0;width:170px;height:48px;background:transparent url('./assets/ui/faunara/loading/retry-button.webp') center/110% 190% no-repeat;border:0;color:#fff4cf;font:700 18px 'Trebuchet MS',sans-serif;text-shadow:0 2px 3px #32200e;cursor:pointer}
#faunaraLoadRetry[hidden]{display:none}
#faunaraLoadRetry:focus-visible{outline:3px solid #f8df8b;outline-offset:4px;border-radius:16px}
#faunaraLoadRetry:active{transform:scale(.96)}
.faunara-load-screen[data-failed=true] .faunara-loading-heading span{font-size:0}
.faunara-load-screen[data-failed=true] .faunara-loading-heading span:after{content:'A little pause in the journey';font-size:clamp(20px,2vw,32px)}
.faunara-load-screen[data-failed=true] .faunara-loading-tip{display:none}
.faunara-load-screen[data-failed=true] *{animation-play-state:paused!important}
.faunara-is-loading #loading,.faunara-is-loading #fatal,.faunara-is-loading .faunara-download-status{visibility:hidden}
@keyframes faunara-load-shimmer{0%{transform:translateX(-110%)}70%,100%{transform:translateX(370%)}}
@keyframes faunara-load-paw{0%,100%{filter:brightness(1);opacity:.25}50%{filter:brightness(1.45);opacity:.55}}
@media(min-aspect-ratio:2/1){.faunara-loading-crest{width:min(35vw,72vh)}.faunara-loading-controls{width:min(920px,85vh)}.faunara-loading-bar{width:88%}.faunara-loading-heading{font-size:26px}.faunara-loading-tip{font-size:15px}}
@media(max-aspect-ratio:1/1){.faunara-loading-art{object-position:50% 50%}.faunara-loading-crest{top:max(6%,env(safe-area-inset-top));width:90vw}.faunara-loading-controls{width:96vw;bottom:max(5%,env(safe-area-inset-bottom))}.faunara-loading-bar{width:100%;aspect-ratio:7/1}.faunara-loading-track{top:31.5%;height:37%}.faunara-loading-tip{padding:0 16px;gap:5px;font-size:14px}.faunara-loading-tip>img{width:23px;height:23px}.faunara-loading-heading{font-size:27px}#faunaraLoadMessage{padding:0 22px;font-size:11px}.faunara-loading-shade{background:linear-gradient(#28342325,transparent 30%,transparent 57%,#182212c7)}}
@media(max-height:500px) and (min-aspect-ratio:1/1){.faunara-loading-crest{top:2%;width:31vw}.faunara-loading-controls{bottom:max(2%,env(safe-area-inset-bottom));width:67vw}.faunara-loading-heading{font-size:20px;flex-direction:row;justify-content:center;gap:4px}.faunara-loading-heading img{width:24px;height:24px}.faunara-loading-bar{width:86%;aspect-ratio:10/1}.faunara-loading-track{top:24%;height:53%}.faunara-loading-tip{font-size:11px;gap:6px}.faunara-loading-tip>img{width:20px;height:20px}#faunaraLoadMessage{margin-top:3px;font-size:10px}#faunaraLoadRetry{height:40px;margin-top:2px}}
@media(prefers-reduced-motion:reduce){.faunara-load-screen *,.faunara-load-screen *:after{animation:none!important;transition:none!important}}