/* /assets/pro/page-support.css */
.dmc-help{box-sizing:border-box;width:min(1120px,calc(100% - 32px));margin:20px auto;padding:20px;border:1px solid #2b3c52;border-radius:12px;background:#121e30;color:#f2f6fc;font:16px/1.6 system-ui,sans-serif}.dmc-help a{color:#4ce1e7;text-decoration:underline}.dmc-help[hidden]{display:none!important}.dmc-help h1,.dmc-help h2{margin:0 0 8px;font-size:1.4rem}.dmc-help form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.dmc-help label{display:flex;flex-direction:column;gap:4px}.dmc-help input{min-height:44px;padding:8px;border:1px solid #a9b8cb;font:16px system-ui,sans-serif}.dmc-help button{min-height:44px;padding:10px 16px;background:#4ce1e7;color:#f2f6fc;border:0;border-radius:8px;font:600 16px system-ui,sans-serif;cursor:pointer}.dmc-help button:focus-visible,.dmc-help a:focus-visible{outline:3px solid #c9f56d;outline-offset:3px}
#startForm>.card-note{grid-column:1/-1;margin:4px 0;font-size:.8rem;line-height:1.5}

/* /pub-league.css */
/* /darts/pub-league.css
   Sky-style broadcast-inspired darts skin.
   No Sky logos/branding used. Palette: midnight navy, electric blue, sports red, warm amber. */

:root{
  color-scheme: dark;

  /* Broadcast palette */
  --sky-bg:#121e30;
  --sky-bg-2:#121e30;
  --sky-panel:#121e30;
  --sky-panel-2:#121e30;
  --sky-border:rgba(76,225,231,0.35);
  --sky-blue:#4ce1e7;
  --sky-blue-2:#4ce1e7;
  --sky-cyan:#4ce1e7;
  --sky-red:#ff8c98;
  --sky-red-2:#ff8c98;
  --sky-amber:#c9f56d;
  --sky-orange:#c9f56d;
  --sky-white:#f2f6fc;
  --sky-muted:#f2f6fc;
  --sky-black:#4ce1e7;

  /* Existing app variables used by the display */
  --home:#4ce1e7;
  --away:#ff8c98;
  --gold:#c9f56d;
  --bg:var(--sky-bg);
  --panel:var(--sky-panel);
  --muted:var(--sky-muted);
  --text:var(--sky-white);
}

*{box-sizing:border-box;}

html,body{min-height:100%;}

body{
  margin:0;
  background:#121e30;
  color:var(--text);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

/* =========================
   Broadcast display shell
   ========================= */
.stage{
  min-height:100vh;
  height:100vh;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto auto 1fr auto;
  position:relative;
  background: #121e30;
}

.stage:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: #121e30;
  mix-blend-mode:screen;
  opacity:.72;
}

.stage:after{
  content:"";
  position:absolute;
  inset:-20%;
  pointer-events:none;
  background: #121e30;
  filter:blur(50px);
  opacity:.55;
  animation:broadcastGlow 8s ease-in-out infinite alternate;
}

@keyframes broadcastGlow{
  from{transform:rotate(-2deg) scale(1);}
  to{transform:rotate(2deg) scale(1.04);}
}

.topbar,.scoreboard,.main,.ticker{position:relative;z-index:1;}

/* =========================
   Top bar
   ========================= */
.topbar{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:18px;
  padding:16px 28px 10px;
  background: #121e30;
}

.brand{
  font-size:13px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#f2f6fc;
  font-weight:900;
  text-shadow:0 0 16px rgba(0,0,0,0.08);
}

.links,
.links a{
  color:#f2f6fc;
  font-size:12px;
}

.links a{text-decoration:none;}
.links a:hover{text-decoration:underline;color:#f2f6fc;}

.live{
  justify-self:center;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(76,225,231,0.72);
  color:#f2f6fc;
  border-radius:999px;
  padding:7px 17px;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.16em;
  text-transform:uppercase;
  background: #121e30;
  box-shadow:0 0 25px rgba(0,0,0,0.08),0 0 36px rgba(0,0,0,0.08);
}

.live:before{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-120%);
  background: #121e30;
  animation:shine 2.8s linear infinite;
}

@keyframes shine{to{transform:translateX(120%);}}

.venue{
  text-align:right;
  color:#f2f6fc;
  font-weight:800;
  letter-spacing:.04em;
}

/* =========================
   Team score header
   ========================= */
.scoreboard{
  margin:0 28px 16px;
  border-radius:24px;
  overflow:hidden;
  border:1px solid var(--sky-border);
  box-shadow:
    0 30px 100px rgba(0,0,0,0.08),
    0 0 0 1px rgba(0,0,0,0.08) inset,
    0 0 40px rgba(0,0,0,0.08);
}

.teams{
  display:grid;
  grid-template-columns:minmax(0,1fr) 270px minmax(0,1fr);
  align-items:stretch;
  background: #121e30;
}

.team{
  position:relative;
  overflow:hidden;
  min-height:152px;
  padding:24px 28px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.team:before{
  content:"";
  position:absolute;
  inset:0;
  background: #121e30;
  opacity:.34;
}

.team.away:before{
  background: #121e30;
}

.team:after{
  content:"";
  position:absolute;
  inset:0;
  background: #121e30;
  pointer-events:none;
}

.team>*{position:relative;z-index:1;}

.team-label{
  color:#f2f6fc;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-size:11px;
  margin-bottom:8px;
  font-weight:1000;
}

.team-name{
  font-size:clamp(34px,5.3vw,78px);
  line-height:.84;
  font-weight:1000;
  letter-spacing:-.075em;
  text-transform:uppercase;
  color:#f2f6fc;
  text-shadow:0 5px 26px rgba(0,0,0,0.08),0 0 26px color-mix(in srgb,var(--c),transparent 35%);
}

.team.away{text-align:right;}

.team-score{
  position:relative;
  display:grid;
  place-items:center;
  min-width:270px;
  color:#f2f6fc;
  background: #121e30;
  box-shadow:
    inset 18px 0 32px rgba(0,0,0,0.08),
    inset -18px 0 32px rgba(0,0,0,0.08),
    inset 0 0 60px rgba(0,0,0,0.08);
}

.team-score:before,
.team-score:after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:3px;
  background: #121e30;
  opacity:.38;
}
.team-score:before{left:0;}.team-score:after{right:0;}

.team-score .score{
  font-size:clamp(56px,9vw,132px);
  font-weight:1000;
  letter-spacing:-.09em;
  line-height:.78;
  text-shadow:0 8px 30px rgba(0,0,0,0.08);
}

.team-score .label{
  margin-top:8px;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#f2f6fc;
}

/* =========================
   Main panels
   ========================= */
.main{
  display:grid;
  grid-template-columns:1.18fr .82fr;
  gap:18px;
  margin:0 28px 18px;
  min-height:0;
}

.match-card,.order-card{
  min-height:0;
  overflow:hidden;
  border-radius:24px;
  border:1px solid var(--sky-border);
  background: #121e30;
  box-shadow:
    0 30px 90px rgba(0,0,0,0.08),
    0 0 0 1px rgba(0,0,0,0.08) inset;
}

.section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 18px;
  border-bottom:1px solid rgba(76,225,231,0.18);
  background: #121e30;
}

.section-title{
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:#f2f6fc;
}

.pill{
  border:1px solid rgba(76,225,231,0.75);
  color:#4ce1e7;
  background: #121e30;
  border-radius:999px;
  padding:6px 12px;
  font-size:12px;
  text-transform:uppercase;
  font-weight:1000;
  box-shadow:0 0 22px rgba(0,0,0,0.08);
}

.players{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  padding:24px 24px 18px;
  gap:20px;
}

.player{text-align:left;}.player.away{text-align:right;}

.player-name{
  font-size:clamp(36px,5.2vw,84px);
  font-weight:1000;
  letter-spacing:-.065em;
  line-height:.88;
  text-transform:uppercase;
  color:#f2f6fc;
  text-shadow:0 6px 28px rgba(0,0,0,0.08);
}

.remaining{
  font-size:clamp(76px,12vw,188px);
  font-weight:1000;
  letter-spacing:-.095em;
  line-height:.78;
}

.remaining.home{
  color:#f2f6fc;
  text-shadow:0 0 32px rgba(0,0,0,0.08),0 8px 30px rgba(0,0,0,0.08);
}

.remaining.away{
  color:#f2f6fc;
  text-shadow:0 0 32px rgba(0,0,0,0.08),0 8px 30px rgba(0,0,0,0.08);
}

.vs{
  display:grid;
  place-items:center;
  width:92px;
  height:92px;
  border-radius:50%;
  color:#f2f6fc;
  font-weight:1000;
  background: #121e30;
  border:2px solid var(--sky-amber);
  box-shadow:0 0 30px rgba(0,0,0,0.08),0 0 44px rgba(0,0,0,0.08);
}

.statline{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  padding:0 20px 20px;
}

.stat{
  border:1px solid rgba(76,225,231,0.2);
  background: #121e30;
  border-radius:16px;
  padding:12px;
  box-shadow:inset 0 1px 0 rgba(0,0,0,0.08);
}

.stat small{
  display:block;
  color:#f2f6fc;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:10px;
  font-weight:900;
}

.stat b{font-size:22px;color:#f2f6fc;}

/* =========================
   Running order
   ========================= */
.order-list{
  padding:12px;
  overflow:auto;
  height:100%;
}

.row{
  display:grid;
  grid-template-columns:48px 1fr auto 1fr 82px;
  gap:10px;
  align-items:center;
  margin-bottom:8px;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(76,225,231,0.18);
  background: #121e30;
  box-shadow:inset 0 1px 0 rgba(0,0,0,0.08);
}

.row.live-row{
  border-color:rgba(76,225,231,0.75);
  box-shadow:0 0 26px rgba(0,0,0,0.08),inset 0 0 24px rgba(0,0,0,0.08);
}

.row.finished{
  opacity:.92;
  border-color:rgba(76,225,231,0.32);
}

.num{
  color:#f2f6fc;
  font-weight:1000;
  opacity:.8;
}

.name{
  font-weight:1000;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#f2f6fc;
}

.away-name{text-align:right;}

.result{
  min-width:58px;
  text-align:center;
  border-radius:999px;
  padding:5px 8px;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.08em;
  background:#121e30;
  color:#f2f6fc;
  border:1px solid rgba(76,225,231,0.2);
}

.live-row .result{
  background: #121e30;
  color:#f2f6fc;
  border-color:rgba(111,140,175,0.2);
}

.finished .result{
  background: #121e30;
  color:#f2f6fc;
}

.leg-score{
  text-align:center;
  border-radius:999px;
  padding:6px 8px;
  color:#f2f6fc;
  font-size:18px;
  font-weight:1000;
  letter-spacing:.04em;
  background: #121e30;
  border:1px solid rgba(76,225,231,0.3);
  box-shadow:inset 0 1px 0 rgba(0,0,0,0.08);
}

.live-row .leg-score{
  border-color:rgba(76,225,231,0.78);
  color:#f2f6fc;
  box-shadow:0 0 20px rgba(0,0,0,0.08),inset 0 1px 0 rgba(0,0,0,0.08);
}

.finished .leg-score{
  border-color:rgba(76,225,231,0.55);
  color:#f2f6fc;
}

/* =========================
   Ticker / sponsor strip
   ========================= */
.ticker{
  height:60px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  background: #121e30;
  border-top:1px solid rgba(76,225,231,0.22);
  box-shadow:0 -16px 50px rgba(0,0,0,0.08);
}

.sponsor{
  height:100%;
  display:grid;
  place-items:center;
  padding:0 24px;
  background: #121e30;
  color:#4ce1e7;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.06em;
  box-shadow:10px 0 28px rgba(0,0,0,0.08);
}

.marquee{
  overflow:hidden;
  white-space:nowrap;
  color:#f2f6fc;
  font-weight:900;
  letter-spacing:.02em;
}

.marquee span{
  display:inline-block;
  padding-left:100%;
  animation:marq 28s linear infinite;
}

@keyframes marq{to{transform:translateX(-100%);}}

.qr{
  padding:0 20px;
  color:#f2f6fc;
  font-size:12px;
  text-align:right;
}

.qr a{color:#4ce1e7;text-decoration:none;}.qr a:hover{text-decoration:underline;}

.loading{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  background: #121e30;
  z-index:5;
  color:#f2f6fc;
  font-weight:900;
  letter-spacing:.08em;
}

.fullscreen-btn{
  position:absolute;
  right:24px;
  bottom:78px;
  z-index:4;
  opacity:0;
  transform:translateY(8px);
  transition:.18s ease;
  border:1px solid rgba(76,225,231,0.55);
  border-radius:999px;
  background:rgba(18,30,48,0.72);
  color:#f2f6fc;
  padding:9px 14px;
  font-weight:900;
  cursor:pointer;
}

.stage:hover .fullscreen-btn{opacity:1;transform:translateY(0);}

/* =========================
   Setup / shared form styles
   ========================= */
.league-shell{
  min-height:100vh;
  background: #121e30;
  color:var(--sky-#f2f6fc);
}

.broadcast-card{
  border:1px solid var(--sky-border);
  border-radius:24px;
  background: #121e30;
  box-shadow:0 30px 90px rgba(0,0,0,0.08);
}

.btn-broadcast,
button.btn-broadcast{
  border:0;
  border-radius:999px;
  padding:11px 18px;
  font-weight:1000;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:#f2f6fc;
  background: #121e30;
  box-shadow:0 0 26px rgba(0,0,0,0.08);
  cursor:pointer;
}

.btn-broadcast.alt,
button.btn-broadcast.alt{
  color:#4ce1e7;
  background: #121e30;
  box-shadow:0 0 26px rgba(0,0,0,0.08);
}

input,textarea,select{
  background:#121e30;
  color:#f2f6fc;
  border:1px solid rgba(76,225,231,0.26);
  border-radius:12px;
}

input:focus,textarea:focus,select:focus{
  outline:0;
  border-color:var(--sky-blue);
  box-shadow:0 0 0 2px rgba(0,0,0,0.08);
}

/* =========================
   Mobile / small screen
   ========================= */
@media(max-width:900px){
  body{overflow:auto;}
  .stage{height:auto;min-height:100vh;grid-template-rows:auto auto auto auto;}
  .topbar,.teams,.main{grid-template-columns:1fr;}
  .topbar{padding:14px 16px;}.venue{text-align:left;}
  .scoreboard,.main{margin-left:14px;margin-right:14px;}
  .team{min-height:110px;}.team.away{text-align:left;}
  .team.away:before{background: #121e30;}
  .team-score{min-width:0;padding:18px;}
  .players{grid-template-columns:1fr;gap:12px;}.player.away{text-align:left;}
  .vs{width:64px;height:64px;}
  .statline{grid-template-columns:1fr 1fr;}
  .row{grid-template-columns:34px 1fr 58px 1fr 72px;gap:7px;padding:9px;}
  .away-name{text-align:right;}
  .ticker{grid-template-columns:1fr;height:auto;}.sponsor,.qr{padding:12px;}.qr{text-align:left;}
}

@media(max-width:560px){
  .row{grid-template-columns:30px 1fr 56px;}
  .away-name{grid-column:2;text-align:left;}
  .leg-score{grid-column:3;grid-row:1 / span 2;}
}


/* ===== Compatibility + shared page skin additions ===== */
.broadcast-stage{
  min-height:100vh;
  height:100vh;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto auto 1fr auto;
  position:relative;
  background: #121e30;
}
.broadcast-stage:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: #121e30;
  mix-blend-mode:screen;
  opacity:.72;
}
.broadcast-stage:after{
  content:"";
  position:absolute;
  inset:-20%;
  pointer-events:none;
  background: #121e30;
  filter:blur(50px);
  opacity:.55;
  animation:broadcastGlow 8s ease-in-out infinite alternate;
}
.broadcast-stage:hover .fullscreen-btn{opacity:1;transform:translateY(0);}
.tv-panel{
  min-height:0;
  overflow:hidden;
  border-radius:24px;
  border:1px solid var(--sky-border);
  background: #121e30;
  box-shadow:0 30px 90px rgba(0,0,0,0.08),0 0 0 1px rgba(0,0,0,0.08) inset;
}
.tv-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 18px;
  border-bottom:1px solid rgba(76,225,231,0.18);
  background: #121e30;
}
.tv-title{
  margin:0;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:#f2f6fc;
  font-size:clamp(1rem,1.4vw,1.35rem);
}
.tv-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(76,225,231,0.75);
  color:#4ce1e7;
  background: #121e30;
  border-radius:999px;
  padding:6px 12px;
  font-size:12px;
  text-transform:uppercase;
  font-weight:1000;
  box-shadow:0 0 22px rgba(0,0,0,0.08);
}
.tv-live-pill{
  justify-self:center;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(76,225,231,0.72);
  color:#f2f6fc;
  border-radius:999px;
  padding:7px 17px;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.16em;
  text-transform:uppercase;
  background: #121e30;
  box-shadow:0 0 25px rgba(0,0,0,0.08),0 0 36px rgba(0,0,0,0.08);
}
.tv-live-pill:before{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-120%);
  background: #121e30;
  animation:shine 2.8s linear infinite;
}
.tv-action,
.league-control .btn,
.scorer-console .btn,
.stats-desk .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  border-radius:999px;
  padding:.72rem 1rem;
  border:1px solid rgba(76,225,231,0.42);
  background: #121e30;
  color:#f2f6fc;
  font-weight:1000;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-decoration:none;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(0,0,0,0.08),0 12px 28px rgba(0,0,0,0.08);
}
.league-control .btn-primary,
.scorer-console .btn-primary{
  border-color:rgba(76,225,231,0.9);
  background: #121e30;
  color:#4ce1e7;
}
.league-control .btn-secondary,
.scorer-console .btn-secondary{
  border-color:rgba(76,225,231,0.72);
  background: #121e30;
  color:#f2f6fc;
}
.scorer-console .btn-danger{
  border-color:rgba(76,225,231,0.72);
  background: #121e30;
  color:#f2f6fc;
}
@media(max-width:900px){
  .broadcast-stage{height:auto;min-height:100vh;overflow:visible;grid-template-rows:auto auto auto auto;}
}

/* Phase 5: fixture player stats + night highlights */
.night-highlights{
  margin:0 12px 12px;
  padding:12px;
  border-top:1px solid rgba(76,225,231,0.18);
  background: #121e30;
}
.highlight-title{
  margin-bottom:8px;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#c9f56d;
  font-weight:1000;
}
.highlight-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.highlight-card{
  min-width:0;
  border:1px solid rgba(111,140,175,0.18);
  border-radius:14px;
  padding:9px 10px;
  background: #121e30;
}
.highlight-card small{
  display:block;
  color:#f2f6fc;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.highlight-card b{
  display:block;
  margin-top:2px;
  color:#f2f6fc;
  font-size:16px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.highlight-card span{
  display:block;
  margin-top:1px;
  color:#c9f56d;
  font-size:12px;
  font-weight:900;
}
@media(max-width:900px){
  .highlight-grid{grid-template-columns:1fr;}
}


/* =========================
   Fixture scorer PIN overlay
   ========================= */
.pin-lock-overlay{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  padding:24px;
  background: #121e30;
  backdrop-filter:blur(12px);
}
.pin-lock-overlay[hidden]{display:none!important;}
.pin-lock-card{
  width:min(520px,100%);
  border:1px solid var(--sky-border);
  border-radius:26px;
  padding:26px;
  background: #121e30;
  box-shadow:0 34px 110px rgba(0,0,0,0.08),0 0 40px rgba(0,0,0,0.08);
  text-align:center;
}
.pin-lock-eyebrow{
  display:inline-flex;
  border:1px solid rgba(76,225,231,0.75);
  background: #121e30;
  color:#4ce1e7;
  border-radius:999px;
  padding:.38rem .7rem;
  font-size:.72rem;
  font-weight:1000;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.pin-lock-card h1{
  margin:16px 0 8px;
  font-size:clamp(2rem,5vw,3.2rem);
  line-height:.9;
  letter-spacing:-.06em;
  text-transform:uppercase;
}
.pin-lock-card p{color:#f2f6fc;margin:.5rem 0 1rem;}
#fixturePinForm{display:flex;gap:.65rem;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:1rem;}
.pin-lock-input{
  width:150px;
  text-align:center;
  font-size:2rem;
  font-weight:1000;
  letter-spacing:.25em;
  border:1px solid rgba(76,225,231,0.42);
  background:#121e30;
  color:#f2f6fc;
  border-radius:16px;
  padding:.55rem .6rem;
  outline:none;
}
.pin-lock-input:focus{border-color:var(--sky-blue);box-shadow:0 0 0 3px rgba(0,0,0,0.08),0 0 28px rgba(0,0,0,0.08);}
.pin-lock-error{min-height:1.2em;margin-top:.75rem;color:#f2f6fc;font-weight:900;}
.pin-lock-small{font-size:.85rem;color:var(--sky-muted)!important;}


/* Phase 6 hotfix: scorer page layout + PIN overlay cache-bust styles */
body.scorer-console.broadcast-stage{
  display:block;
  height:auto;
  min-height:100vh;
  overflow:auto;
}
body.scorer-console.broadcast-stage:before,
body.scorer-console.broadcast-stage:after{
  position:fixed;
}
body.scorer-console .wrapper{
  width:100%;
  max-width:1600px;
  margin:0 auto;
  position:relative;
  z-index:1;
}
body.scorer-console .board{
  width:100%;
}
body.scorer-console .pin-lock-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
  display:grid!important;
  place-items:center!important;
  padding:24px!important;
  background: #121e30!important;
  backdrop-filter:blur(12px);
}
body.scorer-console .pin-lock-overlay[hidden]{
  display:none!important;
}
body.scorer-console .pin-lock-card{
  width:min(540px,100%)!important;
  border:1px solid var(--sky-border)!important;
  border-radius:26px!important;
  padding:26px!important;
  background: #121e30!important;
  box-shadow:0 34px 110px rgba(0,0,0,0.08),0 0 40px rgba(0,0,0,0.08)!important;
  text-align:center!important;
}
@media(max-width:900px){
  body.scorer-console .board{grid-template-columns:1fr!important;}
}