/* Palette and logo supplied by the user. The original GACHA layout is retained. */
:root{
  --brand-yellow:#ffdf00;
  --brand-red:#e50916;
  --brand-red-deep:#a40610;
  --brand-on-yellow:#241c00;
  --bg:#11100d;
  --panel:#191814;
  --panel2:#24221b;
  --border:#353126;
  --border2:#524a35;
  --text:#fffdf3;
  --muted:#aaa79a;
  --green:var(--brand-yellow);
  --ink:var(--brand-on-yellow);
  --deep:#bca200;
  --red:#ff737b;
}
html[data-theme=light]{
  --bg:#fff9df;
  --panel:#fffdf4;
  --panel2:#f6edc9;
  --border:#e5d7a7;
  --border2:#c8af65;
  --text:#29230e;
  --muted:#82754e;
  --green:#936100;
  --deep:#bca200;
}
.btn.primary,.button.primary{
  background:var(--brand-red);
  border-color:#ee2631;
  color:#fff;
  box-shadow:0 4px 0 var(--brand-red-deep);
}
.btn.primary:hover:not(:disabled),.button.primary:hover:not(:disabled){background:#ec1320;filter:none}
.seg button.active,.filter-options button.selected{background:var(--brand-yellow);color:var(--brand-on-yellow)}
.nav a.active{background:#ffdf0012;color:var(--brand-yellow)}
html[data-theme=light] .nav a.active{background:#ffdf0060;color:#765500}
.combo-banner{border-color:#ffdf0045;box-shadow:inset 0 0 0 2px #ffdf0006}
.status-dot.online{background:var(--brand-yellow);box-shadow:0 0 8px #ffdf0035}
.event-tag,.badge.active{color:var(--green);border-color:#ffdf0044}
.bricky-brand{gap:7px}
.bricky-brand>span:last-child{color:var(--brand-yellow)}
html[data-theme=light] .bricky-brand>span:last-child{color:#ba0913}
.bricky-brand .brand-logo{
  width:42px;height:42px;flex-shrink:0;overflow:hidden;position:relative;
  display:block;background:var(--brand-yellow);border-radius:7px;font-size:0;
  box-shadow:0 2px 0 #a78a00;
}
.bricky-brand .brand-logo img{
  position:absolute;max-width:none;width:62px;height:62px;
  left:50%;top:50%;transform:translate(-50%,-50%);
  object-fit:cover;padding:0;background:none;border-radius:0;image-rendering:pixelated;
}
.combo-art{width:68px;height:68px;overflow:hidden;background:var(--brand-yellow);border:1px solid #ffdf0080;border-radius:10px}
.combo-art img{width:100%;height:100%;max-width:none;object-fit:cover;transform:scale(1.35);image-rendering:pixelated}
.foot .bricky-brand{gap:6px}
.foot .bricky-brand .brand-logo{width:29px;height:29px;border-radius:5px}
.foot .bricky-brand .brand-logo img{width:44px;height:44px;background:none;padding:0}
.gallery-save.saved{background:#fff2a9;color:#8b6300}
.save-set.saved svg{fill:#ffdf0030}
.success-visual,.step-brick{background:#ffdf0010;border-color:#ffdf0033}
.launch-choice.selected{border-color:var(--green);background:#ffdf0008}
@media(max-width:760px){
  .bricky-brand{gap:6px}
  .bricky-brand .brand-logo{width:34px;height:34px;border-radius:6px}
  .bricky-brand .brand-logo img{width:51px;height:51px}
}
@media(max-width:380px){
  .bricky-brand{gap:5px}
  .bricky-brand .brand-logo{width:31px;height:31px}
  .bricky-brand .brand-logo img{width:47px;height:47px}
}