* { box-sizing: border-box; }
body {
  width: 260px;
  margin: 0;
  padding: 14px;
  font-family: -apple-system, system-ui, "Segoe UI", sans-serif;
  font-size: 13px;
  background: #14161c;
  color: #e8e8ea;
}
header h1 { font-size: 15px; margin: 0 0 12px; font-weight: 700; }
label { display: block; margin-bottom: 4px; opacity: .8; }
input[type="text"] {
  width: 100%; padding: 8px; border-radius: 6px; border: 1px solid #3a3d4a;
  background: #20222c; color: #e8e8ea; font: inherit; margin-bottom: 6px;
}
.hint { font-size: 11px; opacity: .6; margin: 0 0 12px; line-height: 1.4; }
.hint code { opacity: .85; }
button {
  width: 100%; padding: 9px; border-radius: 6px; border: 1px solid #3a3d4a;
  background: #20222c; color: #e8e8ea; font: inherit; cursor: pointer; margin-top: 6px;
}
button:hover { background: #2a2d38; }
button.primary { background: #d4a017; border-color: #d4a017; color: #14161c; font-weight: 600; }
button.primary:hover { background: #e0ac1f; }
button.danger { background: transparent; border-color: #5a2a2a; color: #e08080; }
button.danger:hover { background: #2a1414; }
.btn-row { display: flex; gap: 8px; }
.btn-row button { margin-top: 0; }
.banner-slot { margin-bottom: 10px; border-radius: 6px; overflow: hidden; min-height: 40px; background: #0c0d11; }
.banner-slot img { display: block; width: 100%; max-height: 120px; object-fit: contain; }
.banner-slot iframe { width: 100%; height: 100px; border: 0; display: block; }
.banner-slot .placeholder { display: block; padding: 12px; text-align: center; opacity: .5; }
.stats { display: flex; gap: 8px; margin-bottom: 10px; }
.stat { flex: 1; text-align: center; background: #1c1e26; border-radius: 6px; padding: 8px 0; }
.stat .value { display: block; font-size: 18px; font-weight: 700; font-variant-numeric: tabular-nums; }
.stat .label { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: .04em; opacity: .6; margin-top: 2px; }
.status { font-size: 11px; opacity: .75; min-height: 28px; line-height: 1.4; margin: 0 0 8px; }
.jackpot-box { text-align: center; background: #2a2410; border: 1px solid #d4a017; border-radius: 6px; padding: 8px; margin-bottom: 8px; }
.jackpot-box p { margin: 0 0 6px; }
