.license-gate {
  display: none;
  width: min(680px, calc(100% - 32px));
  margin: 28px auto;
  padding: 28px;
  border: 1px solid #b9d5e4;
  border-radius: 24px;
  background: linear-gradient(145deg, #ffffff, #edf8fa);
  box-shadow: 0 22px 60px rgb(6 49 78 / 14%);
}

.license-gate h2 { margin: 0 0 10px; color: #0b3b66; font-size: clamp(1.8rem, 8vw, 2.6rem); }
.license-gate p { color: #3b5568; font-size: 1.05rem; }
.license-gate .button-row { display: grid; justify-items: start; margin-top: 20px; }
.license-gate[data-tone="warning"] { border-color: #e6b85c; background: #fffaf0; }
.license-checking .app-header,
.license-locked .app-header,
.license-checking .app-nav,
.license-checking main,
.license-checking footer,
.license-locked .app-nav,
.license-locked main,
.license-locked footer { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; }
.license-checking .license-gate,
.license-locked .license-gate { display: block; }
.license-checking .license-gate [data-license-actions] { display: none; }
.license-checking #network-status,
.license-locked #network-status { display: none; }

@media (max-width: 560px) {
  .license-gate { margin: 18px auto; padding: 22px; border-radius: 18px; }
  .license-gate .button-row, .license-gate .button-row .button { width: 100%; }
}