:root{
  --maria-blue:#4db3ff;
  --maria-white:#ffffff;
  --maria-gold:#ffd700;
  --maria-glow:#cfeaff;
  --panel-bg: rgba(0,0,0,0.0);
}
html,body{
  height:100%;
  margin:0;
  background:transparent;
  font-family:'Noto Sans JP',system-ui,-apple-system,Segoe UI,Roboto,'Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;
  color:var(--maria-white);
  -webkit-font-smoothing:antialiased;
}
.stage{ position:relative; width:720px; height:360px; display:flex; align-items:center; justify-content:center; background:var(--panel-bg); }
.badge{ position:relative; width:640px; height:300px; filter:drop-shadow(0 8px 24px rgba(79,179,255,0.45)) drop-shadow(0 0 28px rgba(79,179,255,0.35)); }

.count-wrap{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; pointer-events:none; }
.count{ font-weight:800; font-variant-numeric: tabular-nums; line-height:1; font-size:clamp(32px,9vw,96px); text-shadow:0 2px 0 rgba(0,0,0,0.25), 0 0 24px var(--maria-glow); padding:0 16px; }
.label{ position:absolute; bottom:-32px; width:100%; text-align:center; font-size:clamp(14px,2.2vw,18px); opacity:.9; text-shadow:0 1px 0 rgba(0,0,0,.25); }

/* Debug & badges */
.debug{ position:absolute; left:8px; top:8px; max-width:60%; font-size:12px; line-height:1.35; padding:6px 8px; border-radius:8px; background:rgba(0,0,0,.35); color:#eaf6ff; white-space:pre-wrap; display:none; }
.debug.show{ display:block; }
.badgeMsg{ position:absolute; bottom:8px; right:8px; max-width:70%; font-size:12px; padding:6px 10px; border-radius:8px; border:1px solid rgba(255,255,255,.25); text-shadow:0 1px 0 rgba(0,0,0,.35); display:none; }
.badgeMsg.error{ background: rgba(255,50,50,.14); border-color: rgba(255, 107, 107, .55); color:#fff; }
.badgeMsg.ok{ background: rgba(90, 200, 60, .14); border-color: rgba(90,200,60,.55); color:#eaffea; }
.badgeMsg.show{ display:block; }

.centerMsg{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; pointer-events:none; }
.centerMsg .pill{ pointer-events:auto; padding:10px 14px; border-radius:12px; border:1px solid rgba(255,255,255,.25); background: rgba(0,0,0,.55); font-size:14px; line-height:1.5; max-width:90%; text-align:center; white-space:pre-wrap; }