:root{--fundo: #0f172a;--superficie: #1e293b;--texto: #f8fafc;--texto-2: #94a3b8;--marca: #3b82f6;--sucesso: #10b981}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:#000;cursor:none}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--texto)}.tela-centro{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4vmin;background:var(--fundo)}.marca{font-size:5vmin;font-weight:800;letter-spacing:.02em}.marca span{color:var(--marca)}.codigo{font-size:16vmin;font-weight:800;letter-spacing:.18em;margin:4vmin 0 2vmin;color:var(--texto)}.instrucao{font-size:3.4vmin;color:var(--texto-2)}.expira{font-size:3vmin;color:var(--texto-2);margin-top:2vmin}.carregando{font-size:3.4vmin;color:var(--texto-2);margin-top:3vmin}.manutencao{position:fixed;inset:0;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;text-align:center;padding:20px}.manutencao .icone{font-size:72px;margin-bottom:24px}.manutencao .titulo{font-size:38px;font-weight:600;color:#999}.manutencao .texto{font-size:22px;margin-top:12px}.identificacao{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0f172ad9;font-size:10vmin;font-weight:800;z-index:100}.palco{position:absolute;left:50%;top:50%;background:#000;overflow:hidden}.zona{position:absolute;overflow:hidden;background:#000}.midia{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .3s}.midia.visivel{opacity:1}.espera{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--fundo)}.logo-espera{max-width:40%;max-height:40%;object-fit:contain}.app-provisorio{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--superficie);font-size:6vmin;font-weight:700}.barra{position:absolute;left:0;bottom:0;height:.6vmin;background:var(--marca);width:0;animation-name:progresso;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes progresso{0%{width:0}to{width:100%}}