:root{--fundo:#0f3a44;--fundo-2:#0a2a32;--texto:#f6f2e9;--texto-suave:#b9d3d6;--amarelo:#ffc83d;--amarelo-esc:#e0a800;--vermelho:#e23b3b;--tinta:#1f2d33;--cartao:#fbf8f1;--borda:#ffffff24;--lado:min(92vw, 70vh);--pad:calc(var(--lado) * .05);--fonte:"Baloo 2", "Baloo", "Nunito", "Varela Round", ui-rounded, "Segoe UI Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:hidden}body{font-family:var(--fonte);color:var(--texto);background:radial-gradient(ellipse at 50% -10%, #17525e 0%, transparent 60%), linear-gradient(180deg, var(--fundo) 0%, var(--fundo-2) 100%);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;background-attachment:fixed}button{color:inherit;font-family:inherit}svg{display:block}.app{max-width:100vw;min-height:100dvh;overflow-x:clip}.tela{flex-direction:column;align-items:center;min-height:100dvh;padding:16px;display:none}.tela.ativa{animation:.28s ease-out entrar;display:flex}@keyframes entrar{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.btn{cursor:pointer;touch-action:manipulation;border:0;border-radius:16px;min-height:52px;padding:10px 22px;font-size:1.1rem;font-weight:700;transition:transform .12s,box-shadow .12s,background .15s}.btn:active{transform:translateY(2px)scale(.98)}.btn:focus-visible,.btn-icone:focus-visible,.btn-barra:focus-visible,.nivel:focus-visible{outline-offset:3px;outline:3px solid #fff}.btn-principal{background:var(--amarelo);color:var(--tinta);box-shadow:0 5px 0 var(--amarelo-esc), 0 10px 22px #0000004d}.btn-principal:hover{background:#ffd35f}.btn-principal:active{box-shadow:0 2px 0 var(--amarelo-esc), 0 4px 10px #0000004d}.btn-secundario{color:var(--texto);background:#ffffff1a;border:2px solid #ffffff47}.btn-secundario:hover{background:#ffffff2e}.btn-perigo{color:#ffb3ab;background:0 0;border:2px solid #ff8c828c;font-size:1rem}.btn-perigo:hover{background:#e23b3b26}.btn-perigo.cheio{background:var(--vermelho);color:#fff;border-color:var(--vermelho)}.btn-icone{border:2px solid var(--borda);cursor:pointer;touch-action:manipulation;background:#ffffff12;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}.btn-icone:hover{background:#ffffff26}.btn-icone svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}#tela-inicio{text-align:center;justify-content:center;gap:14px;position:relative}#tela-inicio .btn-som{position:absolute;top:14px;right:14px}.cena-titulo{width:min(300px,80vw);height:120px;margin-bottom:4px;position:relative}.porta{background:#b8b3a9;border-radius:14px 14px 4px 4px;width:150px;height:104px;position:absolute;top:10px;left:0;overflow:visible;box-shadow:inset 0 -6px #9d988e,0 10px 24px #00000059}.porta:before{content:"";background:#2d3236;border-radius:6px 6px 0 0;position:absolute;inset:14px 14px 0}.porta-portao{z-index:2;background:repeating-linear-gradient(#d9d4ca 0 7px,#c3bdb2 7px 9px);border-radius:6px 6px 0 0;height:34px;position:absolute;top:14px;left:14px;right:14px}.carrinho{background:linear-gradient(90deg, transparent 0 14%, #cfe8ff 14% 24%, transparent 24% 62%, #cfe8ff 62% 78%, transparent 78%) center / 100% 70% no-repeat, var(--vermelho);z-index:3;border-radius:12px;width:78px;height:38px;animation:3.2s cubic-bezier(.55,0,.7,.3) infinite sair;position:absolute;top:58px;left:30px;box-shadow:inset 0 -5px #0000002e,0 6px 10px #0006}.carrinho:after{content:"";background:linear-gradient(#fff3b0 0 25%,#0000 25% 75%,#fff3b0 75%);border-radius:3px;width:5px;height:28px;position:absolute;top:5px;right:-2px}@keyframes sair{0%,18%{opacity:1;transform:translate(0)}62%{opacity:1;transform:translate(230px)}63%{opacity:0;transform:translate(230px)}64%{opacity:0;transform:translate(-60px)}80%,to{opacity:1;transform:translate(0)}}.setas-cena{gap:6px;display:flex;position:absolute;top:64px;left:172px}.setas-cena span,.saida span{border-top:5px solid var(--amarelo);border-right:5px solid var(--amarelo);border-radius:2px;width:14px;height:14px;animation:1.2s infinite piscar-seta;display:block;transform:rotate(45deg)}.setas-cena span:nth-child(2),.saida span:nth-child(2){animation-delay:.2s}.setas-cena span:nth-child(3),.saida span:nth-child(3){animation-delay:.4s}@keyframes piscar-seta{0%,to{opacity:.2}40%{opacity:1}}.titulo{letter-spacing:-.5px;margin:0;font-size:clamp(2.3rem,10vw,3.6rem);font-weight:800;line-height:1}.titulo span{color:var(--amarelo)}.subtitulo{color:var(--texto-suave);white-space:nowrap;margin:0 0 10px;font-size:clamp(.95rem,3.8vw,1.15rem)}.btn-grande{flex-direction:column;justify-content:center;align-items:center;width:min(320px,86vw);min-height:72px;font-size:1.7rem;line-height:1.05;display:flex}.btn-grande small{opacity:.75;font-size:.9rem;font-weight:600}.linha-botoes{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:6px;display:flex}.linha-botoes .btn{min-width:130px}.contador-estrelas{min-height:52px;color:var(--amarelo);background:#00000038;border-radius:16px;align-items:center;padding:0 18px;font-size:1.2rem;font-weight:800;display:inline-flex}.contador-estrelas.pequeno{min-height:40px;padding:0 12px;font-size:1rem}.contador-estrelas.grande{min-height:64px;padding:0 26px;font-size:2rem}.dica-teclas{color:var(--texto-suave);opacity:.8;margin:12px 0 0;font-size:.85rem}#tela-niveis{gap:14px}.topo-niveis{align-items:center;gap:12px;width:min(560px,100%);display:flex}.topo-niveis h2{flex:1;margin:0;font-size:1.7rem}.grade-niveis{flex-direction:column;gap:14px;width:min(560px,100%);display:flex}.grupo-faixa h3{color:var(--texto-suave);align-items:center;gap:8px;margin:0 0 6px;font-size:1rem;font-weight:700;display:flex}.grupo-faixa h3 i{border-radius:50%;width:10px;height:10px;display:inline-block}.linha-niveis{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.nivel{cursor:pointer;touch-action:manipulation;background:#ffffff14;border:2px solid #ffffff2e;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:82px;padding:6px 2px;transition:transform .12s,background .15s;display:flex;position:relative}.nivel:hover:not(:disabled){background:#ffffff29;transform:translateY(-2px)}.nivel .num{font-size:1.45rem;font-weight:800;line-height:1}.nivel .mini-estrelas{letter-spacing:1px;color:#ffffff40;font-size:.85rem;line-height:1.1}.nivel .mini-estrelas b{color:var(--amarelo);font-weight:400}.nivel .recorde{color:var(--texto-suave);white-space:nowrap;font-size:.7rem;line-height:1.1}.nivel.feito{border-color:#ffc83d80}.nivel.atual{border-color:#fff;box-shadow:0 0 0 3px #ffffff26}.nivel:disabled{cursor:not-allowed;opacity:.55;background:#0003}.nivel .cadeado{fill:none;stroke:#cfd8da;stroke-width:2.2px;stroke-linecap:round;width:24px;height:24px}#tela-jogo{justify-content:center;gap:12px;padding-top:12px}.hud{width:var(--lado);align-items:stretch;gap:8px;min-width:min(340px,96vw);max-width:96vw;display:flex}.hud-nivel{flex-direction:column;flex:1.3;justify-content:center;min-width:0;display:flex}.hud-nivel strong{font-size:1.35rem;line-height:1.05}.faixa{background:#ffffff24;border-radius:99px;align-self:flex-start;margin-top:3px;padding:1px 9px;font-size:.78rem;font-weight:700}.hud-caixa{background:#00000038;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;padding:4px 6px;display:flex}.hud-rotulo{color:var(--texto-suave);font-size:.72rem;font-weight:600}.hud-valor{font-size:1.45rem;line-height:1.05;display:inline-block}.hud-valor.pulsa{animation:.32s ease-out pulsar}.hud-meta{letter-spacing:1px;color:#fff3;margin-top:2px;font-size:.78rem;line-height:1;display:inline-block}.hud-meta b{color:var(--amarelo);font-weight:400}.hud-meta.pulsa{animation:.5s ease-out perder-estrela}@keyframes perder-estrela{0%,to{transform:none}25%{transform:translate(-3px)scale(1.3)}50%{transform:translate(3px)scale(1.3)}}.objetivo{width:var(--lado);text-align:center;max-width:96vw;color:var(--texto-suave);min-height:1.4em;margin:0;font-size:.95rem}.objetivo b{color:var(--amarelo)}@keyframes pulsar{0%{transform:scale(1)}40%{color:var(--amarelo);transform:scale(1.45)}to{transform:scale(1)}}.garagem{width:var(--lado);height:var(--lado);border-radius:calc(var(--lado) * .035);background:radial-gradient(circle at 20% 30%,#ffffff1f 0 1px,#0000 2px) 0 0/11px 13px,radial-gradient(circle at 70% 60%,#0000001a 0 1px,#0000 2px) 0 0/9px 7px,linear-gradient(145deg,#c9c4ba,#a9a497);flex:none;position:relative;box-shadow:inset 0 2px #ffffff73,inset 0 -4px #0000002e,0 16px 36px #00000073}.piso{inset:var(--pad);border-radius:calc(var(--lado) * .012);touch-action:none;-webkit-user-select:none;user-select:none;cursor:default;background:radial-gradient(circle at 30% 40%,#ffffff0d 0 1px,#0000 1.5px) 0 0/7px 9px,radial-gradient(circle at 60% 20%,#0000002e 0 1px,#0000 1.5px) 0 0/5px 6px,#4b5157;outline:none;position:absolute;box-shadow:inset 0 3px 10px #0000008c}.faixas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.faixas line{stroke:#e9c046;stroke-width:3px;stroke-dasharray:16 14;opacity:.55}.faixas .faixa-saida{fill:#ffc83d1a}.saida{width:calc(var(--pad) + 2px);right:0;top:calc(var(--pad) + (var(--lado) - 2 * var(--pad)) * 2 / 6);height:calc((var(--lado) - 2 * var(--pad)) / 6);background:#4b5157;border-radius:0 6px 6px 0;flex-direction:column;justify-content:center;align-items:center;gap:2px;animation:1.6s ease-in-out infinite brilho-saida;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 3px 8px #00000073,0 0 0 2px #ffc83d8c}@keyframes brilho-saida{0%,to{box-shadow:inset 0 3px 8px #00000073,0 0 0 2px #ffc83d59}50%{box-shadow:inset 0 3px 8px #00000073,0 0 0 2px #ffc83de6,0 0 14px #ffc83d8c}}.saida span{width:calc(var(--pad) * .55);height:calc(var(--pad) * .55);border-width:4px;margin-left:-4px}#veiculos{position:absolute;inset:0}.veiculo{left:calc(var(--x) * 100% / 6);top:calc(var(--y) * 100% / 6);width:calc(var(--w) * 100% / 6);height:calc(var(--h) * 100% / 6);padding:calc(var(--lado) * .006);cursor:grab;z-index:2;touch-action:none;transition:left .13s cubic-bezier(.3,1.7,.55,1),top .13s cubic-bezier(.3,1.7,.55,1);position:absolute}.veiculo svg{filter:drop-shadow(0 3px 2px #00000073);width:100%;height:100%;transition:transform .12s,filter .12s;overflow:visible}.veiculo.arrastando{cursor:grabbing;z-index:5;transition:none}.veiculo.segurando svg{filter:drop-shadow(0 10px 8px #0000008c);transform:scale(1.06)}.veiculo.selecionado:before{content:"";border-radius:calc(var(--lado) * .03);pointer-events:none;border:3px solid #fff;position:absolute;inset:-2px;box-shadow:0 0 0 2px #00000059}.veiculo .num-tecla{text-align:center;color:#fff;pointer-events:none;opacity:0;background:#00000073;border-radius:9px;min-width:18px;height:18px;font-size:12px;font-weight:800;line-height:18px;transition:opacity .2s;position:absolute;top:8%;left:8%}.piso.teclado .veiculo .num-tecla{opacity:1}.veiculo.bloqueado svg{animation:.34s ease-in-out tremor-h}.veiculo.bloqueado.vert svg{animation-name:tremor-v}.veiculo.bloqueado:after{content:"";border-radius:calc(var(--lado) * .03);pointer-events:none;z-index:1;border:4px solid #ff3b30;animation:.85s ease-out forwards sumir;position:absolute;inset:-3px;box-shadow:0 0 0 3px #ff3b3059}@keyframes tremor-h{0%,to{transform:translate(0)}20%{transform:translate(-7%)}40%{transform:translate(6%)}60%{transform:translate(-4%)}80%{transform:translate(2%)}}@keyframes tremor-v{0%,to{transform:translateY(0)}20%{transform:translateY(-7%)}40%{transform:translateY(6%)}60%{transform:translateY(-4%)}80%{transform:translateY(2%)}}@keyframes sumir{0%,65%{opacity:1}to{opacity:0}}.veiculo.dica svg{animation:.7s ease-in-out infinite piscar-dica}@keyframes piscar-dica{0%,to{filter:drop-shadow(0 3px 2px #00000073)brightness()}50%{filter:drop-shadow(0 0 10px #ffdc5a)brightness(1.35)}}.fantasma{left:calc(var(--x) * 100% / 6);top:calc(var(--y) * 100% / 6);width:calc(var(--w) * 100% / 6);height:calc(var(--h) * 100% / 6);border:3px dashed var(--amarelo);border-radius:calc(var(--lado) * .03);pointer-events:none;z-index:1;background:#ffc83d24;position:absolute}.seta-dica{left:calc(var(--cx) * 100% / 6);top:calc(var(--cy) * 100% / 6);width:calc(var(--lado) * .11);height:calc(var(--lado) * .11);margin:calc(var(--lado) * -.055) 0 0 calc(var(--lado) * -.055);z-index:6;pointer-events:none;transform:rotate(var(--rot));position:absolute}.seta-dica svg{filter:drop-shadow(0 2px 3px #0009);width:100%;height:100%;animation:.7s ease-in-out infinite empurrar}@keyframes empurrar{0%,to{transform:translate(-12%)}50%{transform:translate(14%)}}.tutorial{background:var(--cartao);width:max-content;max-width:62%;color:var(--tinta);text-align:center;pointer-events:none;z-index:7;border-radius:14px;padding:8px 14px;font-size:clamp(.9rem,3.8vw,1.1rem);font-weight:700;line-height:1.2;animation:1.2s ease-in-out infinite flutuar;position:absolute;top:calc(50% + 10px);left:58.3333%;transform:translate(-50%);box-shadow:0 6px 16px #0006}.tutorial:before{content:"";border:10px solid #0000;border-top:0;border-bottom-color:var(--cartao);margin-left:-10px;position:absolute;top:-9px;left:50%}@keyframes flutuar{0%,to{translate:0}50%{translate:0 -6px}}.veiculo.saindo{z-index:8;transition:transform .8s cubic-bezier(.6,0,.9,.4);transform:translate(110vw)}.barra{width:var(--lado);grid-template-columns:repeat(4,1fr);gap:8px;min-width:min(340px,96vw);max-width:96vw;display:grid}.btn-barra{border:2px solid var(--borda);cursor:pointer;touch-action:manipulation;background:#ffffff14;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:58px;padding:4px 2px;font-size:.85rem;font-weight:700;transition:background .15s,transform .1s;display:flex}.btn-barra:hover{background:#ffffff29;border-color:#ffffff4d;transform:translateY(-2px)}.btn-barra:active{background:#ffffff38;transform:scale(.94)}.btn-barra.vazio{opacity:.45}.btn-barra.vazio:hover{transform:none}.btn-barra svg{fill:none;stroke:currentColor;stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.btn-barra[data-acao=dica]{color:var(--amarelo)}.btn-barra.usada{border-color:#ffc83d8c}.btn-barra.sacode{animation:.3s tremor-h}.sobreposicao{z-index:20;background:#0514198c;place-items:center;padding:16px;animation:.25s ease-out aparecer;display:grid;position:fixed;inset:0}.sobreposicao[hidden]{display:none}@keyframes aparecer{0%{opacity:0}to{opacity:1}}.painel{background:var(--cartao);width:min(380px,100%);color:var(--tinta);text-align:center;border-radius:22px;padding:22px 20px 20px;animation:.4s cubic-bezier(.3,1.6,.5,1) saltar;box-shadow:0 24px 60px #00000080}@keyframes saltar{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.painel h2{margin:0 0 6px;font-size:1.8rem}.painel p{margin:6px 0}.painel .btn-secundario{color:var(--tinta);background:#1f2d330f;border-color:#1f2d3340}.painel .btn-secundario:hover{background:#1f2d331f}.painel-botoes{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.painel-botoes .btn-principal{grid-column:1/-1;font-size:1.3rem}#dialogo-confirmar .painel-botoes .btn{grid-column:auto}.estrelas-vitoria{justify-content:center;gap:8px;margin:8px 0;display:flex}.estrela{width:64px;height:64px}.estrela path{fill:#ddd6c6;stroke:#c9c0ac;stroke-width:2px;stroke-linejoin:round}.estrela.ganha{animation:.45s cubic-bezier(.3,1.8,.5,1) both estrela-surge}.estrela.ganha path{fill:var(--amarelo);stroke:var(--amarelo-esc)}.estrela:nth-child(2){transform:translateY(-10px)}.estrela.ganha:nth-child(2){animation-name:estrela-surge-meio}@keyframes estrela-surge{0%{transform:scale(0)rotate(-40deg)}to{transform:scale(1)rotate(0)}}@keyframes estrela-surge-meio{0%{transform:translateY(-10px)scale(0)rotate(-40deg)}to{transform:translateY(-10px)scale(1)rotate(0)}}.vitoria-movs{font-size:1.5rem}.vitoria-nivel{color:#55656b;background:#1f2d3314;border-radius:99px;padding:2px 12px;font-size:.85rem;font-weight:700;display:inline-block;margin:0 0 2px!important}.vitoria-libera{color:#1d7a45;background:#e3f6e9;border-radius:99px;padding:4px 14px;font-weight:700;animation:.4s cubic-bezier(.3,1.8,.5,1) 1.1s both selo;display:inline-block}@keyframes selo{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.vitoria-libera[hidden]{display:none}.sobreposicao #confete{z-index:0}.painel{z-index:1;position:relative}.vitoria-obs{color:#55656b;min-height:1.3em;font-size:.95rem}#tela-final{text-align:center;justify-content:center;gap:12px}.trofeu svg{width:120px;height:120px;animation:2s ease-in-out infinite flutuar}.titulo-final{color:var(--amarelo);margin:0;font-size:clamp(2.4rem,10vw,3.4rem)}.texto-final{color:var(--texto-suave);max-width:420px;margin:0;font-size:1.15rem}.texto-final.pequeno{font-size:.95rem}#confete{pointer-events:none;z-index:30;width:100%;height:100%;position:fixed;inset:0}.aviso{background:var(--cartao);max-width:calc(100vw - 32px);color:var(--tinta);opacity:0;pointer-events:none;z-index:40;text-align:center;border-radius:14px;padding:10px 18px;font-weight:700;transition:opacity .2s,transform .2s;position:fixed;top:12px;left:50%;transform:translate(-50%,-20px);box-shadow:0 8px 24px #0006}.aviso.visivel{opacity:1;transform:translate(-50%)}@media (width<=420px){.tela{padding:12px}.hud-nivel strong{font-size:1.15rem}.hud-valor{font-size:1.3rem}.btn-barra{font-size:.8rem}.nivel{min-height:76px}.nivel .num{font-size:1.3rem}}@media (height>=760px) and (width>=700px){.hud-nivel strong{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.carrinho,.tutorial,.setas-cena span,.saida span{animation:none}}