@font-face{font-family:Fredoka;src:url(/jogos/garrafa-de-areia/assets/Fredoka-uBsOTgB9.ttf) format("truetype");font-weight:300 700;font-display:swap}@font-face{font-family:Nunito;src:url(/jogos/garrafa-de-areia/assets/Nunito-63TK8RbS.ttf) format("truetype");font-weight:200 1000;font-display:swap}:root{--color-cream: #f7f1e7;--color-paper: #fffcf6;--color-forest: #294b40;--color-forest-dark: #1e3a31;--color-sage: #a8bea0;--color-sage-light: #e1e8d8;--color-sage-line: #677d62;--color-muted: #5b675b;--color-danger: #a13d32;--color-danger-light: #f9e5de;--color-focus: #325d98;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-display: Fredoka, ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--font-body: Nunito, system-ui, -apple-system, sans-serif;--text-caption: 14px;--text-body: 16px;--text-heading: 28px;--text-title: 48px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-round: 999px;--duration-fast: .12s;--duration-normal: .18s;--duration-celebrate: .32s;--ease-standard: cubic-bezier(.2, .8, .2, 1);--shadow-soft: 0 8px 24px rgb(41 75 64 / .1);--surface: var(--color-cream);--surface-raised: var(--color-paper);--ink: var(--color-forest);--ink-muted: var(--color-muted);--action: var(--color-forest);--action-hover: var(--color-forest-dark);--on-action: var(--color-paper);--outline: var(--color-sage-line);--valid: var(--color-forest);--valid-bg: var(--color-sage-light);--invalid: var(--color-danger);--invalid-bg: var(--color-danger-light);--focus-ring: var(--color-focus);--color-ink: #1e3a31;--color-wood: #c58b57;--color-wood-dark: #9c6638;--color-gold: #ffd66b;--color-gold-light: #fff1b8}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--surface);color:var(--ink);font-family:var(--font-body);font-size:var(--text-body);line-height:1.5;overscroll-behavior-y:contain;-webkit-text-size-adjust:100%}#raiz{min-height:100svh}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}button{font:inherit;-webkit-tap-highlight-color:transparent}h1,h2{font-family:var(--font-display);font-weight:600;margin:0;line-height:1.1}.botao{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:10px 20px;border:2px solid var(--action);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--ink);font-weight:800;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.botao:hover:not(:disabled){background:var(--valid-bg)}.botao--principal{background:var(--action);color:var(--on-action)}.botao--principal:hover:not(:disabled){background:var(--action-hover)}.botao:active:not(:disabled){transform:translateY(2px)}.botao--secundario,.botao--fantasma,.botao--texto{background:var(--surface-raised);color:var(--ink)}.botao--fantasma{border-color:transparent;background:transparent;padding-inline:var(--space-3)}.botao--texto{border-color:transparent;background:transparent;text-decoration:underline;text-underline-offset:4px}.botao--secundario:hover:not(:disabled),.botao--fantasma:hover:not(:disabled),.botao--texto:hover:not(:disabled){background:var(--valid-bg)}.botao--grande{min-height:56px;padding-inline:var(--space-8);font-size:18px}.botao:disabled{background:var(--color-sage-light);color:var(--ink-muted);border-color:var(--outline);cursor:not-allowed}.botao kbd{font-family:var(--font-body);font-size:12px;font-weight:800;padding:2px 6px;border-radius:var(--radius-sm);background:#fffcf638}.botao--principal:disabled kbd{display:none}.icone{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.icone--pequeno{width:18px;height:18px}.icone--cheio{fill:currentColor;stroke-width:1.5}.abertura{display:grid;gap:var(--space-5);justify-items:center;align-content:center;position:relative;min-height:100svh;padding:var(--space-6) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));text-align:center}.abertura__vitrine{position:absolute;top:var(--space-2);left:var(--space-2)}.abertura:has(.abertura__vitrine){padding-top:calc(var(--space-6) + 40px)}.abertura__selo{margin:0;font-size:var(--text-caption);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}.abertura__titulo{font-size:clamp(38px,11vw,var(--text-title));margin-top:var(--space-2)}.abertura__frase{margin:var(--space-2) 0 0;font-size:18px;color:var(--ink-muted)}.abertura__arte{width:min(100%,460px);height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.abertura__acoes{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:center}.abertura__modos{display:grid;gap:var(--space-3);width:min(100%,460px)}.abertura__progresso{margin:0;font-size:var(--text-caption);color:var(--ink-muted)}.fases{max-width:960px;margin:0 auto;padding:var(--space-4) var(--space-4) calc(var(--space-8) + env(safe-area-inset-bottom))}.fases__cabecalho{display:flex;align-items:center;gap:var(--space-3);min-height:56px}.fases__titulo{font-size:var(--text-heading)}.fases__lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3);margin:var(--space-5) 0 0;padding:0;list-style:none}.fase-cartao{display:grid;gap:var(--space-1);width:100%;min-height:108px;padding:var(--space-4);text-align:left;border:2px solid var(--outline);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--ink);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard)}.fase-cartao:hover:not(:disabled){background:var(--valid-bg)}.fase-cartao:disabled{cursor:not-allowed;color:var(--ink-muted);background:var(--surface);border-style:dashed}.fase-cartao--feita{border-color:var(--action);background:var(--valid-bg)}.fase-cartao__topo{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.fase-cartao__garrafa{flex:none;width:18px;height:56px;overflow:visible}.fase-cartao--liberavel{color:var(--ink-muted);background:var(--surface);border-style:dashed}.fase-cartao:disabled .fase-cartao__garrafa{filter:grayscale(1);opacity:.45}.fase-cartao__numero{font-family:var(--font-display);font-size:26px;font-weight:600}.fase-cartao__nome{font-weight:700}.fase-cartao__estado{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-caption);color:var(--ink-muted)}.diario{display:flex;align-items:center;gap:var(--space-3);width:min(100%,460px);min-height:64px;padding:var(--space-3) var(--space-4);border:2px solid var(--outline);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--ink);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.diario:hover{background:var(--valid-bg)}.diario:active{transform:translateY(2px)}.diario--feito{border-color:var(--action);background:var(--valid-bg)}.diario__selo{display:grid;place-items:center;flex:none;width:40px;height:40px;border:2px solid var(--color-ink);border-radius:var(--radius-round);background:var(--color-gold);color:var(--color-ink)}.diario--feito .diario__selo{background:var(--action);border-color:var(--action);color:var(--on-action)}.diario__texto{display:grid;gap:2px;min-width:0}.diario__titulo{font-weight:800}.diario__estado{font-size:var(--text-caption);color:var(--ink-muted);text-wrap:pretty}.jogo{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto;align-content:start;gap:var(--space-3);min-height:100svh;max-width:960px;margin:0 auto;padding:var(--space-2) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom))}.jogo__cabecalho{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:48px}.jogo__fase,.jogo__contagem{margin:0;font-size:var(--text-caption);font-weight:800}.jogo__fase span{font-weight:400;color:var(--ink-muted)}@media(max-width:479px){.jogo__fase span{display:none}}.jogo__contagem{color:var(--ink-muted);white-space:nowrap}.jogo__tabuleiro{display:grid;place-items:center;min-height:0}.legenda{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);margin:0;padding:var(--space-1) var(--space-3);list-style:none;border:2px solid var(--color-sage);border-radius:var(--radius-round);background:var(--surface-raised)}.legenda__areia{position:relative;display:grid;place-items:center;flex:0 1 28px;min-width:0;aspect-ratio:1}.legenda__areia svg{width:100%;height:100%;overflow:visible}.legenda__aro{fill:none;stroke:var(--color-ink);stroke-width:3}.legenda__areia--fechada{border-radius:var(--radius-round);box-shadow:0 0 0 2px var(--surface-raised),0 0 0 4px var(--action)}.legenda__visto{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;width:16px;height:16px;border-radius:var(--radius-round);background:var(--action);color:var(--on-action)}.legenda__visto .icone{width:11px;height:11px;stroke-width:3.4}.jogo__dica{margin:0;min-width:0;text-wrap:pretty;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--text-caption);color:var(--ink-muted)}.apenas-leitor{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.jogo__controles{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:center}.jogo__controles .botao{flex:1 1 auto;min-width:132px}.jogo__giros{flex:1 0 100%;margin:0;text-align:center;font-size:var(--text-caption);color:var(--ink-muted)}.jogo__giros strong{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--ink)}.vitoria{position:fixed;inset:0;z-index:50;display:grid;place-items:end center;padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));background:linear-gradient(to top,#1e3a316b,#1e3a3100 62%)}.vitoria__caixa{width:min(384px,100%);display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-soft);text-align:center;animation:comemorar var(--duration-celebrate) var(--ease-standard)}.vitoria__selo{display:grid;place-items:center;width:46px;height:78px;border:3px solid var(--color-ink);border-radius:var(--radius-round);background:var(--color-gold-light);color:var(--color-ink)}.vitoria__selo svg{width:20px;height:62px;overflow:visible}.vitoria__copia{width:100%;padding:var(--space-3);border:2px solid var(--outline);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--text-caption);resize:none}.vitoria__titulo{font-size:var(--text-heading)}.vitoria__texto{margin:0;color:var(--ink-muted)}.vitoria__acoes{display:grid;gap:var(--space-2);width:100%}@media(max-width:899px){.vitoria__caixa{grid-template-columns:auto minmax(0,1fr);justify-items:start;align-items:center;column-gap:var(--space-3);row-gap:var(--space-2);padding:var(--space-4) var(--space-5) var(--space-3);text-align:left}.vitoria__selo{width:34px;height:56px;border-width:2px}.vitoria__selo svg{width:14px;height:44px}.vitoria__titulo{font-size:24px}.vitoria__texto,.vitoria__acoes{grid-column:1 / -1}.vitoria__acoes{grid-template-columns:repeat(2,minmax(0,1fr))}.vitoria__acoes--coluna{grid-template-columns:minmax(0,1fr)}.vitoria__acoes>.botao--principal,.vitoria__copia{grid-column:1 / -1}.vitoria__acoes>.botao--texto:nth-child(2n){grid-column:1 / -1}.jogo--dialogo{height:100svh;grid-template-rows:auto auto minmax(140px,1fr) auto}.jogo--dialogo .jogo__dica,.jogo--dialogo .jogo__controles{display:none}.jogo--dialogo .jogo__tabuleiro{display:flex;align-items:flex-start;justify-content:center;min-height:0;height:100%}.jogo--dialogo .prateleira{height:100%}.jogo--dialogo .vitoria{position:static;display:block;padding:0;background:none}.jogo--dialogo .vitoria__caixa{width:100%}.vitoria__acoes .botao{padding-inline:var(--space-2)}}.final{display:grid;justify-items:center;align-content:center;gap:var(--space-4);min-height:100svh;max-width:560px;margin:0 auto;padding:var(--space-6) var(--space-4) calc(var(--space-8) + env(safe-area-inset-bottom));text-align:center}.final__titulo{font-size:clamp(28px,8vw,40px)}.final__texto{margin:0;color:var(--ink-muted)}.final__arte{width:min(100%,420px);height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.final__acoes{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}@keyframes comemorar{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@media(min-width:900px){.jogo{grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"cabecalho cabecalho" "tabuleiro legenda" "tabuleiro dica" "tabuleiro controles" "tabuleiro folga";column-gap:var(--space-8);padding-inline:var(--space-8)}.jogo__cabecalho{grid-area:cabecalho}.jogo__tabuleiro{grid-area:tabuleiro;align-self:start}.jogo__legenda{grid-area:legenda;align-self:start}.legenda{border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);gap:var(--space-3)}.legenda__areia{flex-basis:36px}.jogo__dica{grid-area:dica;align-self:end;justify-content:flex-start;text-align:left;font-size:var(--text-body)}.jogo__controles{grid-area:controles;align-self:start}.prateleira{--altura-maxima: min(80svh, 680px)}.vitoria{place-items:center end;padding-right:max(var(--space-8),calc((100vw - 960px) / 2 + var(--space-8)));background:none}.vitoria__caixa{width:min(300px,100%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.jogo__tabuleiro{-webkit-user-select:none;user-select:none}.prateleira{--altura-maxima: min(58svh, 600px);--subida: 28px;width:min(100%,calc(var(--altura-maxima) * var(--proporcao, 1)));height:auto;overflow:visible;touch-action:manipulation}.prateleira__tabua{fill:var(--color-wood);stroke:var(--color-ink);stroke-width:5;stroke-linejoin:round}.prateleira__veio{fill:none;stroke:var(--color-wood-dark);stroke-width:3;stroke-linecap:round;stroke-dasharray:26 14}.garrafa{cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.garrafa[aria-disabled=true]{cursor:default}.garrafa--voando{pointer-events:none}.garrafa__pulo--fora{visibility:hidden}.garrafa__toque{fill:transparent}.garrafa__foco{fill:none;stroke:var(--focus-ring);stroke-width:4;opacity:0}.garrafa:focus-visible .garrafa__foco{opacity:1}.garrafa__pulo,.garrafa__corpo,.rolha,.garrafa__raios{transform-box:view-box;transform-origin:0 0}.garrafa__corpo{transition:transform var(--duration-normal) var(--ease-standard)}.garrafa--escolhida .garrafa__corpo{transform:translateY(calc(var(--subida) * -1))}@media(hover:hover){.garrafa:not(.garrafa--escolhida,.garrafa--fechada,[aria-disabled=true]):hover .garrafa__corpo{transform:translateY(-6px)}}.garrafa__corpo--despejando{transition:none;animation:ir var(--tempo-ida) var(--ease-standard) both,voltar var(--tempo-volta) var(--ease-standard) calc(var(--tempo-ida) + var(--tempo-areia)) forwards}@keyframes ir{0%{transform:translateY(calc(var(--subida) * -1)) rotate(0)}to{transform:translate(var(--dx),var(--dy)) rotate(var(--giro))}}@keyframes voltar{0%{transform:translate(var(--dx),var(--dy)) rotate(var(--giro))}to{transform:translate(0) rotate(0)}}.camadas{transform-box:fill-box;transform-origin:50% 100%}.camadas--chegando{animation:encher var(--tempo-areia) linear var(--tempo-ida) both}.camadas--saindo{animation:esvaziar var(--tempo-areia) linear var(--tempo-ida) both}.fio{pointer-events:none;transform-box:fill-box;transform-origin:50% 0;animation:escorrer calc(var(--tempo-areia) + 90ms) linear calc(var(--tempo-ida) - 40ms) both}@keyframes encher{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes esvaziar{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes escorrer{0%{opacity:1;transform:scaleY(0)}14%{opacity:1;transform:scaleY(1)}86%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.rolha--nova{animation:arrolhar var(--tempo-rolha) var(--ease-standard) calc(var(--tempo-ida) + var(--tempo-areia)) both}.garrafa__raios{fill:none;stroke:var(--color-gold);stroke-width:7;stroke-linecap:round;opacity:0;pointer-events:none;animation:raiar .62s var(--ease-standard) calc(var(--tempo-ida) + var(--tempo-areia) + .12s) 1}.prateleira--festa .garrafa__pulo{animation:pular .52s var(--ease-standard) calc(var(--espera) + var(--tempo-rolha) + var(--ordem) * 70ms) 2}.garrafa__pulo--recusada-par{animation:recusar-par .32s var(--ease-standard)}.garrafa__pulo--recusada-impar{animation:recusar-impar .32s var(--ease-standard)}@keyframes arrolhar{0%{opacity:0;transform:translateY(-46px)}1%{opacity:1}70%{opacity:1;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes raiar{0%,to{opacity:0;transform:scale(.8)}45%{opacity:1;transform:scale(1.12)}}@keyframes pular{0%,to{transform:translateY(0)}45%{transform:translateY(-22px)}}@keyframes recusar-par{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}@keyframes recusar-impar{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}@media(prefers-reduced-motion:reduce){.camadas--saindo,.fio,.garrafa__raios,.garrafa--voando{display:none}.garrafa__pulo--fora{visibility:visible}}