/* SkyDragon Classic - janela/botao do Discord (skydragon.js) para as paginas novas (painel, entrar, site).
   Mesmo visual de skydragon.css, sem depender das variaveis --sd-* de la. */
.sd-dc-fab { position: fixed; right: 18px; bottom: 18px; z-index: 9000; display: flex; align-items: center; gap: 8px;
  background: linear-gradient(180deg, #6b77ff, #4752c4); color: #fff; border: 0; border-radius: 999px; padding: 11px 16px;
  font: 700 13px "Segoe UI", Arial, sans-serif; cursor: pointer; box-shadow: 0 8px 24px rgba(71,82,196,.5), 0 0 0 3px rgba(255,255,255,.06);
  animation: sd-pulse 2.6s ease-in-out infinite; }
.sd-dc-fab:hover { filter: brightness(1.1); }
@keyframes sd-pulse { 0%,100% { box-shadow: 0 8px 24px rgba(71,82,196,.5), 0 0 0 0 rgba(107,119,255,.5); } 50% { box-shadow: 0 8px 24px rgba(71,82,196,.5), 0 0 0 10px rgba(107,119,255,0); } }
.sd-modal { position: fixed; inset: 0; z-index: 9500; display: none; align-items: center; justify-content: center; background: rgba(5,3,2,.75); backdrop-filter: blur(3px); padding: 16px; }
.sd-modal.sd-open { display: flex; animation: sd-fade .25s ease-out; }
@keyframes sd-fade { from { opacity: 0; } to { opacity: 1; } }
.sd-modal-box { position: relative; width: 100%; max-width: 420px; background: linear-gradient(180deg, #2a1c0e, #160f08); border: 1px solid #6b4a1e;
  border-radius: 14px; padding: 20px; box-shadow: 0 20px 60px rgba(0,0,0,.7), 0 0 40px rgba(232,160,60,.15); animation: sd-pop .3s cubic-bezier(.2,1.4,.4,1); color: #e9dcc4; font-family: "Segoe UI", Arial, sans-serif; }
@keyframes sd-pop { from { transform: scale(.9) translateY(10px); opacity: 0; } to { transform: none; opacity: 1; } }
.sd-modal-x { position: absolute; top: 8px; right: 10px; background: none; border: 0; color: #a99474; font-size: 26px; cursor: pointer; line-height: 1; }
.sd-modal-x:hover { color: #ffd77a; }
.sd-dc-head { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.sd-dc-logo { display: inline-flex; width: 42px; height: 42px; border-radius: 12px; align-items: center; justify-content: center; background: #5865f2; color: #fff; }
.sd-dc-title { font-family: "Cinzel", Georgia, serif; color: #ffd77a; font-size: 18px; }
.sd-dc-sub { color: #7dd87d; font-size: 12px; }
.sd-dc-text { color: #e9dcc4; margin: 0 0 12px; line-height: 1.5; }
.sd-dc-frame { border-radius: 10px; overflow: hidden; border: 1px solid #2b2d31; background: #2b2d31; }
.sd-dc-frame iframe { display: block; }
.sd-dc-btn { display: block !important; text-align: center; margin-top: 12px; padding: 11px 16px; border-radius: 8px; font-weight: 700; text-decoration: none;
  background: linear-gradient(180deg, #ffd27f, #ffb751 55%, #d98a2b); color: #2a1a08 !important; }
.sd-dc-btn[style*="none"] { display: none !important; }