:root{--ink:#123039;--ink-2:#3d5a64;--teal:#0d9488;--teal-dark:#0b7a70;--azul:#3b82f6;--roxo:#7c3aed;--amber:#f59e0b;--rose:#e11d48;--card:#ffffffe6;--card-solid:#fff;--line:#1230391f;--shadow:0 10px 30px #0a28322e;--shadow-sm:0 4px 14px #0a28321f;--r:16px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{color:var(--ink);-webkit-user-select:none;user-select:none;background:#0e2229;font-family:Segoe UI,Nunito,system-ui,-apple-system,sans-serif}#app{position:fixed;inset:0}#app canvas{display:block}#hud{z-index:10;pointer-events:none;position:fixed;inset:0}#hud>*{pointer-events:auto}.cartao{background:var(--card);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.bt{background:var(--card-solid);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-flex}.bt:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.bt:active{transform:scale(.98)}.bt.primaria{background:linear-gradient(135deg, var(--teal), var(--teal-dark));color:#fff;border-color:#0000}.bt.ambar{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#0000}.bt.fantasma{background:#fff9}.bt[disabled]{opacity:.4;pointer-events:none}#topo{align-items:center;gap:10px;display:flex;position:absolute;top:14px;left:14px;right:14px}#marca{align-items:center;gap:10px;padding:8px 16px 8px 10px;display:flex}#marca img{width:auto;height:36px}#marca b{font-size:17px;font-weight:800;line-height:1.1;display:block}#marca small{color:var(--ink-2);font-size:11px;font-weight:600;display:block}#topo .direita{gap:8px;margin-left:auto;display:flex}#painel{flex-direction:column;width:300px;max-height:calc(100% - 170px);display:flex;position:absolute;top:76px;left:14px;overflow:hidden}#painel header{border-bottom:1px solid var(--line);padding:13px 16px 9px}#painel header h2{font-size:14.5px;font-weight:800}#painel header p{color:var(--ink-2);margin-top:2px;font-size:12px;line-height:1.4}#painel .conteudo{flex-direction:column;gap:12px;padding:12px 16px 14px;display:flex;overflow-y:auto}#missoes{flex-direction:column;width:280px;display:flex;position:absolute;top:76px;right:14px;overflow:hidden}#missoes header{border-bottom:1px solid var(--line);padding:12px 16px 8px;font-size:13.5px;font-weight:800}#missoes ul{flex-direction:column;gap:4px;padding:8px 10px 10px;list-style:none;display:flex}#missoes li{color:var(--ink-2);border-radius:10px;gap:9px;padding:7px 8px;font-size:12.5px;line-height:1.4;display:flex}#missoes li .ck{color:#fff;border:2px solid #b9cdd2;border-radius:6px;flex:none;place-items:center;width:18px;height:18px;margin-top:1px;font-size:11px;display:grid}#missoes li.feita{color:#8aa3aa;text-decoration:line-through}#missoes li.feita .ck{background:var(--teal);border-color:var(--teal)}#missoes li.feita .ck:after{content:"✓"}#leituras{align-items:center;gap:18px;padding:12px 22px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.leitura{text-align:center;min-width:86px}.leitura b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;line-height:1.1;display:block}.leitura span{color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;font-weight:700}.leitura .sub{color:var(--ink-2);font-size:11px}.barras{flex-direction:column;gap:6px;display:flex}.barra{grid-template-columns:74px 1fr 62px;align-items:center;gap:8px;font-size:11.5px;font-weight:700;display:grid}.barra .trilho{background:#1230391a;border-radius:5px;height:10px;overflow:hidden}.barra .trilho i{border-radius:5px;height:100%;transition:width .1s linear;display:block}.barra .valor{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-2)}.controle{flex-direction:column;gap:5px;display:flex}.controle .rotulo{justify-content:space-between;font-size:12.5px;font-weight:700;display:flex}.controle .rotulo span{color:var(--ink-2);font-variant-numeric:tabular-nums}.controle input[type=range]{width:100%;accent-color:var(--teal);cursor:pointer}.controle select{font:inherit;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;padding:8px 10px;font-size:13px}.formula{background:#f0fdfa;border:1px solid #99e3d1;border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.7}.formula .eq{color:var(--teal-dark);font-family:Consolas,monospace;font-size:13.5px;display:block}.formula .destaque{color:var(--ink);font-weight:800}#toasts{z-index:40;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%);pointer-events:none!important}.toast{color:#eafffb;box-shadow:var(--shadow);text-align:center;background:#123039eb;border-radius:14px;max-width:62vw;padding:10px 18px;font-size:13.5px;font-weight:600;animation:.25s surge}.toast.boa{background:#0d9488f2}.toast.alerta{background:#d97706f2}@keyframes surge{0%{opacity:0;transform:translateY(-8px)scale(.96)}}.veu{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#081c228c;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.veu.aberto{display:flex}.modal{width:min(540px,92vw);max-height:86vh;box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:26px 28px;overflow-y:auto}.modal h2{font-size:20px;font-weight:800}.modal .sub{color:var(--ink-2);margin-top:4px;font-size:13.5px;line-height:1.5}.modal .acoes{gap:10px;margin-top:18px;display:flex}.modal .acoes .bt{flex:1}.grade-escolhas{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:16px;display:grid}.escolha{border:2px solid var(--line);text-align:center;color:var(--ink-2);background:#fff;border-radius:14px;padding:13px 10px;font-size:12.5px;font-weight:700;transition:all .15s}.escolha .ico{margin-bottom:6px;font-size:26px;display:block}.escolha.sel{border-color:var(--teal);color:var(--teal-dark);background:#f0fdfa}.escolha.erro{border-color:var(--rose);color:var(--rose);background:#fff1f2}.lista-passos{flex-direction:column;gap:8px;margin-top:16px;display:flex}.passo-item{border:2px solid var(--line);text-align:left;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:11px 13px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.passo-item .num{background:#12303914;border-radius:8px;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid}.passo-item.sel{border-color:var(--teal);background:#f0fdfa}.passo-item.sel .num{background:var(--teal);color:#fff}.passo-item.erro{border-color:var(--rose);background:#fff1f2;animation:.3s treme}@keyframes treme{25%{transform:translate(-4px)}75%{transform:translate(4px)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#c3d4d8;border-radius:4px}@media (width<=900px){#painel{width:250px}#missoes{width:235px}#marca small{display:none}}