/* One presentation for bootstrap, pages, navigation and actions. */
.otb-walking-mascot {
  display:inline-block; flex:none; width:228px; aspect-ratio:3 / 4;
  background:url('/brand/otb-walking-sprite.webp') 0 0 / 400% 200% no-repeat;
  animation:otb-walk 640ms step-end infinite;
}
@keyframes otb-walk {
  0% {background-position:0 0}
  12.5% {background-position:33.333333% 0}
  25% {background-position:66.666667% 0}
  37.5% {background-position:100% 0}
  50% {background-position:0 100%}
  62.5% {background-position:33.333333% 100%}
  75% {background-position:66.666667% 100%}
  87.5% {background-position:100% 100%}
}
.otb-global-loading { pointer-events:none; position:fixed; inset:0; z-index:10000; display:grid; place-items:center; padding:24px; box-sizing:border-box; background:rgba(248,244,237,.62); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); color:#0B2540; font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.otb-global-loading-card { box-sizing:border-box; width:min(100%,440px); display:flex; flex-direction:column; align-items:center; gap:20px; padding:32px 36px 36px; text-align:center; border:1px solid rgba(222,214,203,.9); border-radius:28px; background:#fffdf9; box-shadow:0 24px 80px rgba(11,37,64,.12),0 2px 8px rgba(11,37,64,.04); }
.otb-loading-brand { color:#BB523C; font-size:10px; font-weight:700; line-height:1.5; letter-spacing:.2em; }
.otb-loading-stage { position:relative; display:grid; place-items:center; }
.otb-loading-ground { width:176px; height:2px; background:#BB523C; border-radius:2px; opacity:.45; margin-top:-22px; }
.otb-global-loading-copy { display:grid; gap:8px; max-width:330px; }
.otb-global-loading strong { display:block; font-size:20px; font-weight:600; line-height:1.4; letter-spacing:-.015em; text-wrap:balance; }
.otb-global-loading-copy p { margin:0; font-size:14px; line-height:1.6; color:#66737d; text-wrap:balance; }
.otb-boot-help { max-width:340px; color:#526170; font:13px/1.6 system-ui,sans-serif; }
.otb-boot-help button { pointer-events:auto; border:1px solid #BB523C; color:#0B2540; background:#fffdf9; border-radius:10px; padding:8px 16px; cursor:pointer; }
@media(max-width:767px) {
  .otb-global-loading { padding:20px; }
  .otb-global-loading-card { padding:26px 24px 30px; gap:16px; border-radius:24px; }
  .otb-walking-mascot { width:180px; }
  .otb-loading-ground { width:140px; margin-top:-17px; }
  .otb-global-loading strong { font-size:18px; }
}
@media(max-height:600px) {
  .otb-global-loading-card { padding:20px 28px; gap:12px; }
  .otb-walking-mascot { width:132px; }
  .otb-loading-ground { width:104px; margin-top:-13px; }
}
@media(prefers-reduced-motion:reduce) { .otb-walking-mascot { animation:none; background-position:0 0; } }
@media print { .otb-global-loading { display:none!important; } }