:root{--fundo: #05070c;--fundo-tela: #0b0f17;--texto: #f4f7ff;--texto-fraco: #a9b4cc;--aviso: #ffb454;--neutro: #6b7689;--linha: #1e2636;--destaque: #4c8dff}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--fundo);color:var(--texto);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none}#app{position:fixed;inset:0;background:var(--fundo)}body[data-mode=player] #gestor,body[data-mode=gestor] #app{display:none}#gestor{position:fixed;inset:0;overflow-y:auto;background:var(--fundo);color:var(--texto);user-select:text;-webkit-user-select:text;touch-action:pan-y}#gestor[hidden]{display:none}.pagina{max-width:640px;margin:0 auto;padding:clamp(20px,5vh,56px) clamp(16px,4vw,32px);display:flex;flex-direction:column;gap:16px}.pagina__titulo{margin:0;font-size:clamp(22px,3.2vw,32px);line-height:1.2}.pagina__aviso,.pagina__cota{margin:0;font-size:15px;line-height:1.5;color:var(--texto-fraco)}.cartao{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--linha);border-radius:14px;background:var(--fundo-tela)}.cartao__titulo{margin:0;font-size:18px}.cartao__texto{margin:0;font-size:15px;line-height:1.5;color:var(--texto-fraco)}.formulario{display:flex;flex-direction:column;gap:14px}.campo{display:flex;flex-direction:column;gap:6px}.campo__rotulo{font-size:13px;color:var(--texto-fraco)}.campo__input{width:100%;padding:12px 14px;border:1px solid var(--linha);border-radius:10px;background:#0e1420;color:var(--texto);font-size:16px;font-family:inherit}.campo__input:focus-visible{outline:2px solid var(--destaque);outline-offset:1px}.botao{padding:12px 16px;border:1px solid var(--linha);border-radius:10px;background:#0e1420;color:var(--texto);font-size:15px;font-family:inherit;font-weight:600;text-align:center;text-decoration:none;cursor:pointer}.botao--primario{background:var(--destaque);border-color:var(--destaque);color:#05070c}.botao[disabled]{opacity:.5;cursor:not-allowed}.formulario__erro,.paywall__texto,.confirmacao__texto{margin:0;font-size:14px;line-height:1.5;color:var(--aviso)}.formulario__erro[hidden],.paywall[hidden],.confirmacao[hidden]{display:none}.paywall,.confirmacao{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--aviso);border-radius:10px}.lista-telas{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.lista-telas__item{padding:10px 12px;border:1px solid var(--linha);border-radius:8px;font-size:14px}#surface-image,#surface-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;margin:0;padding:0}#surface-image[hidden],#surface-video[hidden]{display:none}.tela{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:clamp(10px,1.8vh,24px);padding:clamp(34px,6vh,72px) clamp(16px,4vw,64px) clamp(16px,4vh,64px);text-align:center;background:var(--fundo-tela);overflow:hidden}.tela--sem-conexao,.tela--vazia,.tela--desatualizada{background:#171b22;color:#d7dcea}.tela__titulo{margin:0;font-size:clamp(24px,4.2vh,56px);font-weight:700;letter-spacing:.01em}.tela__mensagem{margin:0;font-size:clamp(18px,3vh,40px);color:var(--texto)}.tela__rodape{position:static;margin:0;font-size:clamp(12px,1.6vh,22px);color:var(--texto-fraco)}.faixa{position:absolute;top:0;left:0;right:0;margin:0;padding:clamp(6px,1.2vh,14px);font-size:clamp(14px,2vh,26px);font-weight:600}.faixa--aviso{background:var(--aviso);color:#1b1200}.faixa--neutro{background:var(--neutro);color:#0b0f17}.qr{background:#fff;padding:clamp(8px,1.6vh,20px);border-radius:clamp(8px,1.5vh,20px);line-height:0}.qr__canvas{display:block;width:min(38vh,38vw,320px);height:min(38vh,38vw,320px);image-rendering:pixelated}.codigo{font-size:clamp(48px,13vh,140px);font-weight:800;letter-spacing:.12em;font-variant-numeric:tabular-nums;line-height:1;margin:0;color:#fff;text-shadow:0 0 24px rgba(76,141,255,.55)}.codigo[data-preenchido=nao]{color:#39415a;text-shadow:none}.instrucao{margin:0;font-size:clamp(14px,2.2vh,30px);color:var(--texto);max-width:min(90%,48ch);line-height:1.35}.vinculo__url{margin:0;font-size:clamp(11px,1.5vh,18px);color:var(--texto-fraco);word-break:break-all;max-width:min(94%,60ch)}.vinculo__url[hidden]{display:none}.vinculo__url--offline{opacity:.4}.demo-debug{position:absolute;left:12px;bottom:12px;max-width:32ch;padding:8px 10px;border-radius:8px;background:#000000b8;color:#cfe0ff;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;text-align:left;white-space:pre-wrap;z-index:10}.demo-debug[hidden]{display:none}.demo-acoes{position:absolute;right:12px;bottom:12px;display:flex;gap:8px;z-index:10}.demo-acoes button{padding:8px 12px;border:1px solid var(--linha);border-radius:8px;background:#000000b8;color:#cfe0ff;font-size:12px;cursor:pointer}.demo-acoes button:hover{border-color:var(--destaque)}