/*! © 2026 Anderson Rodrigo Costa */
*{margin:0;padding:0;box-sizing:border-box}:root{--roxo:#6a2cf5;--roxo2:#4a18d6;--verde:#19c37d;--traco:#2b1d4d;--madeira:#7a4e24}html,body{height:100%;overflow:hidden;font-family:'Trebuchet MS','Segoe UI',system-ui,sans-serif;color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(180deg,#38b8ff 0%,#9fe0ff 55%,#d8f4ff 100%)}#palco{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none;z-index:2}#ui button,#ui a,#bandeja,#topo,.tela{pointer-events:auto}[hidden]{display:none !important}button{font:inherit;color:inherit;border:0;cursor:pointer}.botao{display:inline-flex;align-items:center;justify-content:center;gap:.4em;font-weight:900;font-size:clamp(14px,2.4vmin,20px);padding:.65em 1.2em;border-radius:1em;color:#fff;background:linear-gradient(180deg,#8a4dff,var(--roxo2));box-shadow:0 .28em 0 #34109b,0 .6em 1em #0004;text-shadow:0 .08em 0 #0003;transition:transform .12s,box-shadow .12s,filter .12s}.botao:hover{transform:translateY(-.12em);filter:brightness(1.08)}.botao:active{transform:translateY(.2em);box-shadow:0 .06em 0 #34109b}.botao.verde{background:linear-gradient(180deg,#3ddc97,#10a35f);box-shadow:0 .28em 0 #0a6b3e,0 .6em 1em #0004}.botao.verde:active{box-shadow:0 .06em 0 #0a6b3e}.botao.grande{font-size:clamp(16px,3vmin,26px);padding:.6em 1.5em}.botao:disabled{opacity:.45;pointer-events:none;filter:grayscale(.4)}.redondo{width:clamp(40px,6.4vmin,58px);height:clamp(40px,6.4vmin,58px);border-radius:50%;font-size:clamp(18px,3.2vmin,28px);background:linear-gradient(180deg,#fff,#cfe9ff);color:#1a4a8a;box-shadow:0 .2em 0 #7aa9d8,0 .45em .8em #0003;line-height:1;transition:transform .12s}.redondo:active{transform:translateY(.15em);box-shadow:0 .05em 0 #7aa9d8}.redondo:disabled{opacity:.45;pointer-events:none}#topo{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));pointer-events:none}#topo>*{pointer-events:auto}#topo .grupo{display:flex;gap:8px}#fase{display:flex;flex-direction:column;align-items:center;background:#ffffffd8;color:#1f3a6b;border-radius:1.2em;padding:.35em 1.4em;box-shadow:0 .25em 0 #7aa9d8aa,0 .5em 1em #0002;font-size:clamp(13px,2.4vmin,19px);line-height:1.15}#fase span{font-size:.82em;font-weight:700;color:#5a7ab0}#msg{position:absolute;left:50%;top:max(72px,10vmin);transform:translate(-50%,-12px);max-width:min(92vw,720px);text-align:center;background:#102a5ee6;color:#fff;border:.15em solid #ffffff66;border-radius:1em;padding:.55em 1.2em;font-weight:800;font-size:clamp(13px,2.5vmin,20px);opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}#msg.on{opacity:1;transform:translate(-50%,0)}#bandeja{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:14px;padding:14px max(16px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));min-height:clamp(112px,24vh,190px);background:linear-gradient(180deg,#8a5a2a,#6a431c);border-top:.35em solid #a8743a;box-shadow:0 -.5em 1.4em #0004}#pecas{flex:1;display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-height:80px;padding:12px;border-radius:1em;background:#00000030;box-shadow:inset 0 .2em .6em #0006}.slot{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-width:clamp(64px,12vmin,110px);min-height:clamp(64px,12vmin,110px);padding:10px;border-radius:.9em;background:#ffffff1c;border:.18em solid transparent;touch-action:none;cursor:grab;transition:transform .12s,background .12s}.slot:hover{background:#ffffff30;transform:translateY(-.15em)}.slot.sel{border-color:#ffd84d;background:#ffd84d28}.slot.usada{opacity:.25;border:.18em dashed #ffffff66;pointer-events:none}.icone{display:block;filter:drop-shadow(0 .12em .12em #0006)}#acoes{display:flex;flex-direction:column;gap:12px;align-items:stretch}.tela{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vmin;text-align:center;padding:16px}#telaInicio{background:radial-gradient(ellipse at 50% 55%,#0b2a5a55,#0b2a5aaa)}#telaFases{background:#0b2a5acc;overflow:auto;justify-content:flex-start;padding-top:max(20px,5vh)}.tela h2{font-size:clamp(24px,5vmin,44px);font-weight:900;text-shadow:0 .08em .3em #0008}.logo{display:flex;flex-direction:column;align-items:center;line-height:.86;font-weight:900;text-transform:uppercase;font-family:'Arial Black','Segoe UI',Impact,sans-serif;transform:rotate(-2deg)}.logo span{-webkit-text-stroke:.09em var(--traco);paint-order:stroke fill;text-shadow:0 .1em 0 var(--traco),0 .2em .5em #0006}.l1{font-size:clamp(46px,12vmin,110px);color:#fff}.l2{font-size:clamp(46px,12vmin,110px);color:#ffd84d}.l3{font-size:clamp(34px,8vmin,76px);color:#ff5470;margin-top:.1em}.frase{font-size:clamp(15px,3vmin,26px);font-weight:800;text-shadow:0 .1em .3em #0008;max-width:90vw}.mascote{position:relative;width:clamp(70px,13vmin,130px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffb066,#ff7a1a);border:.35em solid #5a2a08;animation:pula 1.4s ease-in-out infinite;box-shadow:0 .5em 1em #0005}.olho{position:absolute;top:30%;width:19%;height:26%;border-radius:50%;background:#fff;box-shadow:inset 0 -.15em 0 #2b1d4d33}.olho::after{content:"";position:absolute;left:30%;top:34%;width:48%;height:52%;border-radius:50%;background:#2b1d4d}.e1{left:24%}.e2{right:24%}.boca{position:absolute;left:34%;right:34%;bottom:20%;height:16%;border-bottom:.3em solid #2b1d4d;border-radius:0 0 50% 50%}@keyframes pula{50%{transform:translateY(-.5em) rotate(8deg)}}#gradeFases{display:flex;flex-direction:column;gap:2.2vmin;width:min(900px,100%)}.nivel-nome{font-size:clamp(16px,3vmin,24px);font-weight:900;color:#ffd84d;margin-bottom:.4em;text-align:left;text-shadow:0 .08em .2em #0008}.fases{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,2vmin,18px)}.fase-btn{display:flex;flex-direction:column;align-items:center;gap:.15em;padding:.9em .5em;border-radius:1.1em;background:linear-gradient(180deg,#59a8ff,#1f6fe0);box-shadow:0 .3em 0 #123f8a,0 .6em 1em #0004;font-weight:800;transition:transform .12s}.fase-btn:nth-child(2){background:linear-gradient(180deg,#ffd84d,#ff8a1f);color:#3b1d00;box-shadow:0 .3em 0 #c25b00,0 .6em 1em #0004}.fase-btn:nth-child(3){background:linear-gradient(180deg,#ff7ab8,#e0287f);box-shadow:0 .3em 0 #8f0f4f,0 .6em 1em #0004}.fase-btn:hover{transform:translateY(-.15em) scale(1.03)}.fase-btn b{font-size:clamp(24px,5vmin,40px);line-height:1}.fase-btn span{font-size:clamp(11px,2vmin,16px)}.fase-btn i{font-style:normal;letter-spacing:.1em;font-size:clamp(14px,2.4vmin,20px);color:#fff}.some{display:none !important}.relevo{display:flex;flex-direction:column;align-items:center;line-height:.92;font-weight:900;font-family:"Arial Rounded MT Bold","Fredoka One","Baloo 2",Nunito,"Trebuchet MS",system-ui,sans-serif}.relevo span{display:flex}.relevo 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)}.relevo i.esp{width:.32em}#parabens{position:fixed;left:0;right:0;top:14%;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}}#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 cai{to{transform:translateY(112vh) rotate(720deg)}}@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}}#fimBox{position:absolute;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:60;display:flex;align-items:center;justify-content:center;gap:16px;width:max-content;max-width:min(96vw,760px);background:#fff;color:#27406b;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);animation:pop .5s ease-out}@keyframes pop{0%{transform:translateX(-50%) scale(.92)}60%{transform:translateX(-50%) scale(1.04)}100%{transform:translateX(-50%) scale(1)}}.mascote.mini{width:56px;flex:none;border-width:.28em}.fimTxt{font-size:15px;font-weight:800;color:#d6336c;text-align:left}.fimTxt b{display:block;font-size:24px;color:#27406b}.estrelas{display:flex;gap:4px;font-size:26px;line-height:1;margin-top:2px}.estrelas i{font-style:normal;animation:estrela .6s cubic-bezier(.3,1.8,.5,1) both}.estrelas .acesa{color:#ffc21f;text-shadow:0 .05em 0 #b87500}.estrelas .apagada{color:#d6dbe6}@keyframes estrela{from{transform:scale(0) rotate(-120deg)}to{transform:none}}.bt{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;flex:none;border-radius:50%;font-size:24px;font-weight:900;color:#fff;text-shadow:0 2px 1px rgba(0,0,0,.3);background:linear-gradient(180deg,var(--cima),var(--baixo));box-shadow:inset 0 -5px 0 rgba(0,0,0,.14),inset 0 3px 0 rgba(255,255,255,.5),0 6px 0 var(--lado),0 10px 14px rgba(20,40,90,.3);transition:transform .1s}.bt.laranja{--cima:#ffd98a;--baixo:#ff9f1c;--lado:#b86a00}.bt.azul{--cima:#9bdcff;--baixo:#2f94f0;--lado:#1b64b3}.bt.verde{--cima:#9cf0a0;--baixo:#34b24e;--lado:#1f7c34}.bt.grande{width:74px;height:74px;font-size:30px}.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)}@media (max-width:620px){#fimBox{gap:10px;padding:8px 12px;flex-wrap:wrap}.fimTxt{text-align:center}.bt{width:48px;height:48px}.bt.grande{width:60px;height:60px}}#creditos{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-size:clamp(10px,1.8vmin,13px);color:#ffffffcc;text-shadow:0 .08em .2em #0008;pointer-events:none}#bandeja:not([hidden])~#creditos{display:none}.tela a{color:#ffd84d;font-weight:800}@media (max-width:700px) and (orientation:portrait){#bandeja{flex-direction:column;align-items:stretch;gap:10px;min-height:150px}#acoes{flex-direction:row}#acoes .botao{flex:1;padding:.55em .4em}#fase{padding:.3em .8em}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01s !important;animation-iteration-count:1 !important;transition:none !important}}.nomefig{font-size:clamp(10px,1.8vmin,13px);font-weight:900;color:#fff;text-shadow:0 1px 2px #0008;letter-spacing:.02em}