/* The Sports Club OS logo's card (brand.js), on the code page, quick match and the scorer. Its own colours, light or
   dark: the page's data-theme where it has one (the scorer), else the device's setting. */
@font-face{font-family:Geist;src:url('geist.woff2') format('woff2');font-weight:100 900;font-display:swap}
.sco-card{--c-bg:#faf9f3;--c-ink:#1b1a17;--c-muted:#68675f;--c-line:#deddd6;--c-yellow:#f7c23b;--c-focus:#936700;
  width:min(340px,calc(100vw - 32px));margin:auto;padding:22px 20px 16px;border:1px solid var(--c-line);border-radius:14px;
  background:var(--c-bg);color:var(--c-ink);font:16px/1.5 Geist,system-ui,Arial,sans-serif;box-shadow:0 18px 50px rgba(0,0,0,.28);text-align:left}
.sco-card::backdrop{background:rgba(10,12,20,.45)}
@media (prefers-color-scheme:dark){html:not([data-theme]) .sco-card{--c-bg:#1b1a17;--c-ink:#f7f5ef;--c-muted:#b4b2a8;--c-line:#3c3a32;--c-focus:#f7c23b}}
html[data-theme="dark"] .sco-card{--c-bg:#1b1a17;--c-ink:#f7f5ef;--c-muted:#b4b2a8;--c-line:#3c3a32;--c-focus:#f7c23b}
.sco-card-logo img{display:block;width:150px;height:auto}
.sco-card .sco-on-dark{display:none}
@media (prefers-color-scheme:dark){html:not([data-theme]) .sco-card .sco-on-light{display:none}html:not([data-theme]) .sco-card .sco-on-dark{display:block}}
html[data-theme="dark"] .sco-card .sco-on-light{display:none}
html[data-theme="dark"] .sco-card .sco-on-dark{display:block}
.sco-card-h{margin:16px 0 2px;font-weight:600;font-size:17px;letter-spacing:-.01em}
.sco-card-p{margin:0 0 18px;color:var(--c-muted);font-size:15px}
.sco-card-go{display:block;min-height:52px;padding:14px 16px;border-radius:8px;background:var(--c-yellow);color:#1b1a17;font-weight:600;text-align:center;text-decoration:none}
.sco-card-x{display:block;width:100%;min-height:48px;margin-top:8px;border:0;background:transparent;color:var(--c-ink);font:600 15px/1.2 Geist,system-ui,sans-serif;cursor:pointer;border-radius:8px}
.sco-card-go:focus-visible,.sco-card-x:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}