/* Arena TeamViana — PWA (estética Hansen). Vanilla, sem frameworks. */
@font-face{font-family:'JetBrains Mono';src:url('/fonts/JetBrainsMono-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('/fonts/JetBrainsMono-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--bg:#0A0A0A;--branco:#E0F0FF;--ciano:#00E5FF;--magenta:#FF4081;--cinza:#888;--grid:#2A3340;--verde:#00C853}
*{margin:0;padding:0;box-sizing:border-box}
html,body{background:var(--bg);color:var(--branco);font-family:'JetBrains Mono',monospace;min-height:100%}
body{display:flex;flex-direction:column;min-height:100vh;padding:24px 18px;max-width:520px;margin:0 auto;width:100%}
.screen{display:none;flex:1;flex-direction:column;justify-content:center;animation:fade .3s ease}
.screen.active{display:flex}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
h1{font-size:26px;line-height:1.2;font-weight:700;margin-bottom:14px}
h2{font-size:20px;font-weight:700;margin-bottom:10px}
p,label,li{font-size:16px;line-height:1.55;color:var(--branco)}
.muted{color:var(--cinza);font-size:16px}
.kicker{font-size:16px;letter-spacing:2px;color:var(--ciano);text-transform:uppercase;margin-bottom:12px;font-weight:700}
label{display:block;margin:14px 0 6px}
input{width:100%;font-family:inherit;font-size:18px;padding:16px;border-radius:12px;border:1px solid var(--grid);background:#141821;color:var(--branco)}
input:focus{outline:none;border-color:var(--ciano)}
.btn{display:block;width:100%;font-family:inherit;font-size:18px;font-weight:700;padding:18px;border-radius:12px;border:none;background:var(--ciano);color:#06262b;cursor:pointer;text-align:center;margin-top:18px}
.btn:active{transform:scale(.99)}
.btn-grande{font-size:20px;padding:22px}
/* dois botões gêmeos — mesmo peso visual (ghost/outline idênticos) */
.gemeos{display:flex;gap:12px;margin-top:18px}
.btn-ghost{flex:1;font-family:inherit;font-size:16px;font-weight:700;padding:16px 12px;border-radius:12px;border:1px solid var(--grid);background:transparent;color:var(--branco);cursor:pointer;text-align:center}
.btn-ghost:active{transform:scale(.99)}
.ancora{font-size:16px;color:var(--cinza);text-align:center;margin-top:14px}
.card-img{width:100%;border-radius:14px;border:1px solid var(--grid);display:block;margin-bottom:6px}
.dots{font-size:16px;color:var(--cinza);margin-bottom:10px}
.erro{color:var(--magenta);font-size:16px;margin-top:12px;min-height:20px}
/* micro-celebração: overlay 2s, dispensável, não bloqueia */
#celebra{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(10,10,10,.92);z-index:50;cursor:pointer}
#celebra.on{display:flex}
#celebra .txt{font-size:28px;font-weight:700;color:var(--ciano);text-align:center;padding:24px}
.link{background:none;border:none;color:var(--ciano);font-family:inherit;font-size:16px;text-decoration:underline;cursor:pointer;margin-top:16px}