html,
body,
#root {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #000;
  font-family: 'Samsung One', 'LG Smart UI', Roboto, 'Segoe UI', system-ui, sans-serif;
  user-select: none;
  -webkit-user-select: none;
}
/* Samsung: o vídeo (AVPlay) é desenhado por baixo da página. */
html.avplay,
html.avplay body,
html.avplay #root {
  background: transparent;
}
#root {
  display: flex;
}
input,
textarea {
  user-select: text;
  -webkit-user-select: text;
}
*:focus {
  outline: none;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.18);
  border-radius: 4px;
}
/* iPhone/iPad: o conteúdo fica fora do entalhe e da barra de baixo; sem zoom nem realce ao tocar. */
html.ios #root {
  box-sizing: border-box;
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
html.ios,
html.ios body {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: 100%;
  touch-action: manipulation;
  overscroll-behavior: none;
}
.pf-rodar {
  display: none;
}
@media (orientation: portrait) {
  html.ios .pf-rodar {
    display: flex;
    position: fixed;
    inset: 0;
    z-index: 99999;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 24px;
    background: #000;
    color: #fff;
    font: 600 18px/1.4 system-ui, -apple-system, sans-serif;
    text-align: center;
  }
}
.pf-rodar-ico {
  font-size: 56px;
  line-height: 1;
}