/* onboarding: nada encolhe para caber (a prévia do look era espremida até sumir a cabeça do PeePee); a tela rola,
   o botão do rodapé fica sempre à vista e confete ou estrela na borda não criam rolagem para os lados */
.onb{overflow-x:hidden}
.onb>*{flex-shrink:0}
.onb>.ofoot{position:sticky;bottom:0;z-index:3;background:linear-gradient(180deg,rgba(90,15,31,0),#5A0F1F 42%)}
.onb.light>.ofoot{background:linear-gradient(180deg,rgba(122,27,27,0),#7A1B1B 42%)}
.onb>.pv{position:sticky;top:calc(8px + var(--sat));z-index:2}
/* o contorno de foco é para quem navega pelo teclado: no toque, o foco posto pelo código deixava o botão com cara de preso */
html:not(.keyboard_user) button:focus-visible{outline:none}
/* casa, no carinho: relógio, laudo e filhos dividiam o mesmo canto e um tapava o outro. Esquerda: relógio e, abaixo, o laudo.
   Direita: ranking e, abaixo, filhos */
.disorder-chip{top:calc(206px + var(--sat))}
.kidspill{left:auto;right:12px;top:calc(210px + var(--sat))}
/* o aviso de morte ocupa a primeira linha inteira: o relógio sai (como o ranking já saía) e laudo e filhos descem para baixo dele */
.app:has(#dWarn:not([hidden])) .hclock{display:none}
.app:has(#dWarn:not([hidden])) .kidspill{top:calc(244px + var(--sat))}
.disorder-chip.below-warning{top:calc(244px + var(--sat))}
/* porrada: nada em cima do PeePee, para a cara de dor aparecer inteira em qualquer altura de tela.
   Relógio, ranking, laudo e filhos saem de cena e voltam no carinho */
.app.hell .hclock,.app.hell .rankhome,.app.hell .disorder-chip,.app.hell .kidspill{display:none}
/* tela baixa: o PeePee fica colado nos medidores. O laudo perde a etiqueta do estado, o aviso de morte na porrada vira uma linha só
   e, com o aviso, laudo e filhos saem para não cair em cima dos olhos */
@media (max-height:700px){
  .disorder-chip span{display:none}
  .disorder-chip.below-warning,.app:has(#dWarn:not([hidden])) .kidspill{display:none}
  .app.hell .dwarn{padding-block:6px}
  .app.hell .dwarn small{display:none}
}
@media (max-height:600px){.disorder-chip,.kidspill{display:none}}