/* Ronin Scalp — modo PWA (pantalla completa) */
html.scalp-view,
body.scalp-view {
  overflow: hidden;
}
body.scalp-view #app.scalp-mode {
  height: 100dvh;
  overflow: hidden;
}
main.scalp-active {
  padding: 0 !important;
  max-width: none !important;
  height: calc(100dvh - var(--header-h, 56px));
  min-height: 0;
  overflow: hidden;
}
.scalp-view-root,
#view-scalp {
  flex: 1;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #0a0d11;
}
.scalp-boot-hint {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 50vh;
  color: #c8cdd8;
  font-size: 16px;
}
.scalp-boot-spin {
  color: #e3b23c;
  animation: scalp-spin 0.9s linear infinite;
}
.scalp-boot-error { color: #f87171; text-align: center; line-height: 1.5; }
@keyframes scalp-spin { to { transform: rotate(360deg); } }
#view-scalp .sp-root {
  flex: 1;
  min-height: 0;
  height: 100%;
}