.bn{grid-template-columns:minmax(0,1fr) 330px;gap:14px;display:grid}.bn-palco{aspect-ratio:16/10;background:#000;border-radius:14px;min-width:0;position:relative;overflow:hidden}#bn-canvas,#bn-fallback{object-fit:cover;touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}#bn-canvas:active{cursor:grabbing}.bn-aviso{background:#10131ce6;border-radius:8px;margin:0;padding:8px 12px;font-size:.9rem;position:absolute;top:12px;left:12px;right:12px}.bn-cartao{border:1px solid var(--borda);background:#10131cf0;border-radius:14px;gap:10px;width:min(92%,460px);max-height:calc(100% - 16px);padding:18px;display:grid;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.bn-cartao[hidden],.bn-faixa[hidden]{display:none}.bn-cartao button,.bn-lateral button{border:1px solid var(--borda);color:var(--texto);cursor:pointer;text-align:left;background:#1a1f2e;border-radius:9px;padding:10px 12px}.bn-cartao button:hover,.bn-lateral button:hover{border-color:var(--destaque)}.bn-cartao button:focus-visible,.bn-lateral button:focus-visible,#bn-canvas:focus-visible{outline:2px solid var(--destaque);outline-offset:2px}button.bn-secundario{color:var(--suave);background:0 0}.bn-faixa{font-variant-numeric:tabular-nums;background:#05060ac7;border-radius:10px;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.bn-faixa p{margin:2px 0}.bn-relogios{pointer-events:none;font-variant-numeric:tabular-nums;background:#05060a9e;border-radius:10px;max-width:min(300px,70%);padding:10px 12px;position:absolute;top:12px;left:12px}.bn-relogios p{justify-content:space-between;gap:14px;margin:0;display:flex}.bn-relogios span{color:var(--suave)}.bn-relogios strong{font-size:1.1rem}.bn-relogios .bn-relogios-nota{color:var(--suave);margin-top:6px;font-size:.8rem;line-height:1.35;display:block}.bn-zoom{justify-items:end;gap:6px;display:grid;position:absolute;top:12px;right:12px}.bn-zoom button{border:1px solid var(--borda);width:40px;height:40px;color:var(--texto);cursor:pointer;background:#10131cd9;border-radius:10px;font-size:1.3rem;line-height:1}.bn-zoom button:hover{border-color:var(--destaque)}.bn-zoom button:focus-visible{outline:2px solid var(--destaque);outline-offset:2px}.bn-zoom button:disabled{opacity:.4;cursor:not-allowed}.bn-zoom-dica{text-align:right;max-width:120px;color:var(--suave);text-shadow:0 1px 3px #000;pointer-events:none;font-size:.75rem;line-height:1.3}.bn-lateral{align-content:start;gap:12px;display:grid}.bn-lateral fieldset,.bn-painel{border:1px solid var(--borda);background:var(--painel);border-radius:12px;margin:0;padding:14px}.bn-lateral legend{color:var(--suave);padding:0 6px}.bn-presets{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;display:grid}.bn-presets button[aria-pressed=true]{border-color:var(--destaque);color:var(--destaque)}.bn-lateral label{color:var(--suave);margin-top:10px;font-size:.9rem;display:block}.bn-lateral input[type=range]{width:100%;accent-color:var(--destaque)}.bn-lateral output{font-variant-numeric:tabular-nums;display:block}#bn-cair{text-align:center;background:var(--destaque);color:#1a1205;border:0;width:100%;margin-top:14px;font-weight:700}#bn-cair:disabled,.bn-lateral button:disabled{opacity:.45;cursor:not-allowed}.bn-painel dt{color:var(--suave);margin-top:10px;font-size:.85rem}.bn-painel dt:first-child{margin-top:0}.bn-painel dd{font-variant-numeric:tabular-nums;margin:0}.bn-painel .nota{color:var(--suave);font-size:.85rem}.bn-painel .acima{color:var(--perigo)}.bn-painel .abaixo{color:var(--ok)}#bn-link{border:1px solid var(--borda);width:100%;color:var(--texto);background:#0b0d14;border-radius:8px;padding:8px}@media (width<=860px){.bn{grid-template-columns:1fr}.bn-palco{aspect-ratio:4/3}.bn-relogios-fixa,.bn-zoom-dica{display:none!important}.bn-relogios strong{font-size:1rem}}@media (width<=1100px){.bn-cartao{z-index:20;background:var(--painel);width:auto;max-width:520px;max-height:calc(100vh - 16px);margin:0 auto;position:fixed;inset:auto 8px 8px;transform:none;box-shadow:0 -8px 30px #0009}}html.gravar .bn{aspect-ratio:16/9;gap:0;width:min(100vw,177.778vh);height:100vh;margin:0 auto}html.gravar .bn-palco{aspect-ratio:auto;border-radius:0;height:100%}html.gravar .bn-lateral{padding:10px;overflow:auto}