:root{--bg:#15131f;--panel:#1f1c2d;--panel-2:#272338;--line:#353049;--ink:#efe9dc;--muted:#a49db8;--grande:#f2913d;--grande-dark:#b85f1c;--pequeno:#45d1bd;--pequeno-dark:#21877a;--door-a:#f2c94c;--door-b:#b48af5;--gem:#ff8fcf;--danger:#ff6b78;--display:"Baloo 2","Trebuchet MS",system-ui,sans-serif;--body:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{background:#07060b;color:var(--ink);margin:0;height:100%;overflow:hidden}body{font-family:var(--body);font-size:15px;line-height:1.5;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;overscroll-behavior:none}button{touch-action:manipulation;-webkit-user-select:none;user-select:none}[hidden]{display:none!important}.g{color:var(--grande)}.p{color:var(--pequeno)}.amp{color:var(--muted);font-weight:600;margin:0 .14em}.stage{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#07060b;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}canvas{display:block;height:auto;aspect-ratio:960/544;outline:none;width:min(calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)),calc((100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) * 960 / 544));width:min(calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)),calc((100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) * 960 / 544))}.ui{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:auto;-webkit-overflow-scrolling:touch;padding:calc(14px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));background:radial-gradient(ellipse at 50% 40%,#15131f99,#09080eeb);touch-action:pan-y}.screen{width:min(640px,100%);display:grid;gap:13px;justify-items:center;text-align:center;margin:auto}.logo{font-family:var(--display);font-weight:800;font-size:clamp(2.2rem,6.5vw,3.8rem);line-height:.95;margin:0;letter-spacing:-.015em}.title{font-family:var(--display);font-weight:800;font-size:clamp(1.5rem,3.4vw,2rem);line-height:1.05;margin:0;text-wrap:balance}.tag{margin:-4px 0 2px;color:var(--muted);font-size:1.02rem}.small{color:var(--muted);font-size:.9rem;margin:0}.stack{display:grid;gap:10px;width:min(280px,100%)}.btn{font-family:var(--display);font-weight:800;font-size:1.08rem;line-height:1;border:0;border-radius:12px;padding:13px 18px 11px;cursor:pointer;color:#22160b;background:var(--grande);box-shadow:0 4px 0 var(--grande-dark);transition:transform .07s ease,box-shadow .07s ease,filter .15s}.btn:hover{filter:brightness(1.07)}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--grande-dark)}.btn.teal{color:#08241f;background:var(--pequeno);box-shadow:0 4px 0 var(--pequeno-dark)}.btn.teal:active{box-shadow:0 1px 0 var(--pequeno-dark)}.btn.ghost{color:var(--ink);background:var(--panel-2);box-shadow:0 4px #120f1b}.btn.ghost:active{box-shadow:0 1px #120f1b}.btn.slim{font-size:.95rem;padding:10px 14px 8px}.btn:focus-visible,.link:focus-visible,.lvl:focus-visible,.tog:focus-visible,input:focus-visible,.pick input:focus-visible+span{outline:3px solid var(--door-a);outline-offset:3px}.link{background:none;border:0;color:var(--muted);font:600 .95rem var(--body);cursor:pointer;padding:6px 8px}.link:hover{color:var(--ink)}a.link{text-decoration:none}.toggles{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.tog{font:600 .88rem var(--body);color:var(--muted);background:transparent;border:1.5px solid var(--line);border-radius:999px;padding:5px 12px 5px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.tog:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--line)}.tog[aria-pressed=true]{color:var(--ink);border-color:#4b4466}.tog[aria-pressed=true]:before{background:var(--pequeno)}.progress{font:600 .88rem var(--body);color:var(--muted);margin:0}.progress b{color:var(--gem)}.mascots{height:96px;display:flex;align-items:flex-end;justify-content:center}.m-big{position:relative;width:46px;height:58px;border-radius:12px;background:var(--grande);animation:bob 2.4s ease-in-out infinite}.m-big:before,.m-small:before{content:"";position:absolute;left:0;right:0;top:12px;height:14px;background:radial-gradient(circle at 34% 50%,#1b1726 2.6px,transparent 3px),radial-gradient(circle at 66% 50%,#1b1726 2.6px,transparent 3px),radial-gradient(circle at 32% 50%,#fffaf0 6px,transparent 6.5px),radial-gradient(circle at 68% 50%,#fffaf0 6px,transparent 6.5px)}.m-big:after{content:"";position:absolute;left:10px;right:10px;bottom:8px;height:16px;border-radius:6px;background:#f8bb80}.m-small{position:absolute;left:12px;bottom:58px;width:22px;height:22px;border-radius:8px;background:var(--pequeno);animation:hop 2.4s ease-in-out infinite}.m-small:before{top:5px;height:10px;background:radial-gradient(circle at 34% 50%,#1b1726 1.6px,transparent 2px),radial-gradient(circle at 66% 50%,#1b1726 1.6px,transparent 2px),radial-gradient(circle at 32% 50%,#fffaf0 3.6px,transparent 4px),radial-gradient(circle at 68% 50%,#fffaf0 3.6px,transparent 4px)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes hop{0%,55%,to{transform:translateY(0)}70%{transform:translateY(-26px)}85%{transform:translateY(0)}}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;width:100%}.box{background:#1f1c2deb;border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:10px;align-content:start;min-width:0}.box h3{font-family:var(--display);font-weight:800;font-size:1.15rem;margin:0}.pick{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pick label{cursor:pointer}.pick input{position:absolute;opacity:0;pointer-events:none}.pick span{display:grid;justify-items:center;gap:6px;padding:10px 6px 8px;border-radius:10px;border:2px solid var(--line);background:var(--panel);font-family:var(--display);font-weight:600}.pick input:checked+span{border-color:var(--door-a);background:var(--panel-2)}.chip{display:block;border-radius:6px}.chip.big{width:22px;height:28px;background:var(--grande)}.chip.small{width:14px;height:14px;margin-top:14px;background:var(--pequeno);border-radius:5px}#codeIn{width:100%;font:800 1.8rem/1 var(--display);letter-spacing:.35em;text-align:center;padding:10px 0 6px .35em;border-radius:10px;border:2px solid var(--line);background:#15131f;color:var(--ink)}.err{color:var(--danger);margin:0;min-height:1.4em;font-weight:600}.code{display:flex;gap:8px;justify-content:center}.code span{font:800 2.6rem/1 var(--display);width:58px;padding:12px 0 6px;border-radius:12px;background:var(--panel);border:2px solid var(--line);font-variant-numeric:tabular-nums}.status{font-family:var(--display);font-weight:600;font-size:1.1rem;margin:0}.dots:after{content:"";display:inline-block;width:1.2em;text-align:left;animation:dots 1.2s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.ctl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;width:100%;text-align:left}.kv{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.88rem;color:var(--muted);min-height:30px}.kv span:last-child{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;color:var(--ink)}kbd{font-family:var(--display);font-weight:600;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 7px;border:1px solid var(--line);border-bottom-width:3px;border-radius:7px;background:#16141f;color:var(--ink)}.worlds{display:grid;gap:12px;width:100%}.world{display:grid;gap:6px}.wname{margin:0;text-align:left;font:800 .78rem var(--body);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.wname b{color:var(--ink);font-weight:800}.levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%}.lvl{display:grid;gap:1px;justify-items:center;padding:10px 4px 9px;border-radius:12px;border:2px solid var(--line);background:#1f1c2df2;color:var(--ink);cursor:pointer;font-family:var(--body);transition:transform .1s,border-color .15s}.lvl:hover{transform:translateY(-2px);border-color:var(--grande)}.lvl.w2:hover{border-color:var(--pequeno)}.lvl.w3:hover{border-color:#ffb38a}.lvl.done{border-color:#3f4a52}.lvl .n{font:800 1.6rem/1 var(--display)}.lvl .nm{font-weight:600;font-size:.8rem;line-height:1.15;min-height:2.3em;display:flex;align-items:center}.lvl .gm{font-size:.8rem;letter-spacing:.12em;color:#4b4466;line-height:1}.lvl .gm i{font-style:normal;color:var(--gem)}.lvl .bt{font:600 .72rem var(--body);color:var(--muted);font-variant-numeric:tabular-nums;min-height:1.2em}@media(max-width:620px){.levels{grid-template-columns:repeat(3,minmax(0,1fr))}}.how{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px;width:100%;text-align:left}.how-row{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;background:#1f1c2de6;border:1px solid var(--line);border-radius:12px;padding:7px 11px;min-width:0}.how-row p{margin:0;font-size:.86rem;line-height:1.35}.ico{display:block;justify-self:center}.ico.big{width:22px;height:28px;border-radius:6px;background:var(--grande)}.ico.small{width:14px;height:14px;border-radius:5px;background:var(--pequeno)}.ico.round{width:18px;height:7px;border-radius:4px 4px 0 0;background:var(--door-a)}.ico.wide{width:30px;height:7px;background:repeating-linear-gradient(90deg,var(--door-b) 0 6px,#7a58ad 6px 9px)}.ico.door{width:22px;height:28px;border:3px solid var(--grande);border-bottom:0;border-radius:11px 11px 0 0}.ico.water{width:30px;height:14px;border-radius:3px;background:linear-gradient(#5fb4ff,#2f6fb8)}.ico.fan{width:26px;height:24px;background:repeating-linear-gradient(90deg,transparent 0 4px,#cfe8ff 4px 6px) top/100% 14px no-repeat,linear-gradient(#55607a,#3a4256) bottom/100% 9px no-repeat;opacity:.9}.ico.lift{width:30px;height:8px;border-radius:3px;background:linear-gradient(var(--door-a) 0 3px,#5a5470 3px)}.ico.gem{width:14px;height:14px;transform:rotate(45deg);border-radius:2px;background:linear-gradient(135deg,#ffd166,var(--gem))}.touch{position:absolute;inset:0;pointer-events:none}.pad{position:absolute;bottom:calc(8px + env(safe-area-inset-bottom,0px));display:grid;gap:8px;pointer-events:none}.pad.l{left:calc(10px + env(safe-area-inset-left,0px))}.pad.r{right:calc(10px + env(safe-area-inset-right,0px))}.pad .row2{display:flex;gap:8px}.tb{pointer-events:auto;width:clamp(44px,6.6vw,60px);height:clamp(44px,6.6vw,60px);border-radius:50%;border:2px solid rgba(239,233,220,.22);background:#0f0d1752;color:var(--ink);font:800 clamp(.95rem,2.2vw,1.3rem)/1 var(--display);display:flex;align-items:center;justify-content:center;touch-action:none}.tb.on{background:#efe9dc38}.tb.big{border-color:#f2913d99}.tb.small{border-color:#45d1bd99}.tb.mini{width:clamp(36px,5.2vw,48px);height:clamp(36px,5.2vw,48px);font-size:clamp(.8rem,1.8vw,1rem)}.tb.pauseBtn{position:absolute;top:calc(34px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);border-radius:9px;width:40px;height:28px;font-size:.8rem}.rotate{position:absolute;inset:0;display:none;align-items:center;justify-content:center;text-align:center;padding:16px;background:#09080ef0;font:800 1.2rem var(--display)}@media(pointer:coarse)and (orientation:portrait){.rotate{display:flex}}.ios-tip{max-width:340px}@media(max-height:540px){.screen{gap:8px}.mascots{display:none}.logo{font-size:2.1rem}.title{font-size:1.35rem}.tag{font-size:.9rem;margin:0}.btn{font-size:.98rem;padding:10px 16px 8px}.stack{gap:8px;width:min(240px,100%)}.box{padding:10px 12px;gap:6px}.box h3{font-size:1rem}.worlds{gap:6px}.levels{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.lvl{padding:5px 3px 4px;border-radius:10px}.lvl .n{font-size:1.15rem}.lvl .nm{min-height:0;font-size:.7rem}.lvl .bt{display:none}.how{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.how-row{padding:5px 8px;grid-template-columns:30px 1fr}.how-row p{font-size:.74rem}.kv{min-height:24px;font-size:.78rem}kbd{min-width:22px;height:22px;font-size:.75rem;padding:0 5px}.code span{font-size:2rem;width:46px}#codeIn{font-size:1.4rem}.small{font-size:.8rem}}@media(prefers-reduced-motion:reduce){.m-big,.m-small,.dots:after{animation:none}.lvl{transition:none}}.touch{position:absolute;inset:0;z-index:20;pointer-events:none}.pad{z-index:21;pointer-events:none}.tb{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.tb.pauseBtn{z-index:22}.rotate{z-index:100}#touch{position:absolute;inset:0;z-index:30;pointer-events:none;overflow:hidden}#touch[hidden]{display:none!important}#padL,#padR{position:absolute;bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;justify-content:flex-end;gap:10px;pointer-events:none}#padL{left:calc(12px + env(safe-area-inset-left,0px))}#padR{right:calc(12px + env(safe-area-inset-right,0px))}#touch .tb{position:relative;z-index:31;flex-shrink:0;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}#touch .pauseBtn{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:50%;bottom:auto;z-index:32;transform:translate(-50%);width:44px;height:32px;border-radius:8px}@media(pointer:coarse){#touch .tb{min-width:48px;min-height:48px}#touch .tb.mini{min-width:42px;min-height:42px}}@media(orientation:landscape)and (max-height:500px){#touch .pad{bottom:calc(6px + env(safe-area-inset-bottom,0px))}#touch .tb{width:48px;height:48px}}#ui[hidden]{display:none!important}#touch .tb:active,#touch .tb.on{background:#efe9dc52}