:root{
  --noite:#070d26; --noite2:#0f1a4a; --azul:#1b2a6b; --ouro:#f5d97a; --ouro2:#d9a93f;
  --creme:#fff6dd; --texto:#eef1ff; --suave:#aab4e6;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Cinzel',serif;color:var(--texto);min-height:100vh;
  background:radial-gradient(ellipse at 50% 0%,#1d2f7a 0%,var(--noite2) 35%,var(--noite) 80%) fixed;
  overflow-x:hidden;padding-bottom:110px;
}
#estrelas{position:fixed;inset:0;z-index:0;pointer-events:none}
.sparkle{position:absolute;color:var(--ouro);text-shadow:0 0 8px rgba(245,217,122,.9);animation:twinkle 3s ease-in-out infinite;user-select:none}
@keyframes twinkle{0%,100%{opacity:.15;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(20deg)}}
@keyframes flutuar{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
main,header,footer{position:relative;z-index:1}

.topo{text-align:center;padding:28px 16px 8px}
.logo{width:min(380px,82vw);height:auto;filter:drop-shadow(0 6px 24px rgba(245,217,122,.35));animation:flutuar 6s ease-in-out infinite}
.titulo{font-weight:700;font-size:clamp(22px,5.5vw,34px);letter-spacing:.12em;color:var(--ouro);margin-top:6px;text-shadow:0 0 18px rgba(245,217,122,.35)}
.sub{color:var(--suave);font-size:14px;letter-spacing:.08em;max-width:560px;margin:10px auto 0;line-height:1.7}
.faixa{display:inline-block;margin-top:14px;padding:7px 18px;border:1px solid rgba(245,217,122,.5);border-radius:99px;color:var(--ouro);font-size:13px;letter-spacing:.1em;background:rgba(245,217,122,.07)}
.divisor{color:var(--ouro);letter-spacing:.6em;margin:16px 0 4px;font-size:14px;opacity:.9}

.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;max-width:1100px;margin:22px auto 0;padding:0 16px}
.card{
  position:relative;text-align:center;padding:24px 16px 18px;border-radius:18px;cursor:pointer;
  background:linear-gradient(160deg,rgba(40,58,140,.55),rgba(14,22,66,.75));
  border:1px solid rgba(245,217,122,.28);box-shadow:0 8px 28px rgba(0,0,0,.35);
  transition:transform .25s,border-color .25s,box-shadow .25s;
}
.card:hover{transform:translateY(-4px);border-color:var(--ouro)}
.card.sel{border-color:var(--ouro);box-shadow:0 0 0 2px var(--ouro),0 0 34px rgba(245,217,122,.4);transform:translateY(-4px)}
.card.esgotado{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}
.card::before,.card::after{content:'✦';position:absolute;color:var(--ouro);font-size:11px;opacity:.7}
.card::before{top:10px;left:12px}.card::after{bottom:10px;right:12px}
.icone{font-size:44px;filter:drop-shadow(0 0 12px rgba(245,217,122,.6));margin-bottom:8px}
.nome{font-weight:600;font-size:16px;color:var(--creme);letter-spacing:.04em;min-height:42px;display:flex;align-items:center;justify-content:center}
.desc{font-size:11.5px;color:var(--suave);margin:6px 0 10px;line-height:1.55;font-family:'Cinzel',serif;min-height:36px}
.valor{font-size:22px;font-weight:700;color:var(--ouro)}
.rest{font-size:11px;color:var(--suave);margin-top:6px;letter-spacing:.06em}

.acoes{text-align:center;margin:30px 16px 0}
button{font-family:'Cinzel',serif;cursor:pointer}
.btn{
  border:none;border-radius:99px;padding:15px 34px;font-size:15px;font-weight:700;letter-spacing:.1em;
  background:linear-gradient(135deg,#fbe8a0,var(--ouro2));color:#2a1d00;box-shadow:0 6px 22px rgba(217,169,63,.45);transition:transform .2s,opacity .2s;
}
.btn:hover:not(:disabled){transform:translateY(-2px)}
.btn:disabled{opacity:.4;cursor:not-allowed}
.btn.sec{background:transparent;color:var(--ouro);border:1px solid var(--ouro);box-shadow:none}
.dica{font-size:12px;color:var(--suave);margin-top:10px;letter-spacing:.06em}

.pixbar{
  position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;justify-content:center;gap:10px;align-items:center;
  padding:12px 14px calc(12px + env(safe-area-inset-bottom));
  background:linear-gradient(0deg,rgba(7,13,38,.98),rgba(7,13,38,.8));border-top:1px solid rgba(245,217,122,.3);backdrop-filter:blur(6px);
}
.pixbar span{font-size:12px;color:var(--suave);letter-spacing:.06em;display:none}
@media(min-width:640px){.pixbar span{display:inline}}

.overlay{position:fixed;inset:0;z-index:20;background:rgba(3,6,20,.82);display:none;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(4px)}
.overlay.on{display:flex}
.modal{
  width:100%;max-width:460px;max-height:92vh;overflow:auto;border-radius:22px;padding:26px 22px;text-align:center;
  background:linear-gradient(170deg,#1a2870,#0b1240);border:1px solid var(--ouro);box-shadow:0 0 50px rgba(245,217,122,.25);
}
.modal h2{color:var(--ouro);font-size:20px;letter-spacing:.08em;margin-bottom:6px}
.modal p{font-size:13px;color:var(--suave);line-height:1.7;margin:8px 0}
.escolhido{display:inline-block;margin:8px 0 12px;padding:8px 16px;border-radius:12px;background:rgba(245,217,122,.1);border:1px solid rgba(245,217,122,.4);color:var(--creme);font-size:14px}
input,textarea{
  width:100%;margin:8px 0;padding:13px 14px;border-radius:12px;border:1px solid rgba(245,217,122,.4);
  background:rgba(7,13,38,.7);color:var(--texto);font-family:'Cinzel',serif;font-size:15px;outline:none
}
input:focus,textarea:focus{border-color:var(--ouro);box-shadow:0 0 0 3px rgba(245,217,122,.2)}
textarea{min-height:110px;resize:vertical}
.pixbox{margin:12px 0;padding:12px;border-radius:12px;border:1px dashed var(--ouro);word-break:break-all;font-size:13px;color:var(--creme);background:rgba(245,217,122,.06);font-family:monospace}
.instr{background:rgba(245,217,122,.1);border-radius:12px;padding:12px;margin:12px 0;font-size:13px;color:var(--creme);line-height:1.7}
.instr b{color:var(--ouro)}
.erro{color:#ff9aa8;font-size:13px;margin-top:8px;min-height:18px}
.passo{display:none}.passo.on{display:block}
.fechar{position:absolute;top:10px;right:14px;background:none;border:none;color:var(--suave);font-size:24px}
.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:30;background:var(--ouro);color:#2a1d00;padding:10px 20px;border-radius:99px;font-size:13px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .3s}
.toast.on{opacity:1}
.rodape{text-align:center;color:var(--suave);font-size:12px;letter-spacing:.1em;margin-top:34px;padding:0 16px}

/* ADMIN */
.admin{max-width:1100px;margin:0 auto;padding:24px 16px}
.painel{background:rgba(15,26,74,.7);border:1px solid rgba(245,217,122,.3);border-radius:18px;padding:20px;margin-bottom:20px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.kpi{padding:14px;border-radius:14px;background:rgba(7,13,38,.6);border:1px solid rgba(245,217,122,.25);text-align:center}
.kpi b{display:block;font-size:24px;color:var(--ouro)}.kpi small{color:var(--suave);font-size:11px;letter-spacing:.08em}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{padding:10px 8px;text-align:left;border-bottom:1px solid rgba(245,217,122,.15);vertical-align:top}
th{color:var(--ouro);letter-spacing:.06em;font-size:12px}
.tw{overflow-x:auto}
.barra{height:8px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden;min-width:80px}
.barra i{display:block;height:100%;background:linear-gradient(90deg,var(--ouro2),var(--ouro))}
.login{max-width:380px;margin:12vh auto 0;text-align:center}
.mini{padding:7px 12px;font-size:12px;border-radius:99px;border:1px solid #ff9aa8;color:#ff9aa8;background:transparent}
.linha{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:12px}