.page-loader{position:fixed;inset:0;background:#f8e8c9;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#191c19;pointer-events:none;transition:opacity .35s}.page-loader img{width:150px;animation:loader-ride .8s ease-in-out infinite alternate}.page-loader strong{font-size:24px;margin-top:20px}.page-loader p{font-size:14px}.loader-road{height:8px;width:220px;background:repeating-linear-gradient(90deg,#191c19 0 20px,transparent 20px 32px);animation:road-roll 1s linear infinite}.page-loader.departed{opacity:0}.offline-notice{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);width:min(620px,90vw);z-index:50;border:3px solid #191c19;background:#ffd349;padding:14px;border-radius:12px;box-shadow:4px 4px #191c19;display:flex;gap:12px;align-items:center;font-size:13px}.offline-notice[hidden]{display:none}.offline-notice button{border:2px solid;background:#39bfae;padding:9px;border-radius:7px;flex-shrink:0}@keyframes loader-ride{to{transform:translate(12px,-7px) rotate(-4deg)}}@keyframes road-roll{to{background-position:-32px 0}}@media(prefers-reduced-motion:reduce){.page-loader img,.loader-road{animation:none}.page-loader{transition:none}}