:root{--texto:#16324f;--fundo:#fff8ec;--cartao:#fff;--alvo:72px;--raio:24px}*,:before,:after{box-sizing:border-box}html,body{background:var(--fundo);min-height:100%;color:var(--texto);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,sans-serif}.tela{min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 32px max(16px, env(safe-area-inset-left))}.topo{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.topo h1{flex:1;margin:0;font-size:clamp(2rem,5vw,3rem);font-weight:900}.titulo-secao{margin:24px 0 0;font-size:1.6rem}.texto{max-width:40rem;font-size:1.35rem;line-height:1.5}.botao{min-width:var(--alvo);min-height:var(--alvo);border:3px solid var(--texto);background:var(--cartao);color:var(--texto);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font:700 1.25rem/1 system-ui,sans-serif;text-decoration:none;display:inline-flex}.botao:active,.cartao:active{transform:scale(.96)}.botao:focus-visible,.cartao:focus-visible{outline-offset:3px;outline:4px solid #ffb703}.icone{flex:none;width:32px;height:32px}.botao-redondo{width:var(--alvo);padding:0}.botao[hidden]{display:none}.botao-redondo .icone{width:40px;height:40px}.cartoes{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:24px;margin:16px 0 0;padding:0;list-style:none;display:grid}.cartao{border:4px solid var(--cor);border-radius:var(--raio);background:var(--cartao);width:100%;box-shadow:0 6px 0 var(--cor);color:var(--texto);font:inherit;text-align:left;cursor:pointer;flex-direction:column;padding:0;text-decoration:none;display:flex;position:relative;overflow:hidden}.cartao img{aspect-ratio:4/3;background:var(--cor);width:100%;display:block}.cartao .nome{min-height:var(--alvo);align-items:center;padding:12px 16px;font-size:1.5rem;font-weight:800;display:flex}.cartao.em-breve{cursor:default}.cartao.em-breve img{filter:saturate(.75)}.selo{background:var(--texto);color:#fff;border-radius:999px;padding:8px 14px;font-size:1.1rem;font-weight:800;position:absolute;top:12px;right:12px}.selo-idade{background:#16324fb8;border:2px solid #ffffffd9;padding:3px 8px;font-size:.85rem;line-height:1.1;top:10px;left:10px;right:auto}.tela-jogo{background:#8fd3f4;padding:0;position:fixed;inset:0}.palco,.jogo-canvas{width:100%;height:100%;position:absolute;inset:0}.jogo-canvas{touch-action:none;outline:none;display:block}.tela-jogo .botao-voltar{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));z-index:1;position:absolute;box-shadow:0 4px #00000040}.jangada-hud{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));left:calc(max(16px, env(safe-area-inset-left)) + var(--alvo) + 16px);pointer-events:none;align-items:flex-start;gap:16px;display:flex;position:absolute}.jangada-hud[hidden]{display:none}.botao-ordem{pointer-events:auto;flex:none;box-shadow:0 4px #00000040}.placar{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:8px;display:flex}.placar-concha{background:#ffffff40;border:3px solid #fff;border-radius:50% 50% 18% 18%;width:36px;height:32px;transition:background .2s,transform .2s}.placar-concha.cheia{background:var(--cor);transform:scale(1.12)}.placar-concha.a-bordo{background:linear-gradient(to top, var(--cor) 50%, #ffffff40 50%)}.placar-concha.proxima{border-color:var(--cor);animation:.8s ease-in-out infinite alternate chama;box-shadow:0 0 0 3px #fff}.placar.sacode{animation:.4s sacode}@keyframes chama{to{transform:scale(1.2)}}@keyframes sacode{25%{transform:translate(-10px)}75%{transform:translate(10px)}}.jangada-camada{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.jangada-painel{border-radius:var(--raio);pointer-events:auto;background:#fff8ecf0;justify-items:center;gap:24px;max-width:calc(100vw - 32px);padding:24px 32px 32px;display:grid;box-shadow:0 8px #00000026}.jangada-painel h2{margin:0;font-size:2rem}.fases{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.fase-botao{border-radius:var(--raio);width:132px;height:132px;color:var(--texto);font:inherit;cursor:pointer;background:#fff;border:4px solid #1fa3b8;place-items:center;gap:4px;display:grid;box-shadow:0 6px #1fa3b8}.fase-botao:active{transform:scale(.96)}.fase-botao.bloqueada{color:#9aa5b1;border-color:#9aa5b1;box-shadow:0 6px #9aa5b1}.fase-botao .icone{width:36px;height:36px}.fase-numero{font-size:3rem;font-weight:900;line-height:1}.fase-estrelas,.fim-estrelas{color:#d8dde3;gap:2px;display:flex}.fase-estrelas .icone{width:30px;height:30px}.fim-estrelas .icone{width:88px;height:88px;transition:color .3s,transform .3s}.fase-estrelas .ganha,.fim-estrelas .ganha{color:#ffb703}.fim-estrelas .ganha{transform:scale(1.15)}.fim-acoes{gap:20px;display:flex}.botao-grande{width:96px;min-height:96px}.botao-grande .icone{width:48px;height:48px}@media (prefers-reduced-motion:reduce){.placar-concha.proxima,.placar.sacode{animation:none}}.aviso{text-align:center;place-items:center;margin:0;padding:2rem;font-size:1.75rem;font-weight:700;display:grid;position:absolute;inset:0}.aviso.erro{color:#8a2c0d;background:#fff4e5}.tela-pais .topo,.pais-corpo{max-width:1120px;margin:0 auto}.pais-cadeado{text-align:center;justify-items:center;gap:16px;margin:16px auto 0;display:grid}.pais-cadeado .texto{margin:0}.conta{align-items:center;gap:16px;font-size:3.5rem;font-weight:900;display:flex}.conta-sinal{color:#1fa3b8}.conta-resposta{border:4px solid var(--texto);background:var(--cartao);border-radius:16px;place-items:center;min-width:2.4em;height:1.4em;display:inline-grid}.pin-pontos{gap:20px;margin:8px 0;display:flex}.pin-pontos span{border:4px solid var(--texto);background:var(--cartao);border-radius:50%;width:36px;height:36px;transition:background .15s}.pin-pontos span.cheio{background:var(--texto)}.pin-pontos.sacode{animation:.4s sacode}.teclado{grid-template-columns:repeat(3,96px);gap:14px;display:grid}.tecla{border:3px solid var(--texto);background:var(--cartao);width:96px;height:80px;box-shadow:0 5px 0 var(--texto);color:var(--texto);cursor:pointer;border-radius:20px;place-items:center;font:800 2.2rem/1 system-ui,sans-serif;display:grid}.tecla:active{box-shadow:0 2px 0 var(--texto);transform:translateY(3px)}.tecla:focus-visible{outline-offset:3px;outline:4px solid #ffb703}.tecla-ok{color:#fff;background:#1fbf7f;border-color:#138a5b;box-shadow:0 5px #138a5b}.tecla-apagar .icone,.tecla-ok .icone{width:40px;height:40px}.pais-mensagem{color:#8a2c0d;min-height:1.6em;margin:0;font-size:1.2rem;font-weight:700}.pais-crianca{max-width:32rem;margin:8px 0 0;font-size:1.1rem}.botao-discreto{background:0 0;border-color:#0000;text-decoration:underline}.pais-configuracoes{grid-template-columns:repeat(auto-fill,minmax(min(480px,100%),1fr));align-items:start;gap:24px;margin-top:24px;display:grid}.pais-aviso{border-radius:var(--raio);background:#fff1d6;border:3px solid #e09f3e;grid-column:1/-1;margin:0;padding:16px 20px;font-size:1.2rem;line-height:1.45}.pais-aviso-ok{background:#e3f8ee;border-color:#1fbf7f}.pais-secao{border:3px solid var(--texto);border-radius:var(--raio);background:var(--cartao);gap:16px;padding:20px 24px 24px;display:grid;box-shadow:0 6px #16324f2e}.pais-secao h2{margin:0;font-size:1.5rem}.pais-explicacao,.pais-situacao{margin:0;font-size:1.1rem;line-height:1.45}.pais-situacao{font-weight:700}.pais-secao>.botao{justify-self:start}.opcoes,.acoes{flex-wrap:wrap;gap:12px;display:flex}.botao.opcao{min-height:64px;padding:0 20px}.botao.opcao[aria-checked=true]{color:#fff;background:#1fa3b8;border-color:#1fa3b8}.botao-perigo{color:#b23a1e;border-color:#b23a1e}.confirmacao .botao-perigo{color:#fff;background:#b23a1e}.confirmacao{background:#fff1d6;border-radius:18px;gap:12px;padding:16px;display:grid}.confirmacao p{margin:0;font-size:1.15rem;font-weight:700}.interruptor{width:100%;min-height:72px;color:var(--texto);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:16px;padding:0 4px;font:700 1.2rem/1.2 system-ui,sans-serif;display:flex}.interruptor-rotulo{flex:1}.interruptor-trilho{border:3px solid var(--texto);background:#d8dde3;border-radius:999px;flex:none;width:104px;height:56px;transition:background .2s;position:relative}.interruptor-bola{background:#fff;border-radius:50%;width:40px;height:40px;transition:transform .2s;position:absolute;top:5px;left:6px;box-shadow:0 2px #0003}.interruptor[aria-checked=true] .interruptor-trilho{background:#1fbf7f}.interruptor[aria-checked=true] .interruptor-bola{transform:translate(46px)}.interruptor-estado{flex:none;min-width:6.5em;font-size:1rem}.interruptor.travado{cursor:not-allowed;opacity:.6}.interruptor:focus-visible{outline-offset:3px;border-radius:16px;outline:4px solid #ffb703}.codigo{border:3px solid var(--texto);width:100%;min-height:96px;color:var(--texto);word-break:break-all;resize:vertical;-webkit-user-select:text;user-select:text;background:#fffdf8;border-radius:16px;padding:12px 16px;font:1rem/1.4 ui-monospace,monospace}.codigo-gerado{justify-items:start;gap:12px;display:grid}.codigo-gerado[hidden]{display:none}.tela-descanso{background:linear-gradient(#e9e6ff, var(--fundo));place-items:center;display:grid}.descanso{text-align:center;justify-items:center;gap:16px;max-width:44rem;display:grid}.descanso-desenho{border-radius:var(--raio);width:min(520px,90vw);height:auto;box-shadow:0 8px #22306b40}.descanso h1{margin:8px 0 0;font-size:clamp(2.2rem,6vw,3.4rem);font-weight:900}.descanso .texto{margin:0}.descanso-adulto{margin:8px 0 0;font-size:1.1rem}@media (prefers-reduced-motion:reduce){.pin-pontos.sacode{animation:none}}