
.ctbc-redeem-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px;border:1px solid var(--ctn-border,#24384d);border-radius:16px;background:var(--ctn-card,#101e2d);color:var(--ctn-text,#eef5ff)}
.ctbc-redeem-copy h3{margin:3px 0 5px;font-size:20px;color:inherit}.ctbc-redeem-copy p{margin:0;color:var(--ctn-muted,#9eb1c7)}
.ctbc-front-kicker{font-size:10px;letter-spacing:.12em;font-weight:900;color:#25c76d}
.ctbc-redeem-form{min-width:min(480px,48%)}.ctbc-redeem-form label{display:block;font-size:11px;font-weight:800;color:var(--ctn-muted,#9eb1c7);margin-bottom:6px}.ctbc-redeem-form>div{display:flex;gap:8px}.ctbc-redeem-form input{flex:1;min-width:0;border:1px solid var(--ctn-border,#29415a);border-radius:10px;background:var(--ctn-input,#0b1724);color:inherit;padding:11px 13px;text-transform:uppercase}.ctbc-front-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:#20bf63;color:#fff!important;font-weight:900;text-decoration:none;padding:11px 16px;cursor:pointer;white-space:nowrap}.ctbc-front-button:hover{background:#18aa55}.ctbc-form-status{display:block;min-height:18px;margin-top:7px;color:var(--ctn-muted,#9eb1c7)}.ctbc-form-status.is-error{color:#ff8282}.ctbc-form-status.is-ok{color:#42dc87}
.ctbc-redeem-card.is-guest .ctbc-front-button{margin-left:auto}
.ctbc-modal[hidden]{display:none!important}.ctbc-modal{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:22px}.ctbc-modal-backdrop{position:absolute;inset:0;background:rgba(1,8,18,.78);backdrop-filter:blur(4px)}.ctbc-modal-dialog{position:relative;z-index:1;width:min(470px,calc(100vw - 32px));padding:28px;border:1px solid #29445f;border-radius:18px;background:#101d2c;color:#eef5ff;box-shadow:0 30px 100px rgba(0,0,0,.58);text-align:center}.ctbc-modal-icon{width:62px;height:62px;margin:0 auto 13px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:rgba(32,191,99,.14);color:#42dc87;font-size:30px;font-weight:900}.ctbc-modal.is-error .ctbc-modal-icon{background:rgba(239,68,68,.13);color:#ff8585}.ctbc-modal h3{margin:0 0 9px;font-size:24px}.ctbc-modal p{margin:0;color:#b9c9da;line-height:1.6}.ctbc-modal-balance{margin:16px 0 0;padding:13px;border-radius:12px;background:#14263a;color:#bcd2e8}.ctbc-modal-balance strong{color:#fff}.ctbc-modal-actions{margin-top:20px}.ctbc-modal-x{position:absolute;right:13px;top:11px;border:0;background:transparent;color:#9eb0c5;font-size:25px;cursor:pointer}.ctbc-modal-open{overflow:hidden}
@media(max-width:800px){.ctbc-redeem-card{align-items:stretch;flex-direction:column}.ctbc-redeem-form{min-width:0;width:100%}}@media(max-width:520px){.ctbc-redeem-form>div{flex-direction:column}.ctbc-front-button{width:100%}}
.ctbc-modal-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.ctbc-secondary{background:#1c3046!important}

.ctbc-modal-campaign{
  margin:14px auto 0;padding:10px 12px;max-width:360px;
  border-radius:10px;background:#14263a;color:#9fb6cc;font-size:13px;
}
.ctbc-modal-campaign strong{color:#fff}

/* 0.1.9 – Bonuscode-Popup im CasinoTester-/Shop-Stil */
.ctbc-modal[hidden]{display:none!important}
.ctbc-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:22px!important;
}
.ctbc-modal-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(1,8,18,.82)!important;
  backdrop-filter:blur(5px);
}
.ctbc-modal-dialog{
  position:relative!important;
  z-index:1!important;
  width:min(470px,calc(100vw - 32px))!important;
  margin:0!important;
  padding:30px 28px 26px!important;
  border:1px solid #29445f!important;
  border-radius:20px!important;
  background:linear-gradient(160deg,#101f30 0%,#0d1927 100%)!important;
  color:#eef6ff!important;
  box-shadow:0 34px 100px rgba(0,0,0,.62)!important;
  text-align:center!important;
  overflow:hidden!important;
}
.ctbc-modal-dialog:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:4px;
  background:linear-gradient(90deg,#20bf63,#49de8c);
}
.ctbc-modal-kicker{
  margin:0 0 14px;
  color:#42dc87;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.13em;
}
.ctbc-modal-icon{
  width:66px!important;
  height:66px!important;
  margin:0 auto 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(66,220,135,.24)!important;
  border-radius:20px!important;
  background:rgba(32,191,99,.13)!important;
  color:#49df8d!important;
  font-size:31px!important;
  font-weight:900!important;
  box-shadow:inset 0 0 26px rgba(32,191,99,.05)!important;
}
.ctbc-modal.is-error .ctbc-modal-dialog:before{
  background:linear-gradient(90deg,#dc2626,#fb7185);
}
.ctbc-modal.is-error .ctbc-modal-icon{
  border-color:rgba(239,68,68,.24)!important;
  background:rgba(239,68,68,.12)!important;
  color:#ff8b98!important;
}
.ctbc-modal-dialog h3{
  margin:0 0 9px!important;
  color:#fff!important;
  font-size:25px!important;
  line-height:1.2!important;
}
.ctbc-modal-message{
  margin:0 auto!important;
  max-width:390px;
  color:#b9cada!important;
  font-size:14px!important;
  line-height:1.62!important;
}
.ctbc-modal-campaign{
  margin:16px auto 0!important;
  max-width:390px!important;
  padding:11px 13px!important;
  border:1px solid #29435b!important;
  border-radius:11px!important;
  background:#122437!important;
  color:#9fb6cb!important;
  font-size:13px!important;
}
.ctbc-modal-campaign strong{color:#fff!important}
.ctbc-modal-reward{
  margin:13px auto 0!important;
  max-width:390px!important;
  padding:14px 16px!important;
  border:1px solid rgba(32,191,99,.22)!important;
  border-radius:12px!important;
  background:rgba(32,191,99,.09)!important;
}
.ctbc-modal-reward span,
.ctbc-modal-balance span{
  display:block!important;
  color:#91a9be!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.ctbc-modal-reward strong{
  display:block!important;
  margin-top:3px!important;
  color:#48df8c!important;
  font-size:25px!important;
  line-height:1.15!important;
}
.ctbc-modal-balance{
  margin:10px auto 0!important;
  max-width:390px!important;
  padding:12px 14px!important;
  border:1px solid #29435b!important;
  border-radius:11px!important;
  background:#122437!important;
  color:#b9cada!important;
}
.ctbc-modal-balance strong{
  display:block!important;
  margin-top:3px!important;
  color:#fff!important;
  font-size:18px!important;
}
.ctbc-modal-actions{
  display:flex!important;
  justify-content:center!important;
  margin-top:21px!important;
}
.ctbc-modal-actions .ctbc-front-button{
  min-width:190px!important;
  min-height:44px!important;
  border-radius:11px!important;
  background:#20bf63!important;
  color:#fff!important;
  box-shadow:none!important;
}
.ctbc-modal-actions .ctbc-front-button:hover{
  background:#18aa55!important;
}
.ctbc-modal-x{
  position:absolute!important;
  top:12px!important;
  right:13px!important;
  width:36px!important;
  height:36px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#93a9bd!important;
  font-size:27px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.ctbc-modal-x:hover{
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
}
body.ctbc-modal-open{overflow:hidden!important}

/* Lightmode */
body:not(.ct-dark-mode) .ctbc-modal-dialog,
[data-theme="light"] .ctbc-modal-dialog{
  background:linear-gradient(160deg,#fff 0%,#f7fafc 100%)!important;
  color:#142437!important;
  border-color:#d7e1ea!important;
  box-shadow:0 30px 90px rgba(15,23,42,.30)!important;
}
body:not(.ct-dark-mode) .ctbc-modal-dialog h3,
[data-theme="light"] .ctbc-modal-dialog h3{color:#142437!important}
body:not(.ct-dark-mode) .ctbc-modal-message,
[data-theme="light"] .ctbc-modal-message{color:#5f7388!important}
body:not(.ct-dark-mode) .ctbc-modal-campaign,
body:not(.ct-dark-mode) .ctbc-modal-balance,
[data-theme="light"] .ctbc-modal-campaign,
[data-theme="light"] .ctbc-modal-balance{
  background:#f1f5f9!important;
  border-color:#d9e3ec!important;
}
body:not(.ct-dark-mode) .ctbc-modal-campaign strong,
body:not(.ct-dark-mode) .ctbc-modal-balance strong,
[data-theme="light"] .ctbc-modal-campaign strong,
[data-theme="light"] .ctbc-modal-balance strong{
  color:#142437!important;
}
@media(max-width:520px){
  .ctbc-modal{padding:15px!important}
  .ctbc-modal-dialog{padding:27px 18px 22px!important}
  .ctbc-modal-actions .ctbc-front-button{width:100%!important}
}
