.monke-mascot { display: block; flex: 0 0 auto; }
.monke-mascot img, .monke-stroller img { display: block; image-rendering: pixelated; }
.monke-welcome, .collection-empty {
  display: flex; align-items: center; gap: 16px;
  padding: 16px; color: #c1cddd;
  background: #0b1b2580; border: 1px solid #324258;
}
.monke-welcome { margin: 0 16px 16px; }
.monke-welcome > div, .collection-empty > div { min-width: 0; }
.monke-welcome h3, .collection-empty h3 {
  margin: 0 0 8px; color: #14f195;
  font: 10px/1.8 'Dogica Pixel Bold', 'Dogica Pixel', monospace;
}
.monke-welcome p, .collection-empty p { margin: 0; font: 14px/1.5 var(--app-ui-font, system-ui); }
.collection-empty[hidden], .binder-grid[hidden], .binder-pagination[hidden] { display: none; }
.asset-reveal-completion { display: flex; align-items: center; justify-content: center; gap: 12px; }
.asset-reveal-completion:empty { display: none; }
.asset-reveal-completion p { margin: 0; }
.asset-reveal-completion strong { display: block; font: 10px/1.8 'Dogica Pixel Bold', 'Dogica Pixel', monospace; }
.asset-reveal-completion span { display: block; margin-top: 6px; font: 14px/1.5 var(--app-ui-font, system-ui); }
.asset-action-sheet.is-page-complete:not(.is-world) .asset-action-preview { width: min(220px, 26svh); }

.monke-divider {
  position: relative; flex: 0 0 auto; width: 100%; height: 144px;
  margin: 24px 0; border-bottom: 1px solid #14f19555;
}
.monke-stroller { position: absolute; bottom: 0; left: calc(50% - 61px); width: 122px; height: 134px; }
.monke-stroller picture { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
.monke-stroller .stroller-walk { visibility: hidden; }
.monke-stroller.is-walking { animation: monke-stroll var(--stroll-duration, 3.6s) linear forwards; }
.monke-stroller.is-walking .stroller-idle { visibility: hidden; }
.monke-stroller.is-walking .stroller-walk { visibility: visible; }
.monke-stroller.is-finished { transform: translateX(var(--stroll-distance, 0px)); }
@keyframes monke-stroll { from { transform: translateX(0); } to { transform: translateX(var(--stroll-distance, 0px)); } }
@media (prefers-reduced-motion: reduce) { .monke-stroller.is-walking { animation: none; } }

.not-found-content {
  min-height: 100svh; min-height: 100dvh; width: min(560px, 100%);
  margin: 0 auto; padding: 100px 24px 48px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;
}
.not-found-code { color: #14f195; margin: 0 0 20px; font: 12px/1.5 'Dogica Pixel', monospace; }
.not-found-content h1 { font: clamp(18px, 4vw, 28px)/1.8 'Dogica Pixel Bold', monospace; margin: 0 0 16px; }
.not-found-copy { margin: 0; color: #b9c8da; font: 16px/1.6 system-ui, sans-serif; }
.not-found-content .secondary-button { text-decoration: none; min-height: 48px; display: inline-flex; align-items: center; justify-content: center; }
.not-found-content .monke-divider { margin: 24px 0 32px; }