/*! © 2026 Anderson Rodrigo Costa */
:root{--ink:#27406b;--sol:#ffd23f}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden}body{font-family:"Arial Rounded MT Bold","Fredoka One","Baloo 2",Nunito,"Trebuchet MS",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#58bdff;user-select:none;-webkit-user-select:none;touch-action:manipulation;}.defs{position:absolute;width:0;height:0;overflow:hidden}#ceu{position:fixed;inset:0;width:100%;height:100%;z-index:0}#app{position:fixed;inset:0;z-index:1}.tela{position:absolute;inset:0;display:none;padding:14px}.tela.ativa{display:flex}.some{display:none!important}.bt{--cima:#ffe27a;--baixo:#ffab40;--lado:#c77a12;position:relative;width:60px;height:60px;border:0;border-radius:50%;padding:0;flex:none;cursor:pointer;display:grid;place-items:center;font-family:inherit;color:#fff;background:radial-gradient(circle at 35% 28%,var(--cima),var(--baixo) 72%);box-shadow:inset 0 -6px 0 rgba(0,0,0,.14),inset 0 4px 0 rgba(255,255,255,.5),0 6px 0 var(--lado),0 12px 16px rgba(20,40,90,.3);}.bt svg{width:56%;height:56%;filter:drop-shadow(0 2px 1px rgba(0,0,0,.35))}.bt:active{transform:translateY(4px);box-shadow:inset 0 -4px 0 rgba(0,0,0,.14),inset 0 3px 0 rgba(255,255,255,.5),0 2px 0 var(--lado),0 5px 8px rgba(20,40,90,.3)}.bt.amarelo{--cima:#fff08a;--baixo:#ffc21f;--lado:#c9930a}.bt.azul{--cima:#9bdcff;--baixo:#2f94f0;--lado:#1b64b3}.bt.verde{--cima:#9cf0a0;--baixo:#34b24e;--lado:#1f7c34}.bt.grande{width:74px;height:74px}.bt.off svg{opacity:.4}.bt.off::after{content:'';position:absolute;left:12%;right:12%;top:50%;height:7px;margin-top:-3.5px;background:#e63946;border-radius:4px;transform:rotate(-40deg);box-shadow:0 2px 0 rgba(0,0,0,.25)}.logo{display:flex;flex-direction:column;align-items:center;line-height:.92;font-size:clamp(52px,14vw,128px);font-weight:900}.logo span{display:flex}.logo i{font-style:normal;color:var(--c);transform:rotate(var(--r));text-shadow:0 1px 0 var(--d),0 2px 0 var(--d),0 3px 0 var(--d),0 4px 0 var(--d),0 5px 0 var(--d),0 6px 0 var(--d),0 7px 0 var(--d),0 13px 10px rgba(20,40,90,.35);}.logo i.esp{width:.32em}.logo.mini{flex-direction:row;gap:.3em;font-size:clamp(26px,5.4vw,42px)}#intro.ativa{flex-direction:column;align-items:center;justify-content:center;gap:20px;cursor:pointer}.duo{display:flex;align-items:flex-end;gap:min(5vw,34px)}.figura{width:min(28vw,190px,26vh)}.figura.cen{width:min(14vw,96px,13vh)}.figura svg{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 6px rgba(20,40,90,.28))}.duo .figura svg{animation:pula 1.1s ease-in-out infinite}.duo .cen svg{animation-delay:.45s}@keyframes pula{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}.toque{font-weight:900;font-size:22px;color:#fff;text-shadow:0 3px 0 var(--ink),2px 0 0 var(--ink),-2px 0 0 var(--ink),0 8px 10px rgba(20,40,90,.3);animation:pisca 1.2s ease-in-out infinite}@keyframes pisca{50%{opacity:.4}}.rodape{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:var(--ink);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:2px}.rodape b{display:block;font-size:15px;letter-spacing:1px;text-transform:none;margin-top:2px}#menu.ativa{flex-direction:column;gap:12px}#menu header{display:flex;align-items:center;justify-content:space-between;gap:12px}#niveis{flex:1;overflow:auto;padding:6px 8px 36px}.nivel h2{display:inline-block;background:linear-gradient(#fff08a,#ffc21f);border-radius:999px;padding:6px 22px;font-size:20px;margin:14px 0 22px;box-shadow:inset 0 3px 0 rgba(255,255,255,.6),0 5px 0 #c9930a,0 10px 14px rgba(20,40,90,.25);}.fases{display:flex;flex-wrap:wrap;gap:26px}.fase{position:relative;width:140px;background:#fff;border:0;border-radius:24px;padding:10px 10px 8px;cursor:pointer;font:inherit;color:var(--ink);box-shadow:inset 0 -5px 0 rgba(30,60,120,.08),0 8px 0 rgba(30,70,140,.28),0 16px 22px rgba(20,40,90,.22);transition:transform .12s;}.fase:hover{transform:translateY(-3px)}.fase:active{transform:translateY(5px);box-shadow:0 3px 0 rgba(30,70,140,.28),0 6px 10px rgba(20,40,90,.22)}.fase svg{width:100%;height:auto;aspect-ratio:1;display:block}.fase .num{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;margin:8px auto 0;color:#fff;font-size:22px;font-weight:900;background:var(--cor);box-shadow:inset 0 -3px 0 rgba(0,0,0,.18),0 3px 0 rgba(0,0,0,.2)}.nivel:nth-child(1){--cor:#34b24e}.nivel:nth-child(2){--cor:#ff9f1c}.nivel:nth-child(3){--cor:#ff4d8d}.fase .est{position:absolute;top:-16px;right:-12px;font-size:34px;filter:drop-shadow(0 3px 2px rgba(0,0,0,.3));animation:pula 1.4s ease-in-out infinite}#jogo.ativa{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"topo" "mesa" "fim";}.topo{grid-area:topo;display:flex;align-items:center;gap:12px}#rotulo{flex:1;min-width:0;text-align:center;background:linear-gradient(#fff08a,#ffc21f);border-radius:999px;padding:11px 8px;font-weight:900;font-size:clamp(12px,3.9vw,17px);box-shadow:inset 0 3px 0 rgba(255,255,255,.6),0 5px 0 #c9930a,0 10px 14px rgba(20,40,90,.25);}.mesa{grid-area:mesa;display:grid;place-items:center;min-height:0;min-width:0}#tabuleiro{padding:12px;border-radius:30px;background:linear-gradient(#c28b52,#8f5f2f);box-shadow:inset 0 4px 0 rgba(255,255,255,.35),inset 0 -6px 0 rgba(0,0,0,.22),0 10px 0 #5e3b1a,0 24px 32px rgba(20,30,60,.4);}#grade{--l:3;--a:2;position:relative;display:grid;grid-template-columns:repeat(var(--l),1fr);grid-template-rows:repeat(var(--a),1fr);aspect-ratio:var(--l)/var(--a);width:min(calc(100vw - 84px),calc((100vh - 300px)*var(--l)/var(--a)),760px);border-radius:20px;background:#34802a;}.peca{position:relative;padding:0;border:0;background:none;cursor:pointer;display:block;min-width:0;min-height:0}.peca svg,.peca .cam{position:absolute;inset:0;width:100%;height:100%;display:block}.base{overflow:visible}.brilho{pointer-events:none}.cam{filter:drop-shadow(0 3px 2px rgba(60,30,0,.35))}.trilha{transition:transform .24s cubic-bezier(.3,1.4,.5,1)}.peca.fixa,.peca.vazia{cursor:default}.peca.dica{animation:dica .5s ease-in-out 4}@keyframes dica{50%{filter:drop-shadow(0 0 12px #ffd23f) drop-shadow(0 0 22px #ffd23f) brightness(1.15)}}.ator{position:absolute;transform:translate(-50%,-80%);width:calc(100%/var(--l)*.74);pointer-events:none;z-index:3}.ator.cen{width:calc(100%/var(--l)*.46);z-index:5}.ator.coelha{z-index:4}.ator.coelha svg{transform-origin:50% 92%}.ator svg{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 4px rgba(20,30,60,.35))}.ator.anda svg{animation:pula .38s ease-in-out infinite}.migalha{position:absolute;width:9px;height:9px;border-radius:50%;background:#ff8a1f;transform:translate(-50%,-50%);z-index:5;pointer-events:none}.amor{position:absolute;width:26px;z-index:6;pointer-events:none;transform:translate(-50%,-90%)}.amor svg{width:100%;height:auto;display:block;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.ator.pula svg{animation:pula .6s ease-in-out 3}#fimBox{grid-area:fim;display:none;align-items:center;justify-content:center;gap:16px;background:#fff;border-radius:26px;padding:10px 20px;box-shadow:inset 0 -5px 0 rgba(30,60,120,.08),0 8px 0 rgba(30,70,140,.28),0 16px 22px rgba(20,40,90,.22);}#jogo.fim #fimBox{display:flex;animation:pop .5s ease-out}@keyframes pop{0%{transform:scale(.92)}60%{transform:scale(1.04)}100%{transform:scale(1)}}#coelhaFim{width:56px}.fimTxt{font-size:15px;font-weight:800;color:#d6336c}.fimTxt b{display:block;font-size:24px;color:var(--ink)}#confete{position:fixed;inset:0;pointer-events:none;z-index:70;overflow:hidden}.conf{position:absolute;top:-30px;width:12px;height:18px;border-radius:3px;background:#ff4d8d;animation:cai linear forwards}.conf.c1{background:#ffd23f}.conf.c2{background:#4dc3ff}.conf.c3{background:#7cd957}.conf.c4{background:#b07cff}.conf.c5{background:#ff9f1c;border-radius:50%;width:14px;height:14px}.conf.sopra{top:var(--y);left:var(--x);animation:sopra 2s cubic-bezier(.15,.7,.35,1) forwards}@keyframes sopra{0%{transform:translate(0,0) rotate(0);opacity:1}65%{opacity:1}100%{transform:translate(var(--dx),calc(var(--dy) + 280px)) rotate(var(--rot));opacity:0}}#parabens{position:fixed;left:0;right:0;top:18%;z-index:80;pointer-events:none;font-size:clamp(46px,13vw,120px);animation:faixa 2.7s ease-out forwards}@keyframes faixa{0%{transform:scale(.3) rotate(-6deg);opacity:0}14%{transform:scale(1.18) rotate(2deg);opacity:1}24%{transform:scale(1) rotate(0)}84%{opacity:1}100%{transform:scale(1.06) translateY(-24px);opacity:0}}@keyframes cai{to{transform:translateY(112vh) rotate(720deg)}}#creditos.ativa,#bloqueio.ativa{align-items:center;justify-content:center}.cartao{background:#fff;border-radius:30px;padding:28px 30px;max-width:420px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:inset 0 -6px 0 rgba(30,60,120,.08),0 10px 0 rgba(30,70,140,.28),0 20px 28px rgba(20,40,90,.25);}.cartao .por{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:2px;opacity:.7}.cartao .autor{font-size:26px;font-weight:900;color:#d6336c}.cartao a.autor{text-decoration:none;word-break:break-all}.cartao p{font-size:14px;line-height:1.4}.cartao .mudo{opacity:.6;font-size:12px}.cartao .bt{margin-top:10px}@media (max-aspect-ratio:1/1){.bt{width:54px;height:54px}.fase{width:calc(33.3% - 18px);min-width:100px}#fimBox{gap:10px;padding:8px 14px}.bt.grande{width:62px;height:62px}}@media (max-width:420px){#coelhaFim{display:none}.fimTxt{min-width:0}.fimTxt b{font-size:20px}}@media (min-width:700px){#rotulo{font-size:21px;padding:13px 8px}.fase{width:160px}}@media (orientation:landscape) and (max-height:520px){.tela{padding:8px}.bt{width:46px;height:46px}#jogo.ativa{grid-template-columns:1fr auto;grid-template-rows:auto 1fr;grid-template-areas:"topo topo" "mesa fim";gap:8px 14px}#grade{width:min(calc(100vw - 250px),calc((100vh - 130px)*var(--l)/var(--a)),780px)}#tabuleiro{padding:8px;border-radius:22px}#rotulo{padding:7px;font-size:14px}#fimBox{flex-direction:column;gap:8px;padding:10px 12px}.fimTxt{text-align:center}.bt.grande{width:54px;height:54px}#intro.ativa{gap:8px}.logo{font-size:clamp(34px,11vh,70px)}.figura{width:min(14vw,90px)}.figura.cen{width:min(7vw,46px)}.toque{font-size:18px}.rodape{bottom:6px}#menu.ativa{gap:6px}.fase{width:116px}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}