:root{--asfalto-900: #0e0d0c;--asfalto-800: #1a1816;--asfalto-700: #26231f;--asfalto-600: #3a3530;--cromo: #f2f0ec;--cromo-dim: #a8a29a;--laranja: #ff6a13;--vermelho: #ee1b1b;--vermelho-escuro: #5a1412;--faixa: #ffc21a;--verde: #3ddc84;--grad-go: linear-gradient(100deg, var(--laranja) 0%, var(--vermelho) 100%);--corte: polygon(0 0, 100% 0, calc(100% - 14px) 100%, 0 100%);--fonte-titulo: "Saira Condensed", "Arial Narrow", sans-serif;--fonte-texto: "Barlow", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--asfalto-900);color:var(--cromo);font-family:var(--fonte-texto);-webkit-font-smoothing:antialiased}.app{max-width:440px;min-height:100dvh;margin:0 auto;padding:16px 16px 96px;background:radial-gradient(120% 50% at 100% 0%,rgba(238,27,27,.16),transparent 60%),radial-gradient(90% 40% at 0% 100%,rgba(255,106,19,.07),transparent 60%),var(--asfalto-900)}.marca{display:flex;flex-direction:column;font-family:var(--fonte-titulo);font-style:italic;font-weight:900;font-size:30px;line-height:1;text-transform:uppercase}.marca-topo{font-size:.48em;letter-spacing:1px}.marca-destaque{letter-spacing:-.5px;color:var(--vermelho);text-shadow:0 2px 12px rgba(238,27,27,.35)}.topo{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.moedas{display:flex;gap:8px}.chip{font-family:var(--fonte-titulo);font-weight:800;font-size:14px;padding:4px 10px;background:var(--asfalto-700);border:1px solid var(--asfalto-600);border-radius:999px}.chip b{color:var(--faixa)}.piloto{display:flex;gap:14px;align-items:center;padding:14px;background:var(--asfalto-800);border-left:4px solid var(--laranja);margin-bottom:14px}.avatar{width:56px;height:56px;flex-shrink:0;display:grid;place-items:center;background:var(--grad-go);clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);font-family:var(--fonte-titulo);font-weight:900;font-size:24px;font-style:italic}.piloto h2{font-family:var(--fonte-titulo);font-weight:800;font-size:22px;line-height:1.1}.piloto small{color:var(--cromo-dim);font-size:13px}.nivel-barra{height:8px;background:var(--asfalto-600);margin-top:8px;position:relative;overflow:hidden}.nivel-barra span{position:absolute;inset:0 auto 0 0;background:var(--grad-go)}.nivel-texto{display:flex;justify-content:space-between;font-size:12px;color:var(--cromo-dim);margin-top:4px}.premio{position:relative;padding:18px 16px;margin-bottom:18px;background:var(--grad-go);overflow:hidden}.premio:after{content:"";position:absolute;right:-10px;top:0;bottom:0;width:90px;background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.25) 75%),linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.25) 75%);background-size:16px 16px;background-position:0 0,8px 8px;transform:skew(-14deg)}.premio .rotulo{font-family:var(--fonte-titulo);font-weight:800;font-size:13px;letter-spacing:2px;opacity:.9}.premio h3{font-family:var(--fonte-titulo);font-style:italic;font-weight:900;font-size:28px;line-height:1.05;margin:4px 0 8px;max-width:75%}.premio p{font-size:14px;max-width:75%}.premio .contagem{display:inline-block;margin-top:10px;background:var(--asfalto-900);padding:4px 10px;font-family:var(--fonte-titulo);font-weight:800}.secao{display:flex;align-items:baseline;justify-content:space-between;margin:20px 0 10px}.secao h4{font-family:var(--fonte-titulo);font-style:italic;font-weight:900;font-size:20px;text-transform:uppercase}.secao h4:before{content:"";display:inline-block;width:18px;height:4px;background:var(--faixa);margin-right:8px;transform:skew(-20deg) translateY(-5px)}.secao span{color:var(--cromo-dim);font-size:13px}.missao{display:flex;align-items:center;gap:12px;padding:12px 14px 12px 12px;background:var(--asfalto-800);clip-path:var(--corte);margin-bottom:8px}.missao .icone{font-size:22px;width:32px;text-align:center}.missao .info{flex:1}.missao strong{display:block;font-weight:600}.missao small{color:var(--cromo-dim);font-size:12px}.missao .xp{font-family:var(--fonte-titulo);font-weight:800;color:var(--laranja);margin-right:10px}.missao.feita{opacity:.55}.missao.feita .xp{color:var(--verde)}.ranking{background:var(--asfalto-800)}.ranking li{list-style:none;display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--asfalto-700)}.ranking .pos{font-family:var(--fonte-titulo);font-style:italic;font-weight:900;font-size:20px;width:26px;color:var(--cromo-dim)}.ranking li:nth-child(1) .pos{color:var(--faixa)}.ranking li.eu{background:#ff6a131f;border-left:3px solid var(--laranja)}.ranking .nome{flex:1;font-weight:600}.ranking .pts{font-family:var(--fonte-titulo);font-weight:800}.status{margin-top:22px;padding:12px 14px;border:1px dashed var(--asfalto-600);font-size:13px;color:var(--cromo-dim)}.status code{color:var(--cromo)}.ok{color:var(--verde)}.erro{color:var(--vermelho)}.menu{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:440px;display:flex;justify-content:space-around;padding:10px 8px calc(10px + env(safe-area-inset-bottom));background:var(--asfalto-800);border-top:2px solid var(--vermelho)}.menu button{background:none;border:0;color:var(--cromo-dim);display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--fonte-titulo);font-weight:600;font-size:12px;letter-spacing:.5px;text-transform:uppercase;cursor:pointer}.menu button span{font-size:20px}.menu button.ativo{color:var(--vermelho)}button{font:inherit;color:inherit}[hidden]{display:none!important}.splash{min-height:100dvh;display:grid;place-items:center}.marca.grande{font-size:56px}.logo{display:block;max-width:70vw;height:auto;margin:0 auto 6px;filter:drop-shadow(0 8px 24px rgba(238,27,27,.25))}.tela-login{padding-top:48px}.hero{text-align:center;margin-bottom:28px}.slogan{margin-top:8px;font-family:var(--fonte-titulo);font-weight:600;letter-spacing:1.5px;text-transform:uppercase;font-size:13px;color:var(--cromo-dim)}.slogan b{color:var(--vermelho);font-weight:600}.faixa-pista{height:6px;margin:20px auto 0;width:70%;background:repeating-linear-gradient(90deg,var(--faixa) 0 28px,transparent 28px 44px);transform:skew(-30deg);opacity:.85}.cartao{background:var(--asfalto-800);padding:18px 16px;margin-bottom:14px;display:flex;flex-direction:column;gap:12px}.titulo-tela{font-family:var(--fonte-titulo);font-style:italic;font-weight:900;font-size:26px;text-transform:uppercase;line-height:1.1}.texto-apoio{color:var(--cromo-dim);font-size:14px;margin-bottom:4px}.campo{display:flex;flex-direction:column;gap:4px}.campo span,.rotulo-campo{font-family:var(--fonte-titulo);font-weight:600;font-size:13px;letter-spacing:.8px;text-transform:uppercase;color:var(--cromo-dim)}input,select{width:100%;min-width:0;padding:11px 12px;font:inherit;font-size:16px;color:var(--cromo);background:var(--asfalto-900);border:1px solid var(--asfalto-600);border-radius:0;outline:none}input:focus,select:focus{border-color:var(--laranja)}.linha-campos{display:flex;gap:8px;align-items:flex-end}.linha-campos>input:not([style]){flex:1 1 0}.linha-campos>input[style]{flex:0 0 auto}.grade-campos{display:grid;grid-template-columns:1fr 1fr;gap:10px}.erro-form{color:#ff8a80;font-size:14px}.ok-form{color:var(--verde);font-size:14px}.dica{font-size:13px;color:var(--faixa)}.botao{display:block;width:100%;padding:13px 16px;border:0;cursor:pointer;background:var(--grad-go);color:#fff;font-family:var(--fonte-titulo);font-style:italic;font-weight:900;font-size:18px;text-transform:uppercase;letter-spacing:.5px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}.botao:disabled{opacity:.5;cursor:default}.botao.sec{background:var(--asfalto-700);color:var(--cromo);margin-top:8px}.botao.perigo{background:#5a1412;color:#ffb4ab;margin-top:8px}.botao.mini{width:48px;padding:11px 0}.link{background:none;border:0;color:var(--laranja);cursor:pointer;font-size:13px;text-decoration:underline}.seletor{display:flex;gap:8px}.seletor button{flex:1;padding:12px 8px;background:var(--asfalto-900);border:1px solid var(--asfalto-600);cursor:pointer;font-weight:600;display:flex;flex-direction:column;gap:2px;align-items:center}.seletor button small{color:var(--cromo-dim);font-weight:400;font-size:12px}.seletor button.ativo{border-color:var(--laranja);background:#ff6a131f}.seletor.compacto button{flex:0 0 auto;padding:8px 14px}.seletor.compacto input{flex:1;padding:8px}.rota-cta{font-size:22px;padding:16px;margin-bottom:6px}.rota-cta.parar{background:var(--cromo);color:var(--asfalto-900)}button.missao{width:100%;border:0;text-align:left;cursor:pointer;color:var(--cromo)}button.missao:disabled{cursor:default}.mini-barra{height:4px;background:var(--asfalto-600);margin:6px 0 2px;position:relative}.mini-barra span{position:absolute;inset:0 auto 0 0;background:var(--grad-go)}.missao .contador{font-size:11px}.painel-rota{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:10px 0 14px}.painel-rota div{background:var(--asfalto-800);padding:14px 6px;text-align:center}.painel-rota span{display:block;font-family:var(--fonte-titulo);font-style:italic;font-weight:900;font-size:30px;line-height:1}.painel-rota small{color:var(--cromo-dim);font-size:12px;text-transform:uppercase;letter-spacing:1px}.resultado-rota{margin-top:12px;padding:14px;background:var(--asfalto-800);border-left:4px solid var(--verde)}.resultado-rota.rejeitado{border-color:var(--vermelho)}.resultado-rota.curto{border-color:var(--faixa)}.resultado-rota strong{font-family:var(--fonte-titulo);font-size:20px;font-style:italic}.resultado-rota p{font-size:14px;color:var(--cromo-dim);margin-top:4px}.resultado-rota .numeros{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-weight:600}.resultado-rota .alerta{color:var(--faixa)}.dica-bloco{margin:16px 0 6px;padding:12px;font-size:13px;color:var(--cromo-dim);border:1px dashed var(--asfalto-600)}.pilotagem{position:fixed;inset:0;z-index:50;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px}.pilotagem-aviso{font-family:var(--fonte-titulo);font-weight:900;letter-spacing:4px;background:var(--faixa);color:#000;padding:4px 14px;transform:skew(-12deg)}.pilotagem-km{font-family:var(--fonte-titulo);font-style:italic;font-weight:900;font-size:120px;line-height:1}.pilotagem-km small{font-size:32px;margin-left:6px;color:var(--laranja)}.pilotagem-tempo{font-family:var(--fonte-titulo);font-size:34px;color:var(--cromo-dim)}.pilotagem p{color:var(--cromo-dim);max-width:280px}.grade-resumo{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-bottom:14px}.grade-resumo div{background:var(--asfalto-800);padding:10px 12px}.grade-resumo .destaque{grid-column:span 2;background:var(--grad-go)}.grade-resumo small{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.8}.grade-resumo span{font-family:var(--fonte-titulo);font-weight:800;font-size:22px}.grade-resumo .destaque span{font-size:32px;font-style:italic;font-weight:900}.previa{font-size:15px}.previa b{color:var(--laranja)}.lista-dias{list-style:none;background:var(--asfalto-800)}.lista-dias li{display:flex;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--asfalto-700);cursor:pointer;font-size:14px}.lista-dias li span:first-child{font-family:var(--fonte-titulo);font-weight:800;width:44px}.lista-dias li span:nth-child(2){flex:1;color:var(--cromo-dim)}.perfil-resumo{flex-direction:row;align-items:center}.perfil-resumo h3{font-family:var(--fonte-titulo);font-weight:800;font-size:24px}.perfil-resumo small{display:block;color:var(--cromo-dim);font-size:13px}.avatar.grande{width:72px;height:72px;font-size:32px}.escada{list-style:none}.escada li{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--asfalto-800);margin-bottom:2px;opacity:.45}.escada li.alcancado{opacity:1}.escada li.atual{border-left:4px solid var(--laranja);background:#ff6a131f}.escada .ic{font-size:20px;width:26px;text-align:center}.escada .nome{flex:1;font-weight:600}.escada .xp-min{font-family:var(--fonte-titulo);font-weight:800;color:var(--cromo-dim)}.moto-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--asfalto-800);margin-bottom:2px}.moto-item span{flex:1}.tag{font-size:11px;padding:2px 6px;background:var(--asfalto-600);text-transform:uppercase;letter-spacing:1px}.alerta-exclusao{margin-top:8px;border:1px solid var(--vermelho)}.overlay{position:fixed;inset:0;z-index:40;background:#000000c7;display:flex;align-items:center;justify-content:center;padding:16px}.overlay-cartao{width:100%;max-width:420px;max-height:92dvh;overflow:auto;background:var(--asfalto-800);padding:18px 16px;position:relative;display:flex;flex-direction:column;gap:10px}.numero-grande{font-family:var(--fonte-titulo);font-style:italic;font-weight:900;font-size:64px;line-height:1;text-align:center;background:var(--grad-go);-webkit-background-clip:text;background-clip:text;color:transparent}.recompensa{text-align:center;padding-top:30px;overflow:hidden}.recompensa ul{list-style:none;text-align:left}.recompensa li{padding:8px 0;border-bottom:1px solid var(--asfalto-700)}.recompensa li b{float:right;color:var(--laranja)}.recompensa .subiu{color:var(--faixa);font-size:18px}.bandeirada{position:absolute;left:0;right:0;top:0;height:16px;background-color:#000;background-image:linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%),linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%);background-size:16px 16px;background-position:0 0,8px 8px}.quiz-topo{display:flex;justify-content:space-between;align-items:center;font-family:var(--fonte-titulo);font-weight:800;color:var(--cromo-dim)}.quiz-pergunta{font-size:20px;line-height:1.3;margin:6px 0}.opcao{text-align:left;padding:12px 14px;background:var(--asfalto-900);border:1px solid var(--asfalto-600);cursor:pointer}.opcao:disabled{cursor:default}.opcao.certa{border-color:var(--verde);background:#3ddc841f}.opcao.errada{border-color:var(--vermelho);background:#ee1b1b1f}.quiz-explicacao{padding:10px 12px;font-size:14px;border-left:3px solid var(--verde);background:var(--asfalto-900)}.quiz-explicacao.errada{border-color:var(--faixa)}.quiz-fim{text-align:center;display:flex;flex-direction:column;gap:10px;padding:10px 0}.menu button.central span{font-size:26px}.menu button.central{color:var(--cromo)}.menu button.central.ativo{color:var(--vermelho)}.caixa-termos{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--cromo-dim);cursor:pointer;margin:4px 0}.caixa-termos input{width:20px;height:20px;flex-shrink:0;margin-top:1px;accent-color:var(--laranja)}.caixa-termos a{color:var(--faixa)}.links-legais{display:flex;justify-content:center;gap:20px;margin-top:12px;font-size:13px}.links-legais a{color:var(--cromo-dim)}