/*! © 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;background:#2a1a55}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);user-select:none;-webkit-user-select:none;touch-action:manipulation;}#palco{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}#vinheta{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,rgba(20,8,50,0) 52%,rgba(20,8,50,.5) 100%)}#ui{position:fixed;inset:0;pointer-events:none;z-index:2}#ui button,#ui a,#ui .cartao,#ui .nivel-card,#ui #estado{pointer-events:auto}.some{display:none!important}.tela{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;padding:calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom));}.tela.ativa{display:flex}.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;font-size:26px;line-height:1;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(10,5,40,.45);}.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(10,5,40,.45)}.bt:focus-visible,.nivel-card:focus-visible{outline:4px solid #fff;outline-offset:3px}.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.laranja{--cima:#ffc58a;--baixo:#ff7a2f;--lado:#b8480f}.bt.grande{width:76px;height:76px}.bt.pequeno{width:48px;height:48px;font-size:22px}.bt.vermelho{--cima:#ffb0b0;--baixo:#f03d3d;--lado:#a31d1d}.bt.cinza{--cima:#d6dbe6;--baixo:#8a93a8;--lado:#5b6479}.bt:disabled{opacity:.42;cursor:default;pointer-events:none}.bt.gravando{animation:grava 1s ease-in-out infinite}@keyframes grava{50%{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 0 0 7px rgba(255,80,80,.55),0 12px 16px rgba(10,5,40,.45)}}.bt.off svg{opacity:.4}.bt.off{filter:saturate(.35)}.logo{display:flex;flex-direction:column;align-items:center;line-height:.92;font-size:min(15vw,9.5vh);font-weight:900;text-align:center}.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(10,5,40,.5);}.logo i.esp{width:.32em}.logo.mini{flex-direction:row;font-size:clamp(22px,4.6vw,38px)}#telaInicio .logo{margin-top:2px}.frase{margin-top:auto;color:#fff;font-weight:900;font-size:clamp(15px,3.6vw,22px);text-align:center;text-shadow:0 2px 0 rgba(30,10,70,.8),0 6px 14px rgba(10,5,40,.6);margin-bottom:12px}#telaInicio .bt{animation:pulsa 1.4s ease-in-out infinite}@keyframes pulsa{50%{transform:scale(1.08)}}.rodape{margin-top:10px;color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:2px;text-align:center;opacity:.9;text-shadow:0 2px 6px rgba(10,5,40,.7)}.rodape b{display:block;font-size:15px;letter-spacing:1px;text-transform:none;margin-top:2px}.barra{display:flex;align-items:center;gap:10px;width:100%}#telaMenu .barra{justify-content:space-between}#topo{position:absolute;top:0;left:0;right:0;padding:calc(10px + env(safe-area-inset-top)) 12px 0;pointer-events:none}#estado{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border-radius:999px;font-weight:900;font-size:clamp(13px,3.8vw,19px);text-transform:uppercase;letter-spacing:1px;color:var(--ink);background:linear-gradient(#fff08a,#ffc21f);box-shadow:inset 0 3px 0 rgba(255,255,255,.6),0 5px 0 #c9930a,0 10px 14px rgba(10,5,40,.4);}#estado svg{width:26px;height:26px;flex:none}#estTexto{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#estado.escute{background:linear-gradient(#bfe6ff,#4aa8f5);box-shadow:inset 0 3px 0 rgba(255,255,255,.6),0 5px 0 #1b64b3,0 10px 14px rgba(10,5,40,.4)}#estado.vez{background:linear-gradient(#b8f5bb,#3cc15b);box-shadow:inset 0 3px 0 rgba(255,255,255,.6),0 5px 0 #1f7c34,0 10px 14px rgba(10,5,40,.4)}#estado.ops{background:linear-gradient(#ffd0a8,#ff8a3d);box-shadow:inset 0 3px 0 rgba(255,255,255,.6),0 5px 0 #b8480f,0 10px 14px rgba(10,5,40,.4)}#estado.bem{background:linear-gradient(#ffd0e6,#ff6fa8);box-shadow:inset 0 3px 0 rgba(255,255,255,.6),0 5px 0 #c2386f,0 10px 14px rgba(10,5,40,.4)}#estado.bem{color:#5a1236}#estado.gravando{background:linear-gradient(#ffb8b8,#f04a4a);color:#5a0f0f;box-shadow:inset 0 3px 0 rgba(255,255,255,.6),0 5px 0 #a31d1d,0 10px 14px rgba(10,5,40,.4)}#estado.ouvindo,#estado.preparando{background:linear-gradient(#bfe6ff,#4aa8f5);box-shadow:inset 0 3px 0 rgba(255,255,255,.6),0 5px 0 #1b64b3,0 10px 14px rgba(10,5,40,.4)}#estado.salvo{background:linear-gradient(#b8f5bb,#3cc15b);box-shadow:inset 0 3px 0 rgba(255,255,255,.6),0 5px 0 #1f7c34,0 10px 14px rgba(10,5,40,.4)}.livre .so-jogo{display:none}.so-livre{display:none}.livre .so-livre{display:flex}#rodape{position:absolute;left:0;right:0;bottom:calc(10px + env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 22px;padding:0 12px;pointer-events:none}#rodape .grupo{display:flex;align-items:center;gap:10px}#rodape .grupo.so-livre{display:none}#rodape.livre .grupo.so-livre{display:flex}.tempo{min-width:44px;text-align:center;color:#fff;font-weight:900;font-size:16px;text-shadow:0 2px 0 rgba(30,10,70,.8),0 4px 10px rgba(10,5,40,.6)}#fita{position:absolute;top:calc(84px + env(safe-area-inset-top));left:0;right:0;display:flex;justify-content:center;gap:9px;flex-wrap:wrap;padding:0 16px;pointer-events:none}.pt{width:15px;height:15px;border-radius:50%;background:rgba(255,255,255,.3);box-shadow:inset 0 -2px 0 rgba(0,0,0,.25);transition:background .2s,box-shadow .2s,transform .2s}.pt.ok{background:#ffd23f;box-shadow:0 0 12px #ffd23f,inset 0 -2px 0 rgba(0,0,0,.2)}.pt.atual{outline:3px solid #fff;outline-offset:1px;transform:scale(1.12)}#telaMenu{justify-content:flex-start;gap:10px}.niveis{margin-top:auto;width:100%;max-height:60vh;display:flex;flex-wrap:wrap;justify-content:center;gap:18px 20px;padding:10px 8px 10px;overflow:auto}.nivel-card{position:relative;width:min(42vw,190px);background:#fff;border:0;border-radius:26px;padding:14px 12px 12px;cursor:pointer;font:inherit;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:inset 0 -5px 0 rgba(30,60,120,.08),0 8px 0 rgba(30,70,140,.35),0 16px 22px rgba(10,5,40,.45);transition:transform .12s;}.nivel-card:hover{transform:translateY(-3px)}.nivel-card:active{transform:translateY(5px);box-shadow:0 3px 0 rgba(30,70,140,.35),0 6px 10px rgba(10,5,40,.4)}.nivel-card .num{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;color:#fff;font-size:30px;font-weight:900;background:var(--cor,#34b24e);box-shadow:inset 0 -4px 0 rgba(0,0,0,.18),0 4px 0 rgba(0,0,0,.2)}.nivel-card .num svg{width:60%;height:60%}.nivel-card .bolinhas{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;min-height:22px}.nivel-card .bolinhas i{width:20px;height:20px;border-radius:50%;background:var(--c);box-shadow:inset 0 -3px 0 rgba(0,0,0,.18)}.nivel-card .info{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.nivel-card .nome{font-weight:900;font-size:16px}.nivel-card .est{position:absolute;top:-16px;right:-12px;font-size:32px;filter:drop-shadow(0 3px 2px rgba(0,0,0,.3));animation:pulsa 1.6s ease-in-out infinite}.nivel-card:nth-child(1){--cor:#34b24e}.nivel-card:nth-child(2){--cor:#2f94f0}.nivel-card:nth-child(3){--cor:#ff9f1c}.nivel-card:nth-child(4){--cor:#ff4d8d}.nivel-card.livre-card{--cor:#9a6bff}#fimBox{position:absolute;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:14px;background:#fff;border-radius:28px;padding:10px 20px;max-width:calc(100vw - 20px);box-shadow:inset 0 -5px 0 rgba(30,60,120,.08),0 8px 0 rgba(30,70,140,.35),0 16px 22px rgba(10,5,40,.45);animation:pop .5s ease-out;}#fimBox.some{display:none}@keyframes pop{0%{transform:translateX(-50%) scale(.9)}60%{transform:translateX(-50%) scale(1.04)}100%{transform:translateX(-50%) scale(1)}}.fimTxt{font-size:15px;font-weight:800;color:#d6336c;min-width:0;text-align:center}.fimTxt b{display:block;font-size:26px;color:var(--ink)}.estrelas{display:flex;justify-content:center;gap:6px;margin-top:4px}.estrelas i{font-style:normal;font-size:30px;line-height:1;color:#ffb703;text-shadow:0 2px 0 #b07a00;animation:estrela .5s ease-out both}.estrelas i.apagada{color:#cfd6e6;text-shadow:0 2px 0 #9aa3b8}@keyframes estrela{0%{transform:scale(0) rotate(-40deg)}70%{transform:scale(1.3) rotate(8deg)}100%{transform:scale(1) rotate(0)}}#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}}@keyframes cai{to{transform:translateY(112vh) rotate(720deg)}}#parabens{position:fixed;left:0;right:0;top:18%;z-index:80;pointer-events:none;font-size:min(14vw,16vh);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}}#creditos.ativa,#bloqueio.ativa,#sem3d.ativa{justify-content:center;background:rgba(20,8,50,.72)}.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,.35),0 20px 28px rgba(10,5,40,.45);}.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:52px;height:52px;font-size:23px}.bt.grande{width:64px;height:64px}.nivel-card{width:calc(50% - 14px);flex-direction:row;padding:10px 12px;gap:12px;border-radius:22px;text-align:left}.nivel-card .info{align-items:flex-start;gap:6px}.nivel-card .num{width:46px;height:46px;font-size:25px;flex:none}.nivel-card .bolinhas{justify-content:flex-start;min-height:0;gap:4px}.nivel-card .bolinhas i{width:15px;height:15px}.nivel-card .nome{font-size:15px}#topo{gap:8px}#fita{top:calc(76px + env(safe-area-inset-top))}}@media (orientation:landscape) and (max-height:520px){.tela{padding:8px 12px}.bt{width:46px;height:46px;font-size:21px}.bt.grande{width:56px;height:56px}#estado{padding:6px 12px}#fita{top:calc(62px + env(safe-area-inset-top))}.niveis{gap:12px}.nivel-card{width:128px;padding:8px 8px 8px;gap:6px}.nivel-card .num{width:40px;height:40px;font-size:22px}.frase{font-size:13px;margin-bottom:6px}#fimBox{padding:8px 14px;gap:10px}.fimTxt b{font-size:20px}.estrelas i{font-size:22px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}