:root{
  --fl-bg:#0d0603;
  --fl-card:#171717;
  --fl-card2:rgba(22,22,22,.86);
  --fl-gold:#f6a623;
  --fl-gold2:#ffbf45;
  --fl-text:#ffffff;
  --fl-soft:#bdbdbd;
  --fl-border:rgba(255,255,255,.12);
}

body{
  background:
    radial-gradient(circle at top right, rgba(246,166,35,.25), transparent 34%),
    radial-gradient(circle at bottom left, rgba(0,212,255,.12), transparent 30%),
    var(--fl-bg) !important;
  color:var(--fl-text) !important;
}

button, .button, [role="button"]{
  border-radius:18px !important;
}

button:not([class*="back"]):not([class*="ghost"]){
  background:linear-gradient(180deg,var(--fl-gold2),var(--fl-gold)) !important;
  color:#111 !important;
  font-weight:800 !important;
  box-shadow:0 10px 30px rgba(246,166,35,.24) !important;
}

input, select, textarea{
  background:rgba(20,20,20,.9) !important;
  color:#fff !important;
  border:1px solid var(--fl-border) !important;
  border-radius:16px !important;
}

.card, [class*="card"], [class*="Card"], section{
  background:var(--fl-card2) !important;
  border:1px solid var(--fl-border) !important;
  border-radius:24px !important;
  backdrop-filter:blur(14px);
}

#flipper-brand-mascot{
  position:fixed;
  right:14px;
  bottom:14px;
  z-index:99999;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:22px;
  background:rgba(10,10,10,.78);
  border:1px solid rgba(246,166,35,.35);
  box-shadow:0 12px 38px rgba(0,0,0,.45);
  backdrop-filter:blur(16px);
  pointer-events:none;
}

#flipper-brand-mascot img{
  width:54px;
  height:54px;
  filter:drop-shadow(0 0 16px rgba(246,166,35,.35));
}

#flipper-brand-mascot .flipper-talk{
  max-width:155px;
  font:800 13px/1.15 system-ui, sans-serif;
  color:#fff;
}

#flipper-brand-mascot .flipper-talk span{
  display:block;
  color:var(--fl-gold);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:3px;
}

@media(max-width:520px){
  #flipper-brand-mascot{
    right:10px;
    bottom:10px;
    padding:8px 10px;
  }
  #flipper-brand-mascot img{
    width:46px;
    height:46px;
  }
  #flipper-brand-mascot .flipper-talk{
    font-size:12px;
    max-width:135px;
  }
}