:root{--surface:#fff8ec;--surface-raised:#fff;--surface-sunken:#f6ecd8;--line:#e6d9bf;--line-strong:#6b7c7d;--ink:#1b2a2c;--ink-muted:#556667;--rio:#0b6f78;--rio-soft:#d3f1f2;--on-rio:#fff;--sol:#f57c1f;--sol-text:#a84800;--sol-soft:#ffe6cc;--on-sol:#1b2a2c;--mata:#2f7a33;--mata-soft:#dcf3d9;--on-mata:#fff;--babacu:#f7c531;--babacu-soft:#fff1bf;--on-babacu:#1b2a2c;--terra:#b23a2a;--terra-soft:#fbe0da;--on-terra:#fff;--link:var(--rio);--focus-ring:var(--rio);--overlay:#1b2a2ca6;--shadow-card:0 2px 8px #1b2a2c14;--shadow-lift:0 10px 28px #1b2a2c26;--shadow-piece:0 14px 32px #0b6f7840;--mapa-terra:var(--surface-sunken);--mapa-agua:var(--rio-soft);--mapa-areia:var(--babacu-soft);--mapa-rua:var(--line);--mapa-verde:var(--mata-soft);--mapa-texto:var(--ink-muted);--font-display:"Fredoka", "Nunito", system-ui, sans-serif;--font-sans:"Nunito", "Segoe UI", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-pill:9999px;--touch-target:48px;--control-height:56px;--content-width:1120px;--piece-tab:20px;--escala:1;--transicao:.16s ease;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-sans);line-height:1.5}:root[data-tema=noite]{--surface:#0f1c1e;--surface-raised:#182a2c;--surface-sunken:#0a1415;--line:#2c4143;--line-strong:#8fa3a1;--ink:#f4efe3;--ink-muted:#a7b7b5;--rio:#5fd0d9;--rio-soft:#0f3b40;--on-rio:#0f1c1e;--sol:#ff9a47;--sol-text:#ffb26e;--sol-soft:#4a2a0c;--on-sol:#0f1c1e;--mata:#7fdc86;--mata-soft:#153f20;--on-mata:#0f1c1e;--babacu:#ffd85c;--babacu-soft:#4a3c07;--on-babacu:#0f1c1e;--terra:#ff8b78;--terra-soft:#4d1f18;--on-terra:#0f1c1e;--overlay:#0a1415cc;--shadow-card:0 2px 8px #0006;--shadow-lift:0 10px 28px #0009;--shadow-piece:0 14px 32px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-contraste=alto]{--surface:#fff;--surface-raised:#fff;--surface-sunken:#fff;--line:#000;--line-strong:#000;--ink:#000;--ink-muted:#000;--rio:#00474d;--rio-soft:#fff;--on-rio:#fff;--sol:#a84800;--sol-text:#7a3400;--sol-soft:#fff;--on-sol:#fff;--mata:#00591f;--mata-soft:#fff;--on-mata:#fff;--babacu:#7a5b00;--babacu-soft:#fff;--on-babacu:#fff;--terra:#8a0000;--terra-soft:#fff;--on-terra:#fff;--focus-ring:#00f;--shadow-card:none;--shadow-lift:none;--shadow-piece:none;--mapa-terra:#fff;--mapa-agua:#cfe8ff;--mapa-areia:#fff0b0;--mapa-rua:#000;--mapa-verde:#cdf0cd;--mapa-texto:#000;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-texto=grande]{--escala:1.25}:root[data-movimento=reduzido]{--transicao:0s}@media (prefers-reduced-motion:reduce){:root{--transicao:0s}}*{box-sizing:border-box}html{font-size:calc(100% * var(--escala))}body{background:var(--surface);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0;font-size:1.125rem;line-height:1.75rem}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pular{left:-999px;top:var(--space-2);background:var(--rio);color:var(--on-rio);padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);z-index:10;font-weight:700;text-decoration:none;position:absolute}.pular:focus{left:var(--space-2)}.site{flex-direction:column;min-height:100dvh;display:flex}.faixa-conteudo{width:100%;max-width:var(--content-width);padding:0 var(--space-4);margin:0 auto}@media (width>=720px){.faixa-conteudo{padding:0 var(--space-6)}}.topo{background:var(--surface-raised);border-bottom:1px solid var(--line)}.topo .faixa-conteudo{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:72px;display:flex}.marca-app{padding:var(--space-2);margin-left:calc(var(--space-2) * -1);border-radius:var(--radius-md);cursor:pointer;color:inherit;background:0 0;border:0;align-items:center;display:inline-flex}.nav-principal{gap:var(--space-3);align-items:center;display:flex}.nav-link{align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding:0 var(--space-4);border-radius:var(--radius-pill);color:var(--ink);cursor:pointer;background:0 0;border:0;font-family:inherit;font-size:1rem;font-weight:700;line-height:1.25rem;display:inline-flex}.nav-link:hover{background:var(--surface-sunken)}.nav-link[aria-current=page]{background:var(--rio-soft);color:var(--rio)}main{outline:none}.app{width:100%;max-width:var(--content-width);padding:var(--space-6) var(--space-4) var(--space-8);flex:1;margin:0 auto}@media (width>=720px){.app{padding:var(--space-7) var(--space-6) var(--space-9)}}h1{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 var(--space-4);font-size:2.5rem;font-weight:600;line-height:2.75rem}h1 em{color:var(--rio);font-style:normal}h2{font-family:var(--font-display);margin:var(--space-7) 0 var(--space-4);font-size:1.75rem;font-weight:600;line-height:2.125rem}h3{font-family:var(--font-display);margin:0;font-size:1.375rem;font-weight:600;line-height:1.75rem}p{margin:0 0 var(--space-4);max-width:68ch}.lead{color:var(--ink-muted);font-size:1.25rem;font-weight:500;line-height:1.875rem}small{font-size:1rem;line-height:1.5rem}.hero{gap:var(--space-5);margin-bottom:var(--space-7);display:grid}@media (width>=900px){.hero h1{font-size:3.5rem;line-height:3.75rem}}.hero-acoes{gap:var(--space-3);flex-wrap:wrap;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target);min-width:var(--touch-target);padding:0 var(--space-5);border-radius:var(--radius-pill);background:var(--rio);color:var(--on-rio);cursor:pointer;transition:background var(--transicao), box-shadow var(--transicao), transform var(--transicao);border:2px solid #0000;font-family:inherit;font-size:1rem;font-weight:700;line-height:1.25rem;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){box-shadow:var(--shadow-lift)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{background:var(--surface-sunken);border-color:var(--line);color:var(--ink-muted);cursor:default}.btn.jogar{background:var(--sol);color:var(--on-sol)}.btn.grande{min-height:var(--control-height);padding:0 var(--space-6);font-size:1.125rem}.btn.secundario{background:var(--surface-raised);border-color:var(--line-strong);color:var(--ink)}.btn.perigo{background:var(--terra);color:var(--on-terra)}.btn.icone{min-width:var(--touch-target);padding:0}.link{align-items:center;gap:var(--space-2);color:var(--link);font:inherit;cursor:pointer;min-height:var(--touch-target);padding:0 var(--space-1);background:0 0;border:0;font-weight:700;text-decoration:underline;display:inline-flex}[data-cor=rio]{--trilha:var(--rio);--trilha-soft:var(--rio-soft);--trilha-texto:var(--rio)}[data-cor=sol]{--trilha:var(--sol);--trilha-soft:var(--sol-soft);--trilha-texto:var(--sol-text)}[data-cor=mata]{--trilha:var(--mata);--trilha-soft:var(--mata-soft);--trilha-texto:var(--mata)}[data-cor=terra]{--trilha:var(--terra);--trilha-soft:var(--terra-soft);--trilha-texto:var(--terra)}[data-cor=babacu]{--trilha:var(--babacu);--trilha-soft:var(--babacu-soft);--trilha-texto:var(--ink)}.progresso{max-width:480px;margin:0 0 var(--space-5)}.progresso-cabeca{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.progresso-cabeca strong{font-family:var(--font-display);font-size:1.375rem;line-height:1.75rem}.progresso-trilho{border-radius:var(--radius-pill);background:var(--surface-sunken);border:1px solid var(--line);height:12px;overflow:hidden}.progresso-cheio{background:var(--sol);border-radius:var(--radius-pill);height:100%;transition:width var(--transicao)}.progresso.completo .progresso-cheio{background:var(--mata)}.trilhas,.lista-fases,.cartas,.pinos,.eventos,.ajustes ul{margin:0;padding:0;list-style:none}.trilhas{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.cartao-trilha,.cartao-fase{gap:var(--space-4);text-align:left;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);cursor:pointer;width:100%;font:inherit;color:inherit;box-shadow:var(--shadow-card);min-height:var(--touch-target);transition:box-shadow var(--transicao), transform var(--transicao);align-items:stretch;padding:0;display:flex;overflow:hidden}.cartao-trilha:hover,.cartao-fase:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.cartao-trilha .faixa{background:var(--trilha);flex:none;width:12px}.cartao-corpo{gap:var(--space-1);padding:var(--space-5) var(--space-5) var(--space-5) var(--space-1);flex-direction:column;flex:1;display:flex}.cartao-corpo strong{font-family:var(--font-display);font-size:1.375rem;font-weight:600;line-height:1.75rem}.cartao-corpo>span{color:var(--ink-muted);font-size:1rem;line-height:1.5rem}.pill,.tipo{align-items:center;gap:var(--space-1);background:var(--trilha-soft,var(--surface-sunken));color:var(--trilha-texto,var(--ink));border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3);letter-spacing:.02em;text-transform:uppercase;margin-top:var(--space-2);align-self:flex-start;font-size:.875rem;font-weight:700;line-height:1.25rem;display:inline-flex}.tipo{vertical-align:middle;margin:0}.lista-fases{gap:var(--space-3);display:grid}.cartao-fase{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.cartao-fase .cartao-corpo{padding:var(--space-2) 0}.cartao-fase .numero{border-radius:var(--radius-pill);background:var(--surface-sunken);border:1px solid var(--line);width:40px;height:40px;font-family:var(--font-display);flex:none;place-items:center;font-weight:700;display:grid}.cartao-fase.feita .numero{background:var(--mata);color:var(--on-mata);border-color:var(--mata)}.cartao-fase .estado{align-items:center;gap:var(--space-2);color:var(--rio);white-space:nowrap;font-weight:700;display:inline-flex}.cartao-fase.feita .estado{color:var(--mata)}.oficina{margin-top:var(--space-8);padding:var(--space-5);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg)}.oficina h2{margin-top:0}.cabecalho-fase{gap:var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.cabecalho-fase h1{align-items:center;gap:var(--space-3);flex-wrap:wrap;margin:0;display:flex}.jogo{margin-top:var(--space-5)}.instrucao{color:var(--ink-muted);margin:0 0 var(--space-4)}.barra-jogo{gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.contador{color:var(--ink-muted);font-size:1rem;line-height:1.5rem}.contador strong{font-family:var(--font-display);color:var(--ink);font-size:1.375rem;font-weight:700;line-height:1.75rem}.referencia{border-radius:var(--radius-lg);border:1px solid var(--line);width:min(100%,320px);margin:0 0 var(--space-4);display:block}.grade{gap:var(--space-1);background:var(--surface-sunken);border:1px solid var(--line);width:100%;max-width:640px;padding:var(--space-1);border-radius:var(--radius-lg);display:grid}.peca{border-radius:var(--radius-sm);cursor:pointer;min-height:var(--touch-target);background-color:var(--surface-raised);transition:transform var(--transicao), box-shadow var(--transicao);border:3px solid #0000;padding:0;position:relative}.peca.selecionada{border-color:var(--sol);box-shadow:var(--shadow-piece);z-index:1;transform:scale(.94)}.peca .marca{right:var(--space-1);bottom:var(--space-1);background:var(--mata);color:var(--on-mata);border-radius:var(--radius-pill);place-items:center;width:24px;height:24px;display:grid;position:absolute}.grade.concluido{gap:0;padding:0}.grade.concluido .peca{border-color:#0000;border-radius:0}.cartas{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.carta{border-radius:var(--radius-lg);background:var(--rio);width:100%;min-height:104px;color:var(--on-rio);font:inherit;cursor:pointer;padding:var(--space-3);box-shadow:var(--shadow-card);transition:box-shadow var(--transicao), transform var(--transicao);border:1px solid #0000;font-weight:700}.carta:hover:not(:disabled){box-shadow:var(--shadow-lift);transform:translateY(-2px)}.carta .frente{font-family:var(--font-display);font-size:1.375rem}.carta.aberta{background:var(--surface-raised);color:var(--ink);border-color:var(--line)}.carta.aberta .frente{font-family:var(--font-sans);font-size:1rem;font-weight:400;line-height:1.5rem}.carta.aberta.lado-a{border-color:var(--rio);border-width:3px}.carta.aberta.lado-b{border-color:var(--terra);border-width:3px}.carta.achada{background:var(--mata-soft);color:var(--ink);border-color:var(--mata);cursor:default;box-shadow:none;border-width:3px}.mapa-layout{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=700px){.mapa-layout{grid-template-columns:240px 1fr}}.pinos{gap:var(--space-2);flex-wrap:wrap;align-content:flex-start;display:flex}@media (width>=700px){.pinos{flex-direction:column}}.pino{align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:2px solid var(--line-strong);background:var(--surface-raised);color:var(--ink);font:inherit;cursor:grab;text-align:left;width:100%;font-weight:700;display:inline-flex}.pino.selecionada{background:var(--rio);border-color:var(--rio);color:var(--on-rio)}.pino.colocado{border-color:var(--mata);color:var(--mata);cursor:default}.mapa-area{aspect-ratio:4/3;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--mapa-terra);width:100%;position:relative;overflow:hidden}.mapa-fundo{width:100%;height:100%;position:absolute;inset:0}.alvo{min-width:var(--touch-target);min-height:var(--touch-target);border-radius:var(--radius-pill);border:3px dashed var(--terra);background:var(--surface-raised);color:var(--terra);font:inherit;cursor:pointer;padding:var(--space-1) var(--space-3);transition:transform var(--transicao);font-weight:700;position:absolute;transform:translate(-50%,-50%)}.alvo:hover:not(:disabled){transform:translate(-50%,-50%)scale(1.06)}.alvo.colocado{border-style:solid;border-color:var(--mata);background:var(--mata);color:var(--on-mata);cursor:default;font-size:.875rem}.dica{gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--babacu-soft);color:var(--ink);border-radius:var(--radius-md);display:flex}.dica svg{flex:none}.eventos{gap:var(--space-2);display:grid}.evento{gap:var(--space-3);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);box-shadow:var(--shadow-card);cursor:grab;align-items:center;display:flex}.evento.arrastando{opacity:.5}.evento.certo{border-color:var(--mata);border-width:3px}.evento.errado{border-color:var(--terra);border-style:dashed;border-width:3px}.evento .numero{border-radius:var(--radius-pill);background:var(--surface-sunken);border:1px solid var(--line);width:40px;height:40px;font-family:var(--font-display);flex:none;place-items:center;font-weight:700;display:grid}.evento .texto{flex:1}.evento .ano{color:var(--ink-muted);font-weight:700}.evento .controles{gap:var(--space-1);flex-direction:column;display:flex}.evento .controles .btn{min-width:40px;min-height:40px}.ficha{margin-top:var(--space-5);padding:var(--space-6);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.parabens{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:var(--mata);color:var(--on-mata);text-transform:uppercase;letter-spacing:.02em;font-size:.875rem;font-weight:700;line-height:1.25rem;display:inline-flex}.ficha h2{margin:var(--space-2) 0 var(--space-4);font-size:1.75rem;line-height:2.125rem}.ficha-texto{font-size:1.125rem;line-height:1.75rem}.fonte{color:var(--ink-muted);font-size:1rem;line-height:1.5rem}.aviso{gap:var(--space-2);background:var(--sol-soft);color:var(--sol-text);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:1rem;line-height:1.5rem;display:flex}.aviso svg{flex:none}.acoes{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.ajustes .opcao{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);margin-bottom:var(--space-3);background:var(--surface-raised);cursor:pointer;align-items:flex-start;display:flex}.ajustes input[type=checkbox]{width:24px;height:24px;accent-color:var(--rio);flex:none;margin:2px 0 0}.rodape{margin-top:var(--space-8);padding:var(--space-6) 0;background:var(--surface-sunken);border-top:1px solid var(--line);color:var(--ink-muted)}.rodape-grade{gap:var(--space-5);align-items:start;display:grid}@media (width>=720px){.rodape-grade{grid-template-columns:1fr auto}}.rodape-texto{max-width:52ch;margin:var(--space-3) 0 0;font-size:1rem;line-height:1.5rem}.rodape-legal{margin:var(--space-5) 0 0;font-size:1rem;line-height:1.5rem}.credito{margin:var(--space-3) 0 0;color:var(--ink-muted);max-width:none;font-size:1rem;line-height:1.5rem}.credito a{color:var(--link)}.lista-creditos{margin:var(--space-5) 0 0;gap:var(--space-4);padding:0;list-style:none;display:grid}.lista-creditos li{gap:var(--space-4);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-4);align-items:flex-start;display:flex}.lista-creditos img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-md);flex:none;width:120px}.lista-creditos strong{font-family:var(--font-display);font-size:1.375rem;font-weight:600;line-height:1.75rem;display:block}.trilha-do-credito{color:var(--ink-muted);font-size:1rem;line-height:1.5rem}.lista-creditos .credito{margin-top:var(--space-2)}.marca{color:inherit;align-items:baseline;gap:.28em;text-decoration:none;display:inline-flex}.marca-palavra{font-family:var(--font-display);font-weight:600;font-size:calc(var(--marca-altura,40px) * .62);color:var(--ink);line-height:1}.marca.vertical{align-items:center;gap:var(--space-2);flex-direction:column}.lado-rotulo{text-transform:uppercase;letter-spacing:.02em;opacity:.85;margin-bottom:var(--space-1);font-size:.875rem;font-weight:700;display:block}.extremo{margin:var(--space-1) 0;color:var(--ink-muted);font-size:1rem;font-weight:700;line-height:1.5rem}.evento.certo .numero{background:var(--mata);color:var(--on-mata);border-color:var(--mata)}.evento.errado .numero{background:var(--terra);color:var(--on-terra);border-color:var(--terra)}:root[data-daltonismo=sim] .evento.errado{background:repeating-linear-gradient(45deg, var(--surface-raised) 0 8px, var(--terra-soft) 8px 16px)}:root[data-daltonismo=sim] .evento.certo{background:repeating-linear-gradient(-45deg, var(--surface-raised) 0 8px, var(--mata-soft) 8px 16px)}:root[data-daltonismo=sim] .carta.aberta.lado-a{border-style:solid}:root[data-daltonismo=sim] .carta.aberta.lado-b{border-style:dashed}:root[data-daltonismo=sim] .carta.achada{background:repeating-linear-gradient(-45deg, var(--surface-raised) 0 8px, var(--mata-soft) 8px 16px)}:root[data-daltonismo=sim] .alvo{border-style:dotted;border-width:4px}:root[data-daltonismo=sim] .alvo.colocado{border-style:solid}:root[data-daltonismo=sim] .peca.certa{outline:3px solid var(--ink);outline-offset:-3px}:root[data-daltonismo=sim] .pino.colocado{text-decoration:line-through}