:root{--fundo:#14161c;--fundo-2:#0e1015;--superficie:#1f2330;--superficie-2:#272c3b;--borda:#343a4d;--texto:#e8e6e3;--texto-2:#a9adba;--destaque:#f5a524;--destaque-2:#ffcf6e;--sucesso:#3ecf8e;--erro:#ff5c5c;--vida:#e5484d;--energia:#5cc8ff;--xp:#f5a524;--sombra:0 6px 24px #00000059;--fonte-pixel:"Press Start 2P", ui-monospace, monospace;--fonte:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--fonte-mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--fundo:#f4efe6;--fundo-2:#e9e1d3;--superficie:#fffaf2;--superficie-2:#f3ebdd;--borda:#d8ccb6;--texto:#1f1b16;--texto-2:#5e5546;--destaque:#c77700;--destaque-2:#8a5200;--sucesso:#1b8a5a;--erro:#c62f2f;--vida:#c62f2f;--sombra:0 6px 24px #3c280a26;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--fundo);color:var(--texto);font:16px/1.55 var(--fonte);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}a{color:var(--destaque)}:focus-visible{outline:2px solid var(--destaque);outline-offset:2px}.pixel{font-family:var(--fonte-pixel);letter-spacing:.02em}.mudo{color:var(--texto-2)}.oculto{display:none!important}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.btn{border:2px solid var(--borda);background:var(--superficie-2);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:.5em;padding:.65em 1.1em;font-weight:600;transition:transform 60ms,background .15s,border-color .15s;display:inline-flex;box-shadow:0 3px #00000059}.btn:hover:not(:disabled){border-color:var(--destaque)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #00000059}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.principal{background:var(--destaque);border-color:var(--destaque);color:#1a1206}.btn.principal:hover:not(:disabled){background:var(--destaque-2);border-color:var(--destaque-2)}.btn.perigo{border-color:var(--erro);color:var(--erro);background:0 0}.btn.fantasma{box-shadow:none;background:0 0}.btn .tecla{font:600 .72em var(--fonte-mono);opacity:.7;border:1px solid;border-radius:3px;padding:0 .35em}.barra{background:var(--fundo-2);border:2px solid var(--borda);border-radius:3px;height:12px;position:relative;overflow:hidden}.barra>i{background:var(--cor,var(--destaque));transition:width .5s;position:absolute;inset:0 auto 0 0}.barra.vida>i{--cor:var(--vida)}.barra.xp>i{--cor:var(--xp)}.barra.guarda>i{--cor:#8b93a7}#app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}@media (max-width:860px){#app{height:auto;min-height:100dvh;overflow:visible}}.hud{background:var(--fundo-2);border-bottom:2px solid var(--borda);flex-wrap:wrap;align-items:center;gap:18px;padding:10px 16px;display:flex}.hud .logo{font:12px var(--fonte-pixel);color:var(--destaque);white-space:nowrap}.hud .grupo{white-space:nowrap;align-items:center;gap:8px;font-size:14px;display:flex}.hud .grupo .barra{width:110px;height:10px}.hud .grupo b{font-weight:700}.hud .espaco{flex:1}.selo{font:10px var(--fonte-pixel);background:var(--superficie-2);border:1px solid var(--borda);border-radius:3px;padding:4px 6px}.selo.dev{color:#1a1206;background:var(--energia);border-color:var(--energia)}.selo.rascunho{color:var(--destaque);border-color:var(--destaque)}.palco{flex:1;grid-template-columns:1fr 360px;min-height:0;display:grid}.palco .area{flex-direction:column;min-width:0;display:flex;position:relative}.abas{scrollbar-width:thin;gap:6px;padding:10px 16px;display:flex;overflow-x:auto}.aba{font:10px var(--fonte-pixel);border:2px solid var(--borda);background:var(--superficie);cursor:pointer;white-space:nowrap;border-radius:4px;padding:8px 10px}.aba[aria-selected=true]{border-color:var(--destaque);color:var(--destaque)}.aba.trancada{opacity:.45}.cena{flex:1;min-height:360px;position:relative}.cena canvas{width:100%;height:100%;image-rendering:pixelated;cursor:pointer;position:absolute;inset:0}.dica-teclas{color:var(--texto-2);pointer-events:none;background:#00000059;border-radius:4px;padding:6px 10px;font-size:12px;position:absolute;bottom:12px;left:16px}:root[data-theme=light] .dica-teclas{background:#ffffffb3}.painel{border-left:2px solid var(--borda);background:var(--superficie);padding:18px;overflow-y:auto}.painel h2{font:13px/1.6 var(--fonte-pixel);color:var(--destaque);margin:0 0 6px}.painel h3{margin:0 0 8px;font-size:18px;line-height:1.3}.painel .acoes{flex-direction:column;gap:8px;margin-top:16px;display:flex}.ficha{grid-template-columns:auto 1fr;gap:4px 12px;margin:12px 0;font-size:14px;display:grid}.ficha dt{color:var(--texto-2)}.ficha dd{margin:0;font-weight:600}.estrelas{color:var(--erro);letter-spacing:2px}.aviso{background:var(--superficie-2);border-left:4px solid var(--destaque);border-radius:6px;margin:12px 0;padding:10px 12px;font-size:14px}.aviso.erro{border-left-color:var(--erro)}.aviso.ok{border-left-color:var(--sucesso)}@media (max-width:860px){.palco{grid-template-columns:1fr}.painel{border-left:0;border-top:2px solid var(--borda)}.cena{min-height:300px}.hud{gap:10px 14px}.hud .grupo .barra{width:70px}}.tela{flex-direction:column;flex:1;min-height:0;display:flex}.tela-topo{border-bottom:2px solid var(--borda);background:var(--superficie);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.tela-topo h1{font:13px/1.6 var(--fonte-pixel);flex:1;min-width:200px;margin:0}.estudo{flex:1;grid-template-columns:minmax(0,1fr) 380px;min-height:0;display:grid}.roteiro{max-width:860px;padding:24px clamp(16px,4vw,48px);overflow-y:auto}.roteiro h1{font-size:24px;line-height:1.25}.roteiro h2{color:var(--destaque);margin-top:28px;font-size:18px}.roteiro code{font-family:var(--fonte-mono);background:var(--superficie-2);border-radius:3px;padding:0 4px}.roteiro li{margin:4px 0}.lateral{border-left:2px solid var(--borda);background:var(--superficie);flex-direction:column;gap:16px;padding:18px;display:flex;overflow-y:auto}.cartao{background:var(--superficie-2);border:2px solid var(--borda);border-radius:8px;padding:14px}.cartao h4{font:10px/1.6 var(--fonte-pixel);color:var(--texto-2);margin:0 0 8px}.relogio{font:600 34px var(--fonte-mono);letter-spacing:.02em}.relogio.pausado{color:var(--texto-2)}textarea{resize:vertical;border:2px solid var(--borda);background:var(--fundo-2);border-radius:6px;width:100%;min-height:120px;padding:10px}input[type=text],input[type=url],input[type=password],input[inputmode]{border:2px solid var(--borda);background:var(--fundo-2);border-radius:6px;width:100%;padding:10px}@media (max-width:860px){.estudo{grid-template-columns:1fr}.lateral{border-left:0;border-top:2px solid var(--borda)}}.luta{background:radial-gradient(ellipse at top, #2a1f2e, var(--fundo) 60%);flex:1;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}:root[data-theme=light] .luta{background:radial-gradient(ellipse at top, #f1dccb, var(--fundo) 60%)}.arena{grid-template-columns:1fr auto 1fr;align-items:end;gap:16px;width:100%;max-width:980px;margin:0 auto;padding:18px 16px 8px;display:grid}.lutador{flex-direction:column;gap:6px;display:flex}.lutador.inimigo{text-align:right;align-items:flex-end}.lutador canvas{image-rendering:pixelated;flex:none;align-self:flex-start}.lutador.inimigo canvas{align-self:flex-end}.lutador .nome{font:10px/1.6 var(--fonte-pixel)}.lutador .barra{width:min(260px,38vw);height:14px}.lutador.levou{animation:.35s tremer}@keyframes tremer{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.dado{color:#1b1b1b;width:64px;height:64px;font:26px var(--fonte-pixel);box-shadow:0 4px 0 #b9b0a0, var(--sombra);background:#f6f1e7;border-radius:10px;place-items:center;display:grid}.dado.rolando{animation:.12s linear infinite rolar}@keyframes rolar{50%{transform:rotate(14deg)scale(1.06)}}.quadro{width:100%;max-width:860px;margin:0 auto;padding:8px 16px 32px;overflow-y:auto}.questao{background:var(--superficie);border:2px solid var(--borda);box-shadow:var(--sombra);border-radius:10px;padding:20px}.questao .cabeca{color:var(--texto-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:13px;display:flex}.enunciado{font-size:18px;line-height:1.55}.enunciado p{margin:0 0 10px}.opcoes{gap:10px;margin-top:14px;display:grid}.opcao{text-align:left;border:2px solid var(--borda);background:var(--superficie-2);cursor:pointer;border-radius:8px;align-items:flex-start;gap:12px;padding:12px 14px;font-size:16px;display:flex}.opcao .letra{font:600 13px var(--fonte-mono);background:var(--fundo-2);border-radius:4px;place-items:center;min-width:24px;height:24px;display:grid}.opcao[aria-pressed=true]{border-color:var(--destaque)}.opcao.certa{border-color:var(--sucesso);background:color-mix(in srgb, var(--sucesso) 14%, var(--superficie-2))}.opcao.errada{border-color:var(--erro);background:color-mix(in srgb, var(--erro) 14%, var(--superficie-2))}.opcao:disabled{cursor:default}.numerica{align-items:center;gap:10px;margin-top:14px;display:flex}.numerica input{max-width:220px;font:600 20px var(--fonte-mono)}.retorno{background:var(--superficie-2);border-left:4px solid var(--sucesso);border-radius:8px;margin-top:16px;padding:14px}.retorno.errou{border-left-color:var(--erro)}.retorno .titulo{font:11px/1.6 var(--fonte-pixel);margin-bottom:6px}.retorno .fonte{color:var(--texto-2);margin-top:8px;font-size:13px}.conta{font:14px var(--fonte-mono);margin:6px 0}.rodape-luta{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:16px;display:flex}.resultado{text-align:center;padding:28px 20px}.resultado h2{font:20px/1.6 var(--fonte-pixel);margin:0 0 12px}.resultado.vitoria h2{color:var(--sucesso)}.resultado.derrota h2{color:var(--erro)}.resultado .numeros{flex-wrap:wrap;justify-content:center;gap:12px;margin:16px 0;display:flex}.resultado .numeros div{background:var(--superficie-2);border:2px solid var(--borda);border-radius:8px;min-width:110px;padding:10px 16px}.resultado .numeros b{font:16px var(--fonte-pixel);color:var(--destaque);margin-top:4px;display:block}.veu{z-index:50;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--superficie);border:2px solid var(--destaque);width:100%;max-width:460px;box-shadow:var(--sombra);border-radius:10px;padding:22px}.modal h3{font:13px/1.6 var(--fonte-pixel);color:var(--destaque);margin:0 0 10px}.modal .acoes{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.toasts{z-index:60;flex-direction:column;gap:8px;max-width:min(380px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{background:var(--superficie);border:2px solid var(--borda);border-left:6px solid var(--destaque);box-shadow:var(--sombra);border-radius:6px;padding:10px 14px;font-size:14px;animation:.25s entrar}.toast.erro{border-left-color:var(--erro)}.toast.ok{border-left-color:var(--sucesso)}@keyframes entrar{0%{opacity:0;transform:translateY(10px)}}.login{background:radial-gradient(ellipse at 50% 30%, #3a2410, var(--fundo) 65%);flex:1;place-items:center;padding:16px;display:grid}.login form{background:var(--superficie);border:2px solid var(--borda);width:min(380px,100%);box-shadow:var(--sombra);border-radius:12px;flex-direction:column;gap:12px;padding:26px;display:flex}.login h1{font:18px/1.6 var(--fonte-pixel);color:var(--destaque);text-align:center;margin:0}.login p{text-align:center;color:var(--texto-2);margin:0 0 8px;font-size:14px}.login label{color:var(--texto-2);font-size:13px}.campo-senha{display:block;position:relative}.campo-senha input{padding-right:44px}.olho{cursor:pointer;background:0 0;border:0;border-radius:6px;width:36px;height:36px;font-size:18px;line-height:1;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.olho:hover,.olho:focus-visible{background:var(--fundo-2);outline:2px solid var(--borda)}:root{--grafico:#cc7a0e;--grade:#2c3142}:root[data-theme=light]{--grafico:#c77700;--grade:#efe6d6}.painel-corpo{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-content:start;gap:16px;padding:18px;display:grid;overflow-y:auto}.painel-corpo .largo,.painel-corpo .heroi,.painel-corpo>.tiles{grid-column:1/-1}.heroi{background:var(--superficie);border:2px solid var(--borda);border-radius:8px;padding:18px}.heroi-valor{font:600 52px/1.1 var(--fonte);margin:6px 0 10px}.heroi-valor span{color:var(--texto-2);font-size:18px;font-weight:500}.medidor{background:var(--grade);border-radius:6px;height:12px;margin-bottom:6px;overflow:hidden}.medidor.fino{height:8px;margin:6px 0 4px}.medidor i{background:var(--grafico);border-radius:6px;height:100%;display:block}.tiles{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.tiles.compactos{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.tile{background:var(--superficie);border:2px solid var(--borda);border-radius:8px;padding:12px 14px}.cartao .tile{background:var(--fundo-2);border-width:1px}.tile-rotulo{color:var(--texto-2);font-size:13px}.tile-valor{font:600 24px/1.3 var(--fonte);margin-top:2px}.tile-extra{color:var(--texto-2);margin-top:2px;font-size:12px}.status{font-size:12px;font-weight:600}.status.ok{color:var(--sucesso)}.status.alerta{color:var(--erro)}.status.neutro{color:var(--texto-2)}.grafico{position:relative}.grafico svg{display:block}.grafico{min-height:240px}.grafico .grade{stroke:var(--grade);stroke-width:1px}.grafico .meta{stroke:var(--texto-2);stroke-width:1px}.grafico .eixo{fill:var(--texto-2);font:11px var(--fonte)}.grafico .rotulo{fill:var(--texto);font:600 12px var(--fonte)}.grafico .marca{fill:var(--grafico);opacity:.8}.grafico .atual .marca{opacity:1}.grafico .alvo{fill:#0000;cursor:default;outline:none}.grafico g:hover .marca,.grafico .alvo:focus~.marca{opacity:1}.dica-grafico{background:var(--superficie-2);border:1px solid var(--borda);pointer-events:none;opacity:0;white-space:nowrap;box-shadow:var(--sombra);border-radius:6px;padding:6px 10px;font-size:13px;transition:opacity .1s;position:absolute;transform:translate(-50%,-120%)}.dica-grafico.visivel{opacity:1}.barras-h{gap:8px;display:grid}.linha-h{grid-template-columns:90px 1fr auto;align-items:center;gap:10px;font-size:14px;display:grid}.trilho-h{height:14px}.marca-h{background:var(--grafico);border-radius:0 4px 4px 0;height:100%;display:block}.valor-h{font:600 13px var(--fonte-mono);color:var(--texto)}.ver-tabela{margin-top:8px;font-size:13px}.ver-tabela summary{cursor:pointer;color:var(--texto-2)}.painel-corpo table{border-collapse:collapse;width:100%;margin-top:6px;font-size:13px}.painel-corpo th,.painel-corpo td{text-align:left;border-bottom:1px solid var(--grade);padding:4px 8px}.ver-tabela table{max-height:260px;display:block;overflow:auto}@media (max-width:860px){.painel-corpo{grid-template-columns:1fr}.heroi-valor{font-size:40px}}.hud .btn{white-space:nowrap;padding:.4em .75em;font-size:14px}@media (max-width:1500px){.hud .rotulo{display:none}}.lateral .cartao .btn{white-space:nowrap}mark.mt{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;padding:0 2px}[data-cor=amarelo]{--mt-fundo:#ffe066;--mt-texto:#1a1a1a}[data-cor=vermelho]{--mt-fundo:#e5484d;--mt-texto:#fff}[data-cor=preto]{--mt-fundo:#111;--mt-texto:#fff}[data-cor=branco]{--mt-fundo:#fff;--mt-texto:#111}[data-cor=azul]{--mt-fundo:#3b82f6;--mt-texto:#fff}mark.mt[data-cor]{background:var(--mt-fundo);color:var(--mt-texto)}mark.mt[data-cor=branco],mark.mt[data-cor=preto]{box-shadow:inset 0 0 0 1px var(--borda)}.caderno-editor{flex-direction:column;gap:6px;display:flex}.barra-caderno{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.barra-caderno .btn{padding:4px 10px;font-size:13px}.barra-caderno .espaco,.lado-caderno .espaco{flex:1}.estado-caderno{font-size:12px}button.cor{border:2px solid var(--borda);background:var(--mt-fundo);cursor:pointer;border-radius:50%;width:28px;height:28px;padding:0}button.cor:hover,button.cor:focus-visible{outline:2px solid var(--destaque);outline-offset:2px}button.cor.ativa{outline:3px solid var(--destaque);outline-offset:2px}.folha{border:2px solid var(--borda);background:var(--fundo-2);overflow-wrap:anywhere;border-radius:6px;outline:none;min-height:200px;padding:10px 12px;line-height:1.6}.folha:focus{border-color:var(--destaque)}.folha p{margin:0 0 6px}.caderno{flex:1;grid-template-columns:minmax(240px,320px) 1fr;gap:16px;min-height:0;padding:16px;display:grid}.lado-caderno{flex-direction:column;gap:10px;min-height:0;display:flex}.filtros-cor{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lista-caderno{flex-direction:column;gap:6px;min-height:0;display:flex;overflow-y:auto}.item-caderno{text-align:left;border:2px solid var(--borda);background:var(--superficie);cursor:pointer;border-radius:8px;flex-direction:column;gap:4px;padding:10px;display:flex}.item-caderno:hover,.item-caderno.ativa{border-color:var(--destaque)}.item-caderno .titulo-item{font-weight:600}.item-caderno .resumo{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.item-caderno .marcas{flex-direction:column;align-items:flex-start;gap:3px;font-size:13px;display:flex}.cores-item{gap:4px;display:flex}.ponto{background:var(--mt-fundo);border:1px solid var(--borda);border-radius:50%;width:10px;height:10px}.pagina-caderno{flex-direction:column;gap:8px;min-width:0;display:flex}.cabeca-pagina{align-items:center;gap:8px;display:flex}.cabeca-pagina h2{flex:1;margin:0;font-size:20px}.titulo-pagina{flex:1;font-size:18px;font-weight:600}.vazio-caderno{text-align:center;padding:40px 16px}@media (max-width:760px){.caderno{grid-template-columns:1fr;padding:12px}.lista-caderno{max-height:40vh}}:root{--gaveta:440px}.gaveta{width:var(--gaveta);z-index:40;background:var(--superficie);border-left:2px solid var(--borda);box-shadow:var(--sombra);flex-direction:column;display:none;position:fixed;top:0;bottom:0;right:0;container-type:inline-size}body.com-gaveta .gaveta{display:flex}body.com-gaveta #app{margin-right:var(--gaveta)}body.gaveta-max .gaveta{width:100vw}body.gaveta-max #app{margin-right:0}body.arrastando,body.arrastando *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.alca-gaveta{cursor:col-resize;z-index:1;width:10px;position:absolute;top:0;bottom:0;left:-5px}.alca-gaveta:after{content:"";background:var(--borda);border-radius:2px;width:4px;height:48px;margin-top:-24px;position:absolute;top:50%;left:3px}.alca-gaveta:hover:after,.alca-gaveta:focus-visible:after{background:var(--destaque)}.cabeca-gaveta{border-bottom:2px solid var(--borda);align-items:center;gap:8px;padding:10px 12px 10px 16px;display:flex}.cabeca-gaveta h2{font:13px var(--fonte-pixel);color:var(--destaque);white-space:nowrap;margin:0}.cabeca-gaveta .espaco{flex:1}.cabeca-gaveta .btn{padding:4px 10px}.corpo-gaveta{flex:1;min-height:0;overflow:auto}.corpo-gaveta .caderno{height:100%;padding:12px}@container (width<=700px){.caderno{grid-template-rows:auto 1fr;grid-template-columns:1fr}.lista-caderno{max-height:22vh}}@media (max-width:760px){.gaveta{width:100vw}body.com-gaveta #app{margin-right:0}.alca-gaveta{display:none}}