:root{--mar:#0f4c5c;--mar-escuro:#0a3742;--mar-claro:#16697d;--areia:#f2d8a7;--areia-escura:#d9b77a;--madeira:#8b5a2b;--madeira-escura:#5e3a17;--verde:#2ec4b6;--coral:#ff6b6b;--texto:#fdfcf7;--sol:#ffd166;--raio:16px;--fonte:ui-rounded, "SF Pro Rounded", "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow-x:hidden}body{font-family:var(--fonte);color:var(--texto);background:radial-gradient(ellipse at 50% 0%, var(--mar-claro) 0%, var(--mar) 45%, var(--mar-escuro) 100%) fixed;-webkit-tap-highlight-color:transparent;min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--sol);outline-offset:3px}.tabuleiro:focus{outline:none}.tabuleiro:focus-visible{outline-offset:2px;outline:2px solid #ffd16673}.mar{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.onda{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='48'%3E%3Cpath d='M0 24 Q15 14 30 24 T60 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:repeat;animation:18s linear infinite deriva;position:absolute;inset:-60px -200px}.onda1{opacity:.07;background-size:120px 48px}.onda2{opacity:.05;background-position:40px 20px;background-size:180px 70px;animation-duration:26s;animation-direction:reverse}.onda3{opacity:.04;background-position:90px 50px;background-size:240px 96px;animation-duration:34s}@keyframes deriva{0%{transform:translate(0,0)}to{transform:translate(120px,12px)}}.tela{z-index:1;min-height:100dvh;display:none;position:relative}.tela.ativa{animation:.25s ease-out surgir;display:flex}@keyframes surgir{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.btn{letter-spacing:.01em;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:14px 26px;font-size:1.05rem;font-weight:700;transition:transform .12s,box-shadow .12s,background .15s;display:inline-flex}.btn:active{transform:scale(.96)}.btn-principal{background:linear-gradient(180deg, #ffe08a, var(--sol) 60%, #f4b942);color:#3b2a07;box-shadow:0 6px #c98f1d,0 12px 24px #00000040}.btn-principal:hover{transform:translateY(-2px)}.btn-principal:active{transform:translateY(3px);box-shadow:0 2px #c98f1d,0 6px 12px #00000040}.btn-secundario{color:var(--texto);background:#fdfcf71f;border:2px solid #fdfcf773}.btn-secundario:hover{background:#fdfcf733}.btn-perigo{color:#ffb3b3;background:0 0;border:2px solid #ff6b6b99}.btn-perigo:hover{background:#ff6b6b26}.painel .btn-perigo{background:var(--coral);color:#3d0b0b;border-color:var(--coral)}.btn-texto{color:var(--texto);text-underline-offset:4px;background:0 0;text-decoration:underline}.btn-icone{background:#fdfcf71f;border:0;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.btn-icone:hover{background:#fdfcf738}.btn-icone svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}#tela-inicio{flex-direction:column;justify-content:center;align-items:center;padding:24px 16px 32px}#tela-inicio>.mudo-btn{position:absolute;top:14px;right:14px}.inicio-conteudo{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:480px;display:flex}.logo{width:220px;max-width:70vw;height:auto;margin-bottom:4px;animation:4s ease-in-out infinite boiar}.logo-num{font:900 30px var(--fonte);fill:#0f4c5c}@keyframes boiar{50%{transform:translateY(-6px)}}h1{margin:0}#titulo{letter-spacing:-.02em;text-shadow:0 4px #0000002e;font-size:clamp(2.4rem,10vw,3.6rem);font-weight:900;line-height:1.05}.subtitulo{opacity:.85;margin:8px 0 24px;font-size:1.05rem}.inicio-botoes{flex-direction:column;gap:14px;width:100%;max-width:320px;display:flex}#btn-jogar{flex-direction:column;gap:0;min-height:72px;padding:14px 26px 12px;font-size:1.5rem}#btn-jogar small{opacity:.75;font-size:.8rem;font-weight:600}.como-jogar{text-align:left;border-radius:var(--raio);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a37428c;border:1px solid #fdfcf724;width:100%;margin-top:28px;padding:16px 18px}.como-jogar h2{margin:0 0 10px;font-size:1.1rem}.como-corpo{align-items:center;gap:14px;display:flex}.mini-diagrama{flex:none;width:120px}.mini-num{font:900 22px var(--fonte);fill:#073b3a}.como-jogar ol{margin:0;padding-left:20px;font-size:.92rem;line-height:1.4}.como-jogar li+li{margin-top:6px}@media (width<=480px){.como-corpo{flex-direction:column}.mini-diagrama{width:140px}}#tela-niveis{flex-direction:column;align-items:center;padding:12px 12px 32px}.cabecalho{align-items:center;gap:12px;width:100%;max-width:760px;padding:4px 0 8px;display:flex}.cabecalho h1{text-align:center;flex:1;font-size:1.5rem;font-weight:800}.btn-voltar{background:#fdfcf71f;padding:8px 16px 8px 10px}.btn-voltar svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.lista-mundos{flex-direction:column;gap:18px;width:100%;max-width:760px;display:flex}.mundo{border-radius:var(--raio);background:#0a374280;border:1px solid #fdfcf71f;padding:14px}.mundo h2{align-items:baseline;gap:10px;margin:0 0 12px;font-size:1.15rem;display:flex}.mundo h2 small{opacity:.7;font-size:.8rem;font-weight:600}.mundo h2 .mundo-estrelas{color:var(--sol);margin-left:auto;font-size:.9rem}.grade-niveis{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.cartao-nivel{background:var(--areia);color:#3b2a07;min-height:96px;box-shadow:0 4px 0 var(--areia-escura);border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 4px 8px;transition:transform .12s;display:flex;position:relative}.cartao-nivel:hover:not(:disabled){transform:translateY(-3px)}.cartao-nivel:active:not(:disabled){box-shadow:0 1px 0 var(--areia-escura);transform:translateY(2px)}.cartao-nivel .num{font-size:1.6rem;font-weight:900;line-height:1}.cartao-nivel .nome{opacity:.75;white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 2px;font-size:.7rem;font-weight:700;overflow:hidden}.cartao-nivel .est{letter-spacing:1px;color:#c98f1d;font-size:.95rem}.cartao-nivel .est .vazia{color:#3b2a0738}.cartao-nivel .tempo{opacity:.7;font-size:.7rem;font-weight:700}.cartao-nivel.vencido{background:linear-gradient(180deg, #fbe7bf, var(--areia))}.cartao-nivel.atual{box-shadow:0 4px 0 var(--areia-escura), 0 0 0 3px var(--sol), 0 0 18px #ffd1668c;animation:1.8s ease-in-out infinite chamar}@keyframes chamar{50%{box-shadow:0 4px 0 var(--areia-escura), 0 0 0 3px var(--sol), 0 0 4px #ffd16633}}.cartao-nivel:disabled{color:#fdfcf773;box-shadow:none;cursor:not-allowed;background:#fdfcf714}.cartao-nivel svg.cadeado{fill:none;stroke:currentColor;stroke-width:2px;width:22px;height:22px}.rodape-niveis{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:760px;margin-top:20px;display:flex}.resumo{margin:0;font-weight:700}.resumo b{color:var(--sol)}@media (width<=480px){.grade-niveis{gap:6px}.cartao-nivel{border-radius:12px;min-height:88px}.cartao-nivel .num{font-size:1.35rem}.cartao-nivel .nome{display:none}.cartao-nivel .est{letter-spacing:0;font-size:.8rem}.cabecalho h1{font-size:1.25rem}.rodape-niveis{text-align:center;justify-content:center}}#tela-jogo{flex-direction:column;align-items:center;padding:8px 8px 12px}.barra{border-radius:var(--raio);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a374299;border:1px solid #fdfcf71f;align-items:center;gap:10px;width:100%;max-width:900px;padding:8px 10px;display:flex}.barra-info{flex-wrap:wrap;flex:1;align-items:center;gap:16px;min-width:0;display:flex}.nivel-rotulo{flex-direction:column;min-width:0;display:flex}.mundo-nome{text-transform:uppercase;letter-spacing:.08em;opacity:.7;font-size:.75rem;font-weight:700}.nivel-rotulo strong{white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;overflow:hidden}.contadores{gap:12px;display:flex}.contador{font-variant-numeric:tabular-nums;background:#0003;border-radius:999px;align-items:center;gap:5px;min-width:52px;padding:4px 10px 4px 8px;display:inline-flex}.contador svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;opacity:.75;width:18px;height:18px}.contador b{font-weight:800}.contador.pulsa b{animation:.3s pulsar-num}.contador b{display:inline-block}@keyframes pulsar-num{50%{color:var(--sol);transform:scale(1.25)}}.acoes{gap:6px;display:flex}.btn-acao{background:#fdfcf71a;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:64px;min-height:48px;padding:4px 10px;font-size:.75rem;font-weight:700;transition:background .15s,transform .1s;display:flex}.btn-acao:hover{background:#fdfcf733}.btn-acao:active{transform:scale(.94)}.btn-acao:disabled{opacity:.4;cursor:default}.btn-acao svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.btn-acao[data-acao=dica] svg{stroke:var(--sol)}.area-tabuleiro{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;width:100%;padding:8px 0;display:flex}.progresso-ilhas{align-items:center;gap:12px;width:min(100vw - 32px,360px);font-size:.85rem;font-weight:700;display:flex}.progresso-ilhas span{white-space:nowrap;opacity:.85;font-variant-numeric:tabular-nums}.progresso-trilho{background:#00000040;border-radius:99px;flex:1;height:8px;overflow:hidden}.progresso-barra{background:linear-gradient(90deg, #22a99c, var(--verde));border-radius:99px;width:0;height:100%;transition:width .3s ease-out,background .3s}.progresso-barra.cheia{background:linear-gradient(90deg, var(--verde), var(--sol))}.tabuleiro{--lado:min(calc(100vw - 16px), calc(100dvh - 150px), 640px);width:var(--lado);height:var(--lado);touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 40%,#16697d8c,#0a374299);border:1px solid #fdfcf71a;border-radius:20px;display:block;box-shadow:inset 0 0 40px #00000040,0 10px 30px #0003}.ajuda-teclado{opacity:.6;text-align:center;margin:0;font-size:.8rem}@media (width<=700px){#tela-jogo{padding:8px 8px 84px}.barra{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a3742bf;padding:6px 8px 6px 12px}.barra-info{gap:4px 12px}.acoes{z-index:5;padding:8px 8px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#082c35eb;border-top:1px solid #fdfcf71f;grid-template-columns:repeat(4,1fr);gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.btn-acao{min-height:56px}.tabuleiro{--lado:min(calc(100vw - 16px), calc(100dvh - 210px))}.area-tabuleiro{justify-content:flex-start;padding-top:4vh}.so-desk{display:none}}.ponto-grade{fill:#fdfcf724}.ponte line{stroke:var(--madeira);stroke-linecap:butt}.ponte line.tabuas{stroke:var(--madeira-escura)}.ponte line.borda{stroke:#00000040}.ponte{transform-box:fill-box}.ponte.nova{animation:.15s ease-out both cresce}.ponte.de-esquerda{transform-origin:0%}.ponte.de-direita{transform-origin:100%}.ponte.de-cima{transform-origin:50% 0}.ponte.de-baixo{transform-origin:50% 100%}.ponte.de-esquerda.nova,.ponte.de-direita.nova{animation-name:cresce-h}.ponte.de-cima.nova,.ponte.de-baixo.nova{animation-name:cresce-v}@keyframes cresce-h{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes cresce-v{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.ponte.acesa line:not(.tabuas):not(.borda){animation:.5s ease-out both acender;animation-delay:inherit}.ponte.acesa{filter:drop-shadow(0 0 #ffd16600);animation:.9s ease-out both brilho}@keyframes acender{to{stroke:#e9a23b}}@keyframes brilho{0%{filter:drop-shadow(0 0 #ffd16600)}40%{filter:drop-shadow(0 0 10px #ffd166)}to{filter:drop-shadow(0 0 5px #ffd166b3)}}.ilha{transform-box:fill-box;transform-origin:50%;cursor:pointer}.ilha .corpo{fill:var(--areia);stroke:var(--areia-escura);stroke-width:4px;transition:fill .2s,stroke .2s}.ilha .sombra{fill:#00000038}.ilha .num{font-family:var(--fonte);fill:var(--mar);pointer-events:none;font-weight:900}.ilha .anel{fill:none;stroke:none;stroke-width:5px}.ilha .sel{fill:none;stroke:none;stroke-width:5px;stroke-dasharray:12 8}.ilha.completa .corpo{fill:var(--verde);stroke:#fdfcf7}.ilha.completa .num{fill:#063b37}.ilha.completa .anel{stroke:var(--verde);opacity:.55}.ilha.completa.recem .anel{animation:.5s ease-out anel-abre}@keyframes anel-abre{0%{opacity:1;stroke-width:12px}to{opacity:.55;stroke-width:5px}}.ilha.excesso .corpo{fill:var(--coral);stroke:#b52f2f;stroke-width:6px}.ilha.excesso .num{fill:#fff;animation:.7s steps(2,start) infinite piscar}@keyframes piscar{to{opacity:.2}}.ilha.selecionada .sel{stroke:var(--sol);animation:1.6s linear infinite girar}.ilha.selecionada .corpo{stroke:var(--sol)}@media (hover:hover){.ilha:hover .corpo{stroke:#fdfcf7}.ilha:hover .sombra{fill:#00000059}}.ilha.surge{animation:.38s cubic-bezier(.2,1.5,.4,1) both surgir-ilha}@keyframes surgir-ilha{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.ponto-grade{animation:.4s ease-out both aparecer}@keyframes aparecer{0%{opacity:0}}.ilha.cursor .sel{stroke:var(--texto);stroke-dasharray:6 6}.ilha.cursor.selecionada .sel{stroke:var(--sol)}.ilha.anterior .corpo{stroke:var(--sol);stroke-width:6px}@keyframes girar{to{stroke-dashoffset:-40px}}.ilha.alvo{animation:.6s ease-in-out infinite pulsa-alvo}.ilha.alvo .corpo{stroke:var(--sol);stroke-width:7px}@keyframes pulsa-alvo{50%{transform:scale(1.12)}}.ilha.treme{animation:.4s ease-in-out tremer}.ilha.treme .corpo{stroke:var(--coral);stroke-width:8px}@keyframes tremer{0%,to{transform:translate(0)}20%{transform:translate(-9%)}40%{transform:translate(8%)}60%{transform:translate(-6%)}80%{transform:translate(4%)}}.ilha.festa{animation:.5s ease-out both pular}@keyframes pular{40%{transform:scale(1.15)}to{transform:scale(1)}}.guia{stroke:var(--texto);stroke-width:5px;stroke-dasharray:10 9;stroke-linecap:round;fill:none;opacity:.85;pointer-events:none;animation:.5s linear infinite correr}.guia.invalida{stroke:var(--coral)}@keyframes correr{to{stroke-dashoffset:-19px}}.dica-linha{stroke:var(--sol);stroke-width:14px;stroke-linecap:round;stroke-dasharray:2 18;fill:none;pointer-events:none;animation:.8s ease-in-out infinite alternate dica-pisca,.6s linear infinite correr}.dica-linha.remover{stroke:var(--coral)}@keyframes dica-pisca{0%{opacity:.35}to{opacity:1}}.aviso{z-index:30;opacity:0;pointer-events:none;color:#0a3742;text-align:center;background:#fdfcf7;border-radius:999px;width:max-content;max-width:calc(100vw - 24px);margin:0 auto;padding:12px 20px;font-weight:800;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:0;right:0;transform:translateY(20px);box-shadow:0 8px 24px #0000004d}.aviso.visivel{opacity:1;transform:none}.aviso.erro{background:var(--coral);color:#3d0b0b}.aviso.dica{background:var(--sol);color:#3b2a07}@media (width<=700px){.aviso{bottom:96px}}.modal{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#051e248c;place-items:center;padding:16px;animation:.25s surgir;display:grid;position:fixed;inset:0}.modal[hidden]{display:none}.painel{text-align:center;background:linear-gradient(#13586a,#0c4250);border:1px solid #fdfcf733;border-radius:22px;width:100%;max-width:380px;padding:22px 20px;box-shadow:0 20px 50px #0006}.painel h2{margin:0 0 8px;font-size:1.6rem;font-weight:900}.painel p{opacity:.9;line-height:1.4}.painel-vitoria{animation:.45s cubic-bezier(.2,1.4,.4,1) both subir}@keyframes subir{0%{opacity:0;transform:translateY(40px)scale(.9)}}.estrelas-grandes{justify-content:center;gap:8px;min-height:64px;margin:6px 0 14px;display:flex}.estrela{opacity:0;width:60px;height:60px;transform:scale(0)rotate(-40deg)}.estrela.cheia path{fill:var(--sol);stroke:#c98f1d}.estrela.vazia path{fill:#fdfcf71f;stroke:#fdfcf74d}.estrela path{stroke-width:1.5px;stroke-linejoin:round}.estrela.entra{animation:.45s cubic-bezier(.2,1.6,.4,1) forwards estrela-entra}.estrela:nth-child(2){transform:translateY(-8px)scale(0)}@keyframes estrela-entra{to{opacity:1;transform:scale(1)rotate(0)}}.estrela:nth-child(2).entra{animation-name:estrela-entra-meio}@keyframes estrela-entra-meio{to{opacity:1;transform:translateY(-10px)scale(1.15)rotate(0)}}.vitoria-dados{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px;display:grid}.vitoria-dados div{background:#0000002e;border-radius:12px;flex-direction:column;padding:8px 4px;display:flex}.vitoria-dados small{opacity:.75;font-size:.75rem;font-weight:700}.vitoria-dados b{font-variant-numeric:tabular-nums;font-size:1.35rem}.recorde{min-height:1.4em;color:var(--sol);margin:8px 0;font-weight:800}.painel-botoes{flex-direction:column;gap:10px;margin-top:8px;display:flex}.painel-botoes.lado{flex-direction:row;justify-content:center}.painel-botoes.lado .btn{flex:1}.confetes{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.modal .painel{z-index:1;position:relative}.vitoria-nivel{letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin:0 0 2px;font-size:.8rem;font-weight:800}.vitoria-dica{opacity:.8;margin:0 0 4px;font-size:.85rem}.vitoria-dica:empty,.recorde:empty{display:none}.btn .seta{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;transition:transform .15s}.btn:hover .seta{transform:translate(3px)}.vitoria-dados div.recorde-novo{background:#ffd1662e;box-shadow:inset 0 0 0 2px #ffd16699}.confete{animation:linear forwards cair;position:absolute;top:-40px}.confete.gaivota svg{fill:none;stroke:#fdfcf7;stroke-width:2.6px;stroke-linecap:round;width:34px;height:16px}.confete.gaivota{animation-name:voar}.confete.estrelinha{color:var(--sol);text-shadow:0 0 6px #ffd166cc;font-size:22px}@keyframes cair{to{transform:translate(var(--dx,0), 110vh) rotate(var(--rot,360deg));opacity:.8}}@keyframes voar{0%{transform:translate(0)}50%{transform:translate(calc(var(--dx,0) * .5), 45vh) scaleY(.6)}to{transform:translate(var(--dx,0), 105vh);opacity:.6}}@media (prefers-reduced-motion:reduce){.onda,.logo,.cartao-nivel.atual{animation:none}}