* { box-sizing: border-box; }
body { margin: 0; font-family: 'Segoe UI', Arial, sans-serif; background:#fafafa; color:#222; }
.topo, .topo-admin { background:#2d6a4f; color:#fff; padding: 20px; text-align:center; }
.topo-admin { display:flex; justify-content:space-between; align-items:center; text-align:left; }
.topo-admin a { color:#fff; }
.container { max-width: 1000px; margin: 20px auto; padding: 0 16px; }
.fase-bloco { margin-bottom: 30px; }
.grade-categorias { display:grid; grid-template-columns: repeat(auto-fill, minmax(160px,1fr)); gap:12px; }
.cartao-categoria { display:block; background:#fff; border:1px solid #ddd; border-radius:8px; padding:16px; text-decoration:none; color:#222; text-align:center; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.cartao-categoria:hover { border-color:#2d6a4f; }
.cartao-categoria .nome { display:block; font-weight:bold; margin-bottom:6px; }
.cartao-categoria .contagem { font-size:.85em; color:#666; }
.rodape { text-align:center; padding:20px; font-size:.85em; }
.player-body { margin:0; background:#000; color:#fff; height:100vh; overflow:hidden; }
#player { display:flex; flex-direction:column; height:100vh; position:relative; }
.botao-sair { position:absolute; top:16px; right:16px; color:#fff; text-decoration:none; font-size:24px; z-index:5; }
#palco { flex:1; display:flex; align-items:center; justify-content:center; }
.cartao-palavra { font-size: 15vw; font-weight:bold; }
.controles { display:flex; justify-content:center; gap:20px; padding:20px; background:rgba(255,255,255,.05); }
.controles button { font-size:20px; background:none; border:1px solid #fff; color:#fff; cursor:pointer; padding:8px 16px; border-radius:6px; }
.aviso { font-size:24px; }
.admin-body { background:#f0f2f5; }
.caixa-login { max-width:360px; margin:80px auto; background:#fff; padding:30px; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,.1); }
.caixa-login form label { display:block; margin-bottom:12px; }
.caixa-login input { width:100%; padding:8px; margin-top:4px; }
.form-palavra { display:flex; flex-wrap:wrap; gap:12px; background:#fff; padding:16px; border-radius:8px; margin-bottom:20px; }
.form-palavra label { display:flex; flex-direction:column; font-size:.9em; }
.tabela-palavras { width:100%; border-collapse:collapse; background:#fff; }
.tabela-palavras th, .tabela-palavras td { padding:8px 12px; border-bottom:1px solid #eee; text-align:left; }
.erro { color:#b00020; }
.sucesso { color:#2d6a4f; }