:root{--cor-fundo: #0a0e1a;--cor-fundo-card: #131829;--cor-borda: #1f2638;--cor-texto: #e7e9f0;--cor-texto-secundario: #8a92a8;--cor-acento: #5b8def;--cor-acento-hover: #7aa3f5;--cor-sucesso: #10b981;--cor-perigo: #ef4444;--cor-aviso: #f59e0b;--fonte-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--fonte-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--gap-pequeno: .5rem;--gap-medio: 1rem;--gap-grande: 1.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.palco,.grade{touch-action:none}body{font-family:var(--fonte-base);background:radial-gradient(ellipse at top,#11172a,transparent 60%),var(--cor-fundo);color:var(--cor-texto);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;line-height:1.5;font-feature-settings:"ss01","cv02"}#app{width:100%;max-width:1000px;padding:var(--gap-medio);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.dicas-teclas{display:flex;flex-wrap:wrap;gap:var(--gap-medio);padding:.75rem var(--gap-medio) 1.25rem;font-size:.78rem;color:var(--cor-texto-secundario);letter-spacing:.02em;justify-content:center}.dicas-teclas span{display:inline-flex;align-items:center;gap:.3rem}.dicas-teclas kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .3rem;font-family:var(--fonte-mono);font-size:.72rem;background:var(--cor-fundo-card);border:1px solid var(--cor-borda);border-bottom-width:2px;border-radius:4px;color:var(--cor-texto)}@media (max-width: 480px){.dicas-teclas{display:none}}:focus-visible{outline:2px solid var(--cor-acento);outline-offset:2px}button{font-family:inherit;font-size:.95rem;background:var(--cor-fundo-card);color:var(--cor-texto);border:1px solid var(--cor-borda);padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:transform .08s ease,background .15s ease,border-color .15s ease,opacity .15s ease}button:hover:not(:disabled){border-color:var(--cor-acento);background:var(--cor-borda)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.45;cursor:not-allowed}.palco{display:flex;flex-direction:column;align-items:center;gap:var(--gap-medio);padding:var(--gap-medio) 0}.titulo-fase{font-size:1.25rem;font-weight:600;letter-spacing:-.01em;color:var(--cor-texto);text-align:center;font-feature-settings:"ss01"}.hud{display:flex;gap:var(--gap-medio);font-family:var(--fonte-mono);font-size:.95rem;color:var(--cor-texto-secundario)}.hud-item{display:inline-flex;align-items:center;gap:.35rem}.hud-icone{font-size:1.1rem;line-height:1}.grade{--tamanho-celula: clamp(28px, 6vw, 56px);display:grid;grid-template-columns:repeat(var(--cols, 8),var(--tamanho-celula));grid-template-rows:repeat(var(--rows, 5),var(--tamanho-celula));gap:2px;padding:10px;background:radial-gradient(ellipse at top,rgba(91,141,239,.04),transparent 60%),var(--cor-fundo-card);border:1px solid var(--cor-borda);border-radius:12px;box-shadow:0 12px 36px #00000080,inset 0 1px #ffffff0a}.celula{width:var(--tamanho-celula);height:var(--tamanho-celula);display:flex;align-items:center;justify-content:center;font-size:calc(var(--tamanho-celula) * .65);line-height:1;border-radius:3px;user-select:none}.terreno-vazio{background:#1a2138;box-shadow:inset 0 0 0 1px #ffffff05}.terreno-parede{background:linear-gradient(135deg,#2f3a58,#1a2138 60%),radial-gradient(circle at 30% 30%,rgba(255,255,255,.06),transparent 50%);border:1px solid #3a4664;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0006}.terreno-porta{background:#1a2138;position:relative;box-shadow:inset 0 0 0 1px #7c4bb859}.terreno-porta:after{content:"🚪";font-size:calc(var(--tamanho-celula) * .7);filter:drop-shadow(0 0 4px rgba(170,100,240,.45))}.terreno-saida{background:radial-gradient(circle at center,#10b98147,#1a2138 70%);position:relative;animation:saida-pulse 2.4s ease-in-out infinite}.terreno-saida:after{content:"🚩";font-size:calc(var(--tamanho-celula) * .7);filter:drop-shadow(0 0 6px rgba(16,185,129,.6))}@keyframes saida-pulse{0%,to{box-shadow:0 0 #10b98100}50%{box-shadow:inset 0 0 0 1px #10b98159,0 0 8px #10b9812e}}.entidade{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--tamanho-celula) * .7);line-height:1;animation:entidade-pop .18s ease-out}@keyframes entidade-pop{0%{transform:scale(.85);opacity:.4}to{transform:scale(1);opacity:1}}.entidade-jogador:before{content:"🐛";display:inline-block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.entidade-bloco:before{content:"📦";display:inline-block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.entidade-chave{animation:entidade-pop .18s ease-out,item-idle 2.6s ease-in-out .18s infinite}.entidade-chave:before{content:"🔑";display:inline-block;filter:drop-shadow(0 0 6px rgba(245,158,11,.55))}.entidade-coletavel{animation:entidade-pop .18s ease-out,item-idle 2.2s ease-in-out .18s infinite}.entidade-coletavel:before{content:"💎";display:inline-block;filter:drop-shadow(0 0 6px rgba(91,141,239,.6))}@keyframes item-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}to{transform:translate(0)}}.entidade-jogador.shake{animation:shake .22s ease-in-out}.modal-overlay{position:fixed;inset:0;background:#050810c7;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fade-in .18s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--cor-fundo-card);border:1px solid var(--cor-borda);border-radius:12px;padding:1.5rem 1.75rem;min-width:280px;max-width:360px;text-align:center;box-shadow:0 20px 60px #0009;animation:pop-in .22s cubic-bezier(.2,.8,.2,1.2)}@keyframes pop-in{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.modal-titulo{font-size:1.4rem;font-weight:700;color:var(--cor-sucesso);margin-bottom:.25rem}.modal-subtitulo{font-size:.95rem;color:var(--cor-texto-secundario);margin-bottom:1.25rem}.modal-stats{display:flex;justify-content:center;gap:var(--gap-grande);margin-bottom:1.5rem}.modal-stat{display:flex;flex-direction:column;gap:.15rem}.modal-stat-num{font-family:var(--fonte-mono);font-size:1.6rem;font-weight:600;color:var(--cor-texto)}.modal-stat-label{font-size:.75rem;color:var(--cor-texto-secundario);text-transform:uppercase;letter-spacing:.05em}.modal-acoes{display:flex;gap:.5rem;justify-content:center;align-items:center;flex-wrap:wrap}.modal-acoes .btn-primario{background:var(--cor-acento);border-color:var(--cor-acento);color:#fff}.modal-acoes .btn-primario:hover:not(:disabled){background:var(--cor-acento-hover);border-color:var(--cor-acento-hover)}.modal-fim{font-size:.85rem;color:var(--cor-texto-secundario);font-style:italic;margin-top:.75rem}.tela{display:flex;flex-direction:column;align-items:center;gap:var(--gap-medio);padding:var(--gap-grande) 0;animation:fade-in .2s ease-out}.tela-titulo{font-size:clamp(2rem,7vw,3rem);font-weight:700;letter-spacing:-.02em;margin-top:1rem}.tela-titulo-bug{color:var(--cor-acento)}.tela-subtitulo{font-size:1rem;color:var(--cor-texto-secundario);text-align:center}.tela-dica{font-size:.9rem;color:var(--cor-texto-secundario);font-style:italic;margin-bottom:1rem}.tela-acoes{display:flex;flex-direction:column;gap:.6rem;width:min(280px,80vw)}.btn-grande{font-size:1.05rem;padding:.85rem 1rem;border-radius:8px;width:100%}.btn-primario{background:var(--cor-acento);border-color:var(--cor-acento);color:#fff}.btn-primario:hover:not(:disabled){background:var(--cor-acento-hover);border-color:var(--cor-acento-hover)}.tela-topo{display:flex;align-items:center;gap:var(--gap-medio);width:100%;max-width:600px;margin-bottom:.5rem}.fases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;width:100%;max-width:600px}.card-fase{display:flex;flex-direction:column;gap:.25rem;align-items:center;background:var(--cor-fundo-card);border:1px solid var(--cor-borda);border-radius:10px;padding:1rem .75rem;cursor:pointer;transition:all .15s ease;text-align:center}.card-fase:hover:not(:disabled){border-color:var(--cor-acento);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.card-fase-bloqueada{opacity:.4;cursor:not-allowed}.card-fase-completa{border-color:var(--cor-sucesso);background:linear-gradient(180deg,rgba(16,185,129,.08),var(--cor-fundo-card))}.card-fase-id{font-family:var(--fonte-mono);font-size:1.4rem;font-weight:600;color:var(--cor-acento)}.card-fase-completa .card-fase-id{color:var(--cor-sucesso)}.card-fase-nome{font-size:.85rem;color:var(--cor-texto);line-height:1.25}.card-fase-meta{font-size:.75rem;color:var(--cor-texto-secundario);text-transform:lowercase;margin-top:.15rem}.card-fase-recorde{color:var(--cor-sucesso)}.hud-acoes{display:flex;gap:.4rem;margin-top:.5rem}.btn-icone{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 .5rem;font-size:1.1rem;background:var(--cor-fundo-card);border:1px solid var(--cor-borda);border-radius:8px;cursor:pointer;transition:all .15s ease}.btn-icone:hover:not(:disabled){border-color:var(--cor-acento);background:var(--cor-borda)}