/* Modal de superchat — visual moderno. Só vale com .sc-pro (posto pelo superchat-pro.js quando há o formulário). */
dialog.sc-dialog.sc-pro{
  --scp-bg:#0e0f10;--scp-card:#16181a;--scp-field:#1d2023;--scp-line:#ffffff12;--scp-text:#f4f5f2;--scp-mute:#8b8f8c;
  --scp-gold:#f5d565;--scp-green:#22c55e;--scp-green2:#16a34a;
  width:min(440px,calc(100vw - 20px));max-width:440px;max-height:calc(100dvh - 20px);padding:0;overflow:hidden auto;
  border:1px solid var(--scp-line);border-radius:24px;background:var(--scp-bg);color:var(--scp-text);
  box-shadow:0 40px 100px -20px #000000e6;scrollbar-width:thin;scrollbar-color:#ffffff22 transparent;
  animation:scp-in .32s cubic-bezier(.16,1,.3,1);
}
dialog.sc-dialog.sc-pro::backdrop{background:#05060699;backdrop-filter:blur(10px) saturate(1.2)}
@keyframes scp-in{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}

/* Cabeçalho flutua sobre o banner */
.sc-pro>.sc-head{position:absolute;top:0;left:0;right:0;z-index:2;padding:16px 16px 0 20px}
.sc-pro>.sc-head .eyebrow{font-size:9.5px;font-weight:800;letter-spacing:1.8px;color:#ffffffb3}
.sc-pro .sc-close{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#00000059;backdrop-filter:blur(8px);
  color:#fff;font-size:13px;border:1px solid #ffffff1f;cursor:pointer;transition:background .15s,transform .2s}
.sc-pro .sc-close:focus{outline:none}
.sc-pro .sc-close:focus-visible{box-shadow:0 0 0 2px #ffffff40}
.sc-pro .sc-close:hover{background:#000000a0;transform:rotate(90deg)}

/* Banner com chuva de dinheiro */
.scp-hero{position:relative;height:168px;overflow:hidden;
  background:linear-gradient(160deg,#0f2a1b 0%,#10140f 55%,#2a2208 100%);border-bottom:1px solid var(--scp-line)}
.scp-hero::after{content:"";position:absolute;inset:auto 0 0;height:70px;background:linear-gradient(transparent,#0e0f10e6);pointer-events:none}
.scp-rain{position:absolute;inset:0;width:100%;height:100%}
.scp-amount{position:absolute;left:20px;bottom:16px;z-index:1;display:grid;gap:2px}
.scp-amount span{font-size:11px;font-weight:600;color:#ffffffa6}
.scp-amount strong{font-size:34px;line-height:1;font-weight:800;letter-spacing:-1px;font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg,#fff 20%,var(--scp-gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.scp-amount strong.scp-bump{animation:scp-bump .35s cubic-bezier(.3,1.6,.5,1)}
@keyframes scp-bump{from{transform:scale(.88);opacity:.4}to{transform:none;opacity:1}}
.scp-pill{position:absolute;right:14px;bottom:18px;z-index:1;display:flex;align-items:center;gap:6px;max-width:48%;
  padding:6px 10px;border-radius:999px;font-size:10.5px;white-space:nowrap;font-weight:700;color:#dcfce7;
  background:#22c55e26;border:1px solid #22c55e4d;backdrop-filter:blur(6px)}
.scp-pill i{flex:none;width:6px;height:6px;border-radius:50%;background:var(--scp-green);box-shadow:0 0 0 0 #22c55e;animation:scp-ping 1.6s infinite}
@keyframes scp-ping{70%{box-shadow:0 0 0 7px #22c55e00}100%{box-shadow:0 0 0 0 #22c55e00}}

.scp-orb{transform-box:fill-box;transform-origin:center;animation:scp-orb 7s ease-in-out infinite alternate}
.scp-o2{animation-duration:9s}
@keyframes scp-orb{to{transform:translate(30px,10px) scale(1.15)}}
.scp-fall{animation:scp-fall linear infinite}
.scp-spin{animation:scp-spin 3s ease-in-out infinite alternate}
.scp-flip{animation:scp-flip 1.2s linear infinite;transform-box:fill-box;transform-origin:center}
@keyframes scp-spin{from{transform:rotate(-35deg) skewX(-8deg)}to{transform:rotate(35deg) skewX(8deg)}}
@keyframes scp-flip{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.15)}}
@keyframes scp-fall{from{transform:translate(var(--x),-24px)}to{transform:translate(calc(var(--x) + var(--d)),190px)}}
.scp-f1{--x:30px;--d:18px;animation-duration:5.2s;animation-delay:-1s}
.scp-f2{--x:78px;--d:-10px;animation-duration:4.1s;animation-delay:-3.2s}
.scp-f3{--x:120px;--d:22px;animation-duration:6s;animation-delay:-4.4s}
.scp-f4{--x:165px;--d:-14px;animation-duration:4.6s;animation-delay:-.6s}
.scp-f5{--x:210px;--d:16px;animation-duration:5.6s;animation-delay:-2.4s}
.scp-f6{--x:255px;--d:-20px;animation-duration:4.9s;animation-delay:-4.9s}
.scp-f7{--x:292px;--d:12px;animation-duration:3.9s;animation-delay:-1.8s}
.scp-f8{--x:330px;--d:-16px;animation-duration:5.4s;animation-delay:-3.6s}
.scp-f9{--x:362px;--d:8px;animation-duration:4.3s;animation-delay:-.2s}
.scp-f10{--x:388px;--d:-24px;animation-duration:6.2s;animation-delay:-5.4s}

/* Título */
.sc-pro>h2{margin:20px 20px 4px;font-size:22px;line-height:1.15;font-weight:800;letter-spacing:-.4px;color:var(--scp-text)}
.sc-pro>.scp-sub{margin:0 20px 6px;font-size:12.5px;line-height:1.5;color:var(--scp-mute)}

/* Formulário */
.sc-pro .sc-form{gap:8px;padding:8px 20px 20px}
.sc-pro .sc-label{margin-top:10px;font-size:11.5px;font-weight:700;letter-spacing:0;text-transform:lowercase;color:#c9ccc8}
.sc-pro .sc-label::first-letter{text-transform:uppercase}
.sc-pro .sc-input{border:1px solid transparent;border-radius:14px;background:var(--scp-field);color:var(--scp-text);
  padding:13px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}
.sc-pro .sc-input::placeholder{color:#6f736f}
.sc-pro .sc-input:hover{background:#22262a}
.sc-pro .sc-input:focus{outline:none;border-color:#22c55e99;box-shadow:0 0 0 4px #22c55e1f;background:#1a1d20}
.sc-pro .sc-input[readonly]{color:#b9bcb8}
.sc-pro .sc-message{min-height:84px;resize:none}
.sc-pro .sc-count{margin-top:-4px;font-size:10.5px;color:#6f736f;font-variant-numeric:tabular-nums}
.sc-pro .sc-other{-moz-appearance:textfield;appearance:textfield}
.sc-pro .sc-other::-webkit-inner-spin-button,.sc-pro .sc-other::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

/* Valores em pílulas */
.sc-pro .sc-values,.sc-pro .sc-voices{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.sc-pro .sc-voices{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
.sc-pro .sc-values button,.sc-pro .sc-voices button{min-width:0;white-space:nowrap;border:1px solid var(--scp-line);border-radius:999px;
  background:var(--scp-card);color:#dfe2de;font:inherit;font-size:12.5px;font-weight:700;padding:10px 4px;cursor:pointer;
  transition:background .15s,border-color .15s,color .15s,transform .1s}
.sc-pro .sc-values button:hover,.sc-pro .sc-voices button:hover{border-color:#ffffff33;color:#fff}
.sc-pro .sc-values button:active,.sc-pro .sc-voices button:active{transform:scale(.96)}
.sc-pro .sc-values button.on,.sc-pro .sc-voices button.on{background:var(--scp-text);border-color:var(--scp-text);color:#0e0f10}

.sc-pro .sc-hint{display:flex;gap:8px;margin:4px 0 0;padding:0;background:none;border:0;font-size:11.5px;line-height:1.5;color:var(--scp-mute)}
.sc-pro .sc-hint::before{content:"i";flex:none;width:16px;height:16px;margin-top:1px;border-radius:50%;display:grid;place-items:center;
  font-size:10px;font-weight:800;font-style:italic;color:#0e0f10;background:#6f736f}
.sc-pro .sc-error:empty{display:none}
.sc-pro .sc-error{padding:9px 12px;border-radius:12px;background:#ef44441a;color:#fca5a5}

/* Botão Pix (seletor forte para vencer o .primary do jogo) */
dialog.sc-dialog.sc-pro .sc-form>button.primary{position:relative;overflow:hidden;margin-top:10px;width:100%;min-height:54px;
  display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:16px;padding:0 18px;
  background:linear-gradient(180deg,#2ed06a,var(--scp-green2))!important;color:#fff!important;
  font-size:15px;font-weight:800;letter-spacing:.1px;cursor:pointer;
  box-shadow:0 1px 0 #ffffff40 inset,0 12px 28px -8px #22c55e99;transition:transform .12s,box-shadow .2s,filter .2s}
dialog.sc-dialog.sc-pro .sc-form>button.primary::before{content:"";flex:none;width:18px;height:18px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5 1.5 12 12 22.5 22.5 12z M12 6l6 6-6 6-6-6z' fill-rule='evenodd'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5 1.5 12 12 22.5 22.5 12z M12 6l6 6-6 6-6-6z' fill-rule='evenodd'/%3E%3C/svg%3E") center/contain no-repeat}
dialog.sc-dialog.sc-pro .sc-form>button.primary:hover:not(:disabled){filter:brightness(1.07);box-shadow:0 1px 0 #ffffff40 inset,0 16px 34px -8px #22c55ebf}
dialog.sc-dialog.sc-pro .sc-form>button.primary:active:not(:disabled){transform:scale(.985)}
dialog.sc-dialog.sc-pro .sc-form>button.primary:disabled{background:#2a2d30!important;color:#7d817d!important;box-shadow:none;cursor:not-allowed}

/* Regras recolhidas */
.sc-pro .scp-rules{margin-top:4px;border-top:1px solid var(--scp-line);padding-top:10px}
.sc-pro .scp-rules summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;
  font-size:11.5px;font-weight:600;color:var(--scp-mute)}
.sc-pro .scp-rules summary::-webkit-details-marker{display:none}
.sc-pro .scp-rules summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.sc-pro .scp-rules[open] summary::after{transform:rotate(225deg) translateY(-1px)}
.sc-pro .scp-rules summary:hover{color:var(--scp-text)}
.sc-pro .scp-rules .sc-small{margin:8px 0 0!important;text-align:left;font-size:11px!important;line-height:1.6;color:#7d817d!important}

@media (max-width:480px){
  dialog.sc-dialog.sc-pro{border-radius:20px}
  .scp-hero{height:150px}
  .scp-amount strong{font-size:30px}
  .scp-pill{font-size:9.5px}
  .sc-pro .sc-values{grid-template-columns:repeat(3,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .sc-pro *,dialog.sc-dialog.sc-pro{animation:none!important}
}