:root{--night:#0b0e0c;--ink:#121513;--ivory:#f4efe4;--green:#0f5c45;--gold:#d4b06a;--on-dark:#f7f3ea;--muted:#b9bdb4;--display:"DM Serif Display",Georgia,serif;--body:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--night);height:100%;color:var(--on-dark);font:17px/1.5 var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}h1,h2{font-family:var(--display);text-wrap:balance;margin:0;font-weight:400;line-height:1.05}p{margin:0}[hidden]{display:none!important}.tela{display:none}#app[data-tela=carregando] [data-t=carregando],#app[data-tela=erro] [data-t=erro],#app[data-tela=trancada] [data-t=trancada],#app[data-tela=boasvindas] [data-t=boasvindas],#app[data-tela=camera] [data-t=camera]{display:flex}.texto{min-height:100svh;padding:32px 24px calc(32px + env(safe-area-inset-bottom));background:radial-gradient(120% 60% at 50% 0,#0f5c4573,#0000 70%);flex-direction:column;justify-content:center;gap:18px;max-width:480px;margin:0 auto}.texto h1{font-size:clamp(38px,11vw,52px)}.sobre{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-size:13px;font-weight:700}.nota{color:var(--muted);font-size:14px}.contagem{font:400 40px/1 var(--display);font-variant-numeric:tabular-nums;color:var(--gold)}.topicos{gap:8px;margin:0;padding:0;list-style:none;display:grid}.topicos li{align-items:baseline;gap:12px;display:flex}.topicos li:before{content:"";background:var(--gold);border-radius:50%;flex:none;width:7px;height:7px;transform:translateY(-2px)}.campo{gap:6px;font-weight:600;display:grid}.campo small{color:var(--muted);font-weight:400}.campo input{font:inherit;color:var(--ink);background:var(--ivory);border:0;border-radius:3px;min-height:52px;padding:14px}.btn{cursor:pointer;border:1.5px solid var(--on-dark);border-radius:3px;justify-content:center;align-items:center;min-height:56px;padding:12px 18px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.btn.ouro{background:var(--gold);border-color:var(--gold);color:var(--night)}.btn.claro{background:0 0}.spin{border:3px solid #d4b06a40;border-top-color:var(--gold);border-radius:50%;width:36px;height:36px;margin:0 auto;animation:.9s linear infinite gira}@keyframes gira{to{transform:rotate(1turn)}}.camera{background:#000;flex-direction:column;position:fixed;inset:0;overflow:hidden}#visor{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}#visor.espelho{transform:scaleX(-1)}.flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.flash.on{animation:.28s ease-out flash}@keyframes flash{0%{opacity:.85}to{opacity:0}}.semvisor{text-align:center;background:radial-gradient(120% 60% at 50% 30%,#0f5c4580,var(--night) 70%);flex-direction:column;justify-content:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.topo{z-index:2;padding:calc(12px + env(safe-area-inset-top)) 16px 28px;background:linear-gradient(#0000008c,#0000);justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.nome-evento{font:400 20px/1.1 var(--display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pilula{color:var(--on-dark);background:#0b0e0cb3;border:1px solid #d4b06a99;border-radius:99px;flex:none;padding:7px 12px;font-size:13px;font-weight:700}.pilula.ok{border-color:#ffffff40}.pilula.alerta{border-color:var(--gold);color:var(--gold)}.base{z-index:2;padding:28px 20px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#0009 35%);margin-top:auto;position:relative}.controles{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.disparo{border:4px solid #fff;border-radius:50%;width:78px;height:78px;padding:5px;display:grid}.disparo span{background:#fff;border-radius:50%;transition:transform .1s}.disparo:active span{transform:scale(.88)}.disparo:disabled{opacity:.4}.miniatura{background:#ffffff14;border:2px solid #ffffffd9;border-radius:8px;justify-self:start;width:52px;height:52px;padding:0;position:relative;overflow:visible}.miniatura img{object-fit:cover;border-radius:6px;width:100%;height:100%}.miniatura img.pulo{animation:.35s ease-out pulo}@keyframes pulo{0%{transform:scale(1.6)}to{transform:scale(1)}}.miniatura b{background:var(--gold);min-width:22px;height:22px;color:var(--night);border-radius:11px;padding:0 6px;font-size:12px;line-height:22px;position:absolute;top:-8px;right:-8px}.virar{background:#ffffff24;border-radius:50%;justify-self:end;place-items:center;width:52px;height:52px;display:grid}.virar svg{width:26px;height:26px}.atalhos{color:var(--muted);justify-content:center;gap:22px;margin-top:14px;font-size:14px;font-weight:600;display:flex}.atalhos label{cursor:pointer;text-underline-offset:3px;padding:6px 2px;text-decoration:underline #ffffff4d}#minhas{width:100%;max-width:640px;height:min(86svh,900px);color:var(--on-dark);background:#151916;border:0;border-radius:14px 14px 0 0;margin:auto auto 0;padding:0}#minhas::backdrop{background:#0009}#minhas[open]{flex-direction:column;display:flex}#minhas header{justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 12px;display:flex}#minhas h2{font-size:28px}#resumo{color:var(--muted);margin-top:4px;font-size:14px}.fechar{width:44px;height:44px;margin:-8px -8px 0 0;font-size:32px;line-height:1}.grade{flex:1;grid-template-columns:repeat(3,1fr);grid-auto-rows:max-content;align-content:start;gap:3px;min-height:0;padding:0 3px;display:grid;overflow-y:auto}.grade figure{background:#222;margin:0;position:relative}.grade img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.grade figcaption{background:#0b0e0cc7;border-radius:99px;padding:3px 7px;font-size:11px;font-weight:700;position:absolute;bottom:6px;left:6px}.grade figure[data-e=enviada] figcaption{background:#0f5c45e6}.grade figure[data-e=erro] figcaption{background:#8a2b1d}.grade figure[data-e=fila] img,.grade figure[data-e=enviando] img{opacity:.7}.grade figure button{width:100%;position:absolute;inset:0}#dicaFila{padding:14px 18px calc(18px + env(safe-area-inset-bottom))}.toast{visibility:hidden;left:50%;bottom:calc(150px + env(safe-area-inset-bottom));opacity:0;background:var(--ivory);color:var(--ink);z-index:60;border-radius:3px;width:max-content;max-width:calc(100% - 32px);padding:12px 18px;font-weight:600;transition:all .2s;position:fixed;transform:translate(-50%,20px)}.toast.show{visibility:visible;opacity:1;transform:translate(-50%)}
