:root{--fundo:#16121a;--fundo-2:#221b28;--borda:#3a2f42;--texto:#f4ece4;--texto-2:#b9aab0;--laranja:#ff7a3d;--amarelo:#ffb347;--verde:#3ccf7a;--vermelho:#ff5a5f;--azul:#57b8ff;--raio:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--fundo);color:var(--texto);-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}body{background:radial-gradient(ellipse at 50% -10%, #ff7a3d38, transparent 60%), radial-gradient(ellipse at 50% 110%, #57b8ff1f, transparent 55%), var(--fundo);background-attachment:fixed;min-height:100dvh}#app{flex-direction:column;min-height:100dvh;display:flex}.tela{flex:1;width:100%;max-width:440px;margin:0 auto;padding:28px 20px 24px}a{color:var(--amarelo)}h1{margin:8px 0 12px;font-size:1.6rem;line-height:1.2}h2{margin:0 0 6px;font-size:1.15rem}p{margin:0 0 14px}small{color:var(--texto-2);font-weight:400}.logo{letter-spacing:.02em;color:var(--amarelo);text-shadow:3px 3px #8a2f12;justify-content:center;align-items:baseline;gap:8px;margin:12px 0 8px;font-size:2.6rem;font-weight:900;display:flex}.logo .de{color:var(--texto);text-shadow:none;font-size:1.2rem;font-weight:600}.slogan{text-align:center;margin-bottom:8px;font-size:1.2rem;font-weight:700}.sub{text-align:center;color:var(--texto-2)}.centro{text-align:center}.dica{color:var(--texto-2);text-align:center;font-size:.9rem}.acoes{flex-direction:column;gap:12px;margin-top:24px;display:flex}.botao{border-radius:var(--raio);width:100%;min-height:52px;font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-weight:700;text-decoration:none;transition:transform 80ms,opacity .15s;display:flex}.botao:active{transform:scale(.98)}.botao:disabled{opacity:.55;cursor:wait}.botao.principal{background:var(--laranja);color:#1b0e06;box-shadow:0 4px #a8431b}.botao.secundario{background:var(--fundo-2);color:var(--texto);border:2px solid var(--borda)}.botao.google{color:#1f1f1f;background:#fff}.botao.pequeno{background:var(--fundo-2);width:auto;min-height:36px;color:var(--texto);border:1px solid var(--borda);padding:6px 12px;font-size:.9rem}.botao.link{color:var(--texto-2);background:0 0;min-height:40px;font-weight:500}.botao.perigo{color:var(--vermelho)}.botao.perigo-cheio{background:var(--vermelho);color:#fff}.voltar{color:var(--texto-2);margin-bottom:4px;text-decoration:none;display:inline-block}.ou{color:var(--texto-2);align-items:center;gap:12px;margin:16px 0;font-size:.9rem;display:flex}.ou:before,.ou:after{content:"";background:var(--borda);flex:1;height:1px}.form{flex-direction:column;gap:14px;margin-top:8px;display:flex}.form label{flex-direction:column;gap:6px;font-size:.95rem;font-weight:600;display:flex}input[type=email],input[type=password],input[type=date],input:not([type]){border:2px solid var(--borda);background:var(--fundo-2);width:100%;min-height:50px;color:var(--texto);font:inherit;border-radius:12px;padding:12px 14px;font-size:16px}input:focus{border-color:var(--amarelo);outline:none}.form label.check{color:var(--texto-2);flex-direction:row;align-items:flex-start;gap:10px;font-size:.88rem;font-weight:400}.check input{width:22px;height:22px;accent-color:var(--laranja);flex:none;margin:2px 0 0}.erro{color:var(--vermelho);min-height:1.2em;margin:0;font-weight:600}.erro:empty{min-height:0}.status-apelido{min-height:1.3em;margin:-8px 0 0;font-size:.9rem}.status-apelido.ok{color:var(--verde)}.status-apelido.ruim{color:var(--vermelho)}.editor{grid-template-columns:auto 1fr;align-items:center;gap:16px;margin:8px 0 20px;display:grid}.previa{flex-direction:column;align-items:center;gap:10px;display:flex}.previa canvas{border:2px solid var(--borda);border-radius:var(--raio);background:linear-gradient(#3b2a47,#2a2032);width:120px;height:160px}.opcoes{flex-direction:column;gap:6px;display:flex}.opcao{grid-template-columns:36px 1fr 36px;grid-template-areas:"rotulo rotulo rotulo";align-items:center;display:grid}.opcao .rotulo{color:var(--texto-2);text-transform:uppercase;letter-spacing:.05em;grid-area:rotulo;font-size:.75rem}.opcao .valor{text-align:center;font-size:.9rem;font-weight:600}.seta{border:1px solid var(--borda);background:var(--fundo-2);width:36px;height:32px;color:var(--amarelo);cursor:pointer;border-radius:8px;font-size:.85rem}.origens{border:0;flex-direction:column;gap:10px;margin:0;padding:0;display:flex}.origens legend{margin-bottom:8px;font-weight:700}.origem{border:2px solid var(--borda);border-radius:var(--raio);background:var(--fundo-2);cursor:pointer;padding:14px 14px 14px 48px;position:relative}.form .origem{gap:2px;font-weight:400}.origem input{width:20px;height:20px;accent-color:var(--laranja);position:absolute;top:18px;left:16px}.origem strong{font-size:1.05rem}.origem span{color:var(--texto-2);font-size:.9rem}.origem:has(input:checked){border-color:var(--laranja);background:#2d1d1a}.aviso-origem{color:var(--amarelo);margin:-4px 0 0;font-size:.85rem}.faixa{border-radius:var(--raio);background:#3a2a12;border:1px solid #6b4a1a;margin-bottom:16px;padding:12px 14px;font-size:.9rem}.faixa p{word-break:break-word;margin:0 0 10px}.faixa span{margin-left:8px}.galera{justify-content:center;gap:6px;margin:18px 0 14px;display:flex}.galera canvas{width:60px;height:80px}.cartao-personagem{border-radius:var(--raio);background:var(--fundo-2);border:2px solid var(--borda);align-items:center;gap:16px;padding:16px;display:flex}.cartao-personagem canvas{flex:none;width:96px;height:128px}.cartao-personagem h1{word-break:break-word;margin:0 0 4px}.cartao-personagem p{color:var(--texto-2);margin:0 0 4px}.saldo strong{color:var(--amarelo)}.em-breve{border-radius:var(--raio);border:2px dashed var(--borda);margin-top:20px;padding:16px}.em-breve p{color:var(--texto-2);margin:0}.rodape{text-align:center;color:var(--texto-2);padding:16px;font-size:.8rem}.rodape a{color:var(--texto-2)}@media (max-width:360px){.editor{grid-template-columns:1fr;justify-items:center}.opcoes{width:100%}}