/* Capivarada · o que é só do app (o resto vem de visual/tokens.css e visual/componentes.css) */
html,body{overflow:hidden}
#app{height:100%}

/* quem caiu aparece apagado na sala de espera e na lista de quem respondeu */
.quem.fora{opacity:.42}
.quem.fora .nm::after{content:" (caiu)";font-weight:600}

/* aviso curto no topo (sem desfoque) */
#aviso{position:fixed;left:0;right:0;top:calc(10px + env(safe-area-inset-top, 0px));z-index:60;display:flex;justify-content:center;pointer-events:none;padding:0 16px}
#aviso .aviso{max-width:488px;box-shadow:0 4px 0 var(--sombra);animation:surge .25s ease-out}
#aviso .aviso.info{background:var(--cartao);color:var(--cacau)}

/* listas dentro de painéis */
.painel .lista-sai{display:flex;flex-direction:column;gap:8px;margin:12px 0}
.painel .lista-sai>div{display:flex;align-items:center;gap:10px;background:var(--papel);border-radius:14px;padding:8px 10px}
.painel .lista-sai b{flex:1;font:700 16px/1.2 var(--display)}
.painel .lista-sai .btn{width:auto;height:38px;padding:0 14px}
.painel .passos-ios{margin:10px 0 14px;padding-left:22px;font:700 15px/1.5 var(--body);color:var(--cacau-2)}
.painel .par-btn{display:flex;gap:10px;margin-top:14px}
.painel .par-btn .btn{flex:1}
.painel .sep{height:1px;background:var(--linha);margin:16px 0 4px}
.painel h3{margin:6px 0 0;font:700 17px/1.2 var(--display)}
.painel .nota{margin:4px 0 0}