/* BINGOPAD: original Lottopad layout, print textures and interactions.
   Only brand colors and necessary contrast adjustments are overridden. */
:root {
  color-scheme: light;
  --security:#EDF5FA;
  --security-line:#C9DDE8;
  --slip:#FFFFFF;
  --magenta:#007B9E;
  --magenta-deep:#00617F;
  --ultra:#174D79;
  --ultra-deep:#103654;
  --ultra-line:#82BBD8;
  --ink:#182C3A;
  --graphite:#2B4353;
  --muted:#526B7B;
  --yolk:#45C1DB;
  --sky:#489AE0;
  --grass:#55BDB5;
  --bonus:#00849D;
  --off:#C3D3DC;
  --table:#D6EBF4;
  --halftone:#BDDEED;
  --notice:#176778;
  --counter:#DEEEF1;
  --thermal:#FFFFFF;
  --thermal-ink:#243946;
  --onair:#007F99;
  --paper-shadow:0 1px 0 rgba(36,36,36,.10),0 22px 34px -18px rgba(23,77,121,.25);
}
body,.tk-b {background-blend-mode:luminosity}
.cdh .k {color:#D2EAF4}
.rlabel {color:#E0F2FA}
.rack .cr {box-shadow:inset 0 0 0 2px rgba(130,187,216,.5)}
.rack .cr.bn {box-shadow:inset 0 0 0 2px var(--bonus)}
.dlg::backdrop {background:rgba(16,54,84,.45)}
.prose code {background:rgba(23,77,121,.07)}
.mb[disabled],.mb.dis {color:#777777}
.tk.demo .tk-f {outline-color:rgba(0,123,158,.5)}

.rlabel .ok,.rlabel .no{color:#FFFFFF}
.check .ok{color:#174D79}
.tk img{background:#EDF5FA}

/* Keep the full uppercase wordmark within the original ticket. */
.mast{flex-wrap:wrap}
.mast h1{font-stretch:105%;font-size:clamp(30px,5vw,64px)}
@media(max-width:860px){.mast h1{font-size:clamp(26px,7.5vw,48px)}}

/* Full contract address, visible before the number board. */
.contract-highlight{margin:18px 0 24px;padding:18px 20px;background:#174D79;color:#fff;border:2px solid #45C1DB;box-shadow:4px 4px 0 #45c1db35;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 14px;position:relative}
.contract-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;font:800 14px/1.2 var(--f-disp);letter-spacing:.08em}
.contract-heading span{font:600 10px var(--f-mono);color:#d2eaf4;border:1px solid #82bbd8;padding:4px 7px}
.contract-highlight code{grid-column:1/-1;font:600 clamp(12px,1.1vw,15px)/1.7 var(--f-mono);color:#fff;overflow-wrap:anywhere;word-break:break-all;user-select:all;letter-spacing:0}
.contract-highlight button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 20px;background:#45C1DB;color:#103654;border:1px solid #45C1DB;font:800 13px var(--f-body);text-transform:uppercase;letter-spacing:.06em}
.contract-highlight button:hover{background:#92e0ee}.contract-highlight button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.contract-feedback{align-self:center;font:500 11px/1.4 var(--f-body);color:#d2eaf4}
@media(max-width:480px){.contract-highlight{padding:14px;gap:10px;grid-template-columns:1fr}.contract-highlight code{font-size:12px}.contract-highlight button{width:100%}.contract-feedback:empty{display:none}}