/* ---------- MLB Mode ----------
   A BALLPARK SCOREBOARD — the owner's pick of the three layouts drawn in
   docs/mockups/mlbmode/ (layout A, "Scoreboard", 21 Oct 2026). The thirty
   clubs are an out-of-town board, the club page is a line score under the Home
   Run Challenge's lit sign, and the challenge is the board itself. The ten-slot
   board is NBA Mode's and stays NBA Mode's: the same game in every league.

   LOADED AFTER gauntlet.css AND nbamode.css, for nbamode.css's reason: the
   board IS a GeoGauntlet board — .gg-wrap, .gg-bar, .gg-slot, .gg-input — and
   what follows either adds a screen that kit does not have or overrides one
   rule of it.

   THE SCOREBOARD IS ONE GREEN, ONE YELLOW AND WHITE, IN BOTH THEMES. --m-nfl,
   --m-nfl-sh, --yellow and --on-accent are theme.css tokens that do not flip,
   so the board is the same painted object on cream as on ink — which is what a
   scoreboard is. Everything off the board (the misses, the answer bar, the end
   card) is the site's own surfaces and flips as they do. Measured: white on
   the green is 7.6:1, the yellow on it 4.7:1, both on the darker plate higher.

   NOTHING HERE HARD-CODES A COLOUR, WITH TWO DELIBERATE EXCEPTIONS. A club's
   own colours arrive per club as --mb-c and --mb-c2 (data, out of
   data/mlb/teams.csv — the arrangement footmode.css makes for its per-player
   --fb-c); and the baseball is white leather with red stitching in both
   themes, because that is what a baseball is.

   OSWALD, a condensed face loaded for this sheet alone (web/index.html), sets
   the plates and nothing else. Every other line is the site's Archivo.

   NO CLASS HERE MAY BE A PREFIX OF ANOTHER FOLLOWED BY A HYPHEN — the rule
   nbamode.css opens with, enforced by tests/test_a11y.py. The pressed classes
   are mb-team, mb-btile and mb-hrgo, and nothing begins with one of them and
   a hyphen. */

#mbScreen{
  --mb-green:var(--m-nfl);
  --mb-plate:var(--m-nfl-sh);
  --mb-lit:var(--yellow);
  --mb-face:'Oswald','Archivo',system-ui,sans-serif;
  --mb-rule:color-mix(in srgb, var(--on-accent) 18%, transparent);
  --mb-sunk:inset 0 -3px 0 color-mix(in srgb, black 28%, transparent);
}

/* ---- the badge ----------------------------------------------------------- */
.mb-badge{width:44px;height:44px;flex:none;display:block;
  --mb-c:var(--sheet-3);--mb-c2:var(--border-strong)}
.mb-badge.big{width:56px;height:56px}
.mb-badge .mb-bgc{fill:var(--mb-c);stroke:var(--mb-c2);stroke-width:3}
.mb-badge .mb-seam{fill:none;stroke:var(--mb-c2);stroke-width:2.4;
  stroke-dasharray:2.6 2.4;stroke-linecap:round;opacity:.95}
.mb-badge .mb-mark{fill:var(--on-accent);font-family:var(--display);
  font-weight:900;letter-spacing:-.03em}

/* ---- the board: a green panel, darker plates sunk into it ---------------- */
.mb-wrap{max-width:1040px}
.mb-board{background:var(--mb-green);color:var(--on-accent);border-radius:var(--radius);
  padding:16px 18px 18px;margin:2px 0 16px;
  box-shadow:inset 0 0 0 3px var(--mb-plate),0 7px 0 var(--mb-plate)}
.mb-board .gg-nodata{color:var(--on-accent);opacity:.88}
.mb-btitle{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.mb-tagp{font:700 18px/1 var(--mb-face);color:var(--mb-lit);background:var(--mb-plate);
  padding:6px 9px;border-radius:3px;letter-spacing:.04em;box-shadow:var(--mb-sunk)}
.mb-bh{margin:0;font:600 23px/1.1 var(--mb-face);letter-spacing:.08em;
  text-transform:uppercase;color:var(--on-accent)}

/* ---- the thirty, as an out-of-town board --------------------------------- */
.mb-leagues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}
.mb-lghead{font:600 12.5px/1 var(--mb-face);letter-spacing:.2em;text-transform:uppercase;
  color:var(--mb-lit);border-bottom:2px solid var(--mb-rule);padding-bottom:7px;margin-bottom:10px}
.mb-div{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;align-items:center;
  margin-bottom:8px}
.mb-divname{font:600 11px/1 var(--mb-face);letter-spacing:.16em;text-transform:uppercase;opacity:.85}
.mb-divrow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.mb-rest{margin-top:10px}
.mb-team{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;
  min-width:0;padding:13px 3px 8px;background:var(--mb-plate);border:0;border-radius:4px;
  color:var(--on-accent);cursor:pointer;font-family:inherit;box-shadow:var(--mb-sunk);
  transition:transform .12s}
.mb-team:hover,.mb-team:focus-visible{outline:2px solid var(--mb-lit);outline-offset:1px}
.mb-team:active{transform:translateY(2px)}
/* THE CLUB'S OWN COLOURS ARE ITS LAMP — a lit strip across the top of the
   plate, the one place the board is not green. */
.mb-lamp{position:absolute;left:7px;right:7px;top:5px;height:4px;border-radius:2px;
  background:var(--mb-c, var(--mb-lit));box-shadow:0 0 0 1px var(--mb-c2, transparent)}
.mb-code{font:700 23px/1 var(--mb-face);letter-spacing:.03em}
/* THE NICKNAME FITS ITS PLATE WHOLE. Set in the condensed face, normal case,
   and sized to the plate: the plate is a container and --len is the name's
   length (mbPlate), so "Diamondbacks" — the longest of the thirty — steps down
   to fit a phone's 57px plate while every shorter name keeps the full size.
   0.48em is Oswald 500's average advance with its spacing, measured. */
.mb-team{container-type:inline-size}
.mb-tn{font:500 11px/1.15 var(--mb-face);letter-spacing:.02em;opacity:.9;max-width:100%;
  white-space:nowrap;font-size:min(11px, calc((100cqi - 6px) / (var(--len, 8) * 0.48)))}

/* ---- a club's head: its ball, its name on plates, where it plays --------- */
.mb-head{display:flex;align-items:center;gap:14px;margin:0 0 14px}
.mb-hwho{flex:1 1 auto;min-width:0;container-type:inline-size}
.mb-title,.mb-hrname{margin:0;line-height:1}
/* THE PLATES ARE SIZED TO THE ROOM THEY HAVE. --n is the name's width in
   plates (mbPlatesHtml), so a twelve-letter nickname shrinks to stay on one
   line rather than wrapping mid-word; the first declaration is the fallback
   for a browser without container units. */
.mb-plates{display:flex;gap:.1em;font:700 24px/1 var(--mb-face);
  font-size:min(27px, calc(100cqi / (var(--n, 8) * 1.14)))}
.mb-plates b{background:var(--mb-plate);padding:.22em .18em;min-width:1em;text-align:center;
  border-radius:3px;box-shadow:var(--mb-sunk);font-weight:700}
.mb-gap{flex:none;width:.4em}
.mb-hsub{margin-top:8px;font:600 10.5px/1.4 var(--mono);letter-spacing:.14em;
  text-transform:uppercase;opacity:.88}
.mb-hmeta{margin-left:auto;text-align:right;font:700 10px/1.5 var(--mono);
  letter-spacing:.12em;text-transform:uppercase;opacity:.88}
.mb-hmeta b{color:var(--mb-lit);font-weight:700}

/* ---- the Home Run Challenge's sign ---------------------------------------
   THE ONE LIT SIGN ON THE BOARD: a marquee with bulbs above and below and the
   only yellow edge on the screen, because it is the one thing on the club page
   that is a different kind of game. */
.mb-hrbox{margin:0 0 16px}
.mb-hrgo{position:relative;display:flex;align-items:center;gap:16px;width:100%;
  padding:20px 18px;margin:0;border-radius:6px;border:2px solid var(--mb-lit);
  background:var(--mb-plate);color:var(--on-accent);cursor:pointer;text-align:left;
  font-family:inherit}
.mb-hrgo:focus-visible{outline:3px solid var(--on-accent);outline-offset:2px}
.mb-hrgo:hover .mb-play,.mb-hrgo:focus-visible .mb-play{transform:translateY(-1px)}
.mb-bulbs{position:absolute;left:8px;right:8px;top:4px;bottom:4px;pointer-events:none;
  background:radial-gradient(circle,var(--mb-lit) 1.6px,transparent 2.2px) 0 0/12px 6px repeat-x,
    radial-gradient(circle,var(--mb-lit) 1.6px,transparent 2.2px) 0 100%/12px 6px repeat-x;
  opacity:.9}
.mb-hrtext{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-width:0}
.mb-hrl{display:flex;align-items:center;gap:8px;font:700 24px/1.05 var(--mb-face);
  letter-spacing:.06em;text-transform:uppercase;color:var(--mb-lit)}
.mb-hrb{font-size:13px;line-height:1.4;opacity:.9}
.mb-hrn{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px}
.mb-hrn b{font:700 25px/1 var(--mb-face);font-variant-numeric:tabular-nums}
.mb-hrn i{font:normal 600 9.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;
  opacity:.82}
.mb-hrbest b{color:var(--mb-lit)}
.mb-play{flex:none;font:700 16px/1 var(--mb-face);letter-spacing:.16em;text-transform:uppercase;
  background:var(--mb-lit);color:var(--mb-plate);padding:11px 16px;border-radius:4px;
  transition:transform .12s}
.mb-tick{flex:0 0 17px;width:17px;height:17px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  font:900 10px/1 var(--display);background:var(--mb-lit);color:var(--mb-plate)}

/* ---- the boards as a line score -----------------------------------------
   A stat a row, an end a column, and the size of its list. Unplayed, a cell
   says which end it is; played, it shows your best in the yellow. */
.mb-line{display:grid;gap:6px}
.mb-lrow{display:grid;grid-template-columns:minmax(112px,1.3fr) minmax(0,1fr) minmax(0,1fr) 96px;
  gap:6px;align-items:stretch}
.mb-lhd span{font:600 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;
  color:var(--mb-lit);text-align:center;padding:2px 0}
.mb-gl{display:flex;align-items:center;min-width:0;font:700 19px/1.05 var(--mb-face);
  letter-spacing:.06em;text-transform:uppercase}
.mb-btile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  min-height:54px;padding:6px;background:var(--mb-plate);border:0;border-radius:4px;
  color:var(--on-accent);cursor:pointer;font-family:inherit;box-shadow:var(--mb-sunk)}
.mb-btile:hover,.mb-btile:focus-visible{outline:2px solid var(--mb-lit);outline-offset:1px}
.mb-btile b{font:700 20px/1 var(--mb-face);letter-spacing:.05em;text-transform:uppercase}
.mb-btile i{font:normal 600 9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;
  opacity:.75}
.mb-btile.done b{color:var(--mb-lit);letter-spacing:.02em;font-variant-numeric:tabular-nums}
.mb-gn{display:flex;align-items:center;justify-content:center;font:600 17px/1 var(--mb-face);
  opacity:.88;font-variant-numeric:tabular-nums}

/* ---- the board: ten slots in two columns of five, NBA's .nb-two ---------- */
.gg-slots.mb-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px}
.gg-slots.mb-two .gg-slot{min-height:40px;padding:7px 10px;font-size:13.5px}
.gg-slots.mb-two .gg-slot .pts{font-size:11.5px}
.gg-slots.gg-board.mb-two{border-top:0;gap:8px 18px}
.gg-slots.gg-board.mb-two .gg-slot{border-bottom:1px solid var(--hair);
  padding:9px 4px}
.gg-slots.gg-board.mb-two .gg-slot.got{padding-left:12px}
@media (min-width:981px){
  .gg-slots.gg-board.mb-two .gg-slot{min-height:37px;gap:10px}
  .gg-slots.gg-board.mb-two .gg-slot .n{min-width:14px}
  .gg-slots.gg-board.mb-two .gg-slot .nm{white-space:normal;overflow:visible;
    text-overflow:clip;overflow-wrap:anywhere;line-height:1.2}
}
.mb-det{font:600 11px/1 var(--mono);color:var(--text-muted);white-space:nowrap}
.mb-note{font-size:13px;color:var(--amber);line-height:1.4;min-height:0}
.mb-note:empty{display:none}
.mb-note.show{margin:6px 0 2px}
@media (max-width:980px){
  .gg-answer > .mb-note{order:2}
}
.mb-quit{margin-left:auto;font-size:11.5px;padding:8px 12px;opacity:.72}
.mb-quit:hover{opacity:1}
.mb-share{margin-top:12px;text-align:center;display:grid;gap:10px;
  justify-items:center}
.mb-sq{font-size:22px;letter-spacing:2px}

#mbScreen > .gg-wrap{padding-bottom:34px}

/* ===========================================================================
   THE HOME RUN CHALLENGE

   THE BALL. One white baseball with its two red seams, drawn once as a data
   URI and tiled: a player's home runs are full rows of it (one span) and a
   part-row (a second), forty to a row — see mbBalls in mlbmode.js. A grey rim
   keeps it a ball on any ground.
   =========================================================================== */
#mbScreen, .mb-hrbox{
  --mb-ball:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3CradialGradient id='g' cx='.36' cy='.3' r='.78'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='.62' stop-color='%23f3eee2'/%3E%3Cstop offset='1' stop-color='%23d3cab5'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='12' cy='12' r='10.4' fill='url(%23g)' stroke='%238f8572' stroke-width='1'/%3E%3Cpath d='M6.7 4.4c2.9 3.9 2.9 11.3 0 15.2M17.3 4.4c-2.9 3.9-2.9 11.3 0 15.2' fill='none' stroke='%23cc2f22' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  --mb-p:11px;
}

.mb-hrwrap{max-width:900px}
/* ROOM FOR THE BAR, which is fixed and so out of flow. Written against
   #mbScreen's own child, because `#mbScreen > .gg-wrap` above outranks a
   bare class and would otherwise put the last row under the bar. */
#mbScreen > .gg-wrap.mb-hrwrap{padding-bottom:150px}
#mbScreen > .gg-wrap.mb-hrwrap.ended{padding-bottom:34px}

/* THE BOARD'S FOUR PLATES: home runs found, of how many, hitters named, and
   the score. The two that move are the yellow ones. */
.mb-hrboard{padding:14px 16px 16px}
.mb-hrhead{margin-bottom:12px}
.mb-hrtask{margin-top:8px;font:600 14px/1.35 var(--font);opacity:.92}
.mb-cells{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 14px}
.mb-cell{min-width:0;background:var(--mb-plate);border-radius:4px;padding:9px 10px 11px;
  text-align:center;box-shadow:var(--mb-sunk)}
.mb-cell i{display:block;font:normal 600 9.5px/1 var(--mono);letter-spacing:.14em;
  text-transform:uppercase;opacity:.82;margin-bottom:7px}
.mb-cell b{font:700 36px/1 var(--mb-face);letter-spacing:.02em;font-variant-numeric:tabular-nums}
.mb-cell small{font-size:.47em;opacity:.65}
.mb-cell.lit b{color:var(--mb-lit)}

/* NINE INNINGS, a ninth of the club's home runs each — the meter, said in
   baseball. A full inning is lit; the one in play fills from the left. */
.mb-inns{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}
.mb-ing{display:flex;flex-direction:column;gap:5px;align-items:center}
.mb-ing i{font:normal 600 11px/1 var(--mb-face);opacity:.8}
.mb-ing b{display:block;width:100%;height:14px;border-radius:2px;
  background:linear-gradient(90deg,var(--mb-lit) calc(var(--f) * 100%),var(--mb-plate) 0);
  box-shadow:var(--mb-sunk)}
.mb-ing.now i,.mb-ing.full i{opacity:1;color:var(--mb-lit)}
.mb-hrline{margin-top:9px;font:600 10.5px/1.5 var(--mono);letter-spacing:.12em;
  text-transform:uppercase;opacity:.9;font-variant-numeric:tabular-nums}

/* EVERY HITTER A ROW OF THE BOARD: his name on a plate, his balls behind him,
   his number in the yellow. Newest first; the newest is lit. */
.mb-hrfound{display:grid;gap:6px}
.mb-hrcard{display:grid;grid-template-columns:minmax(140px,210px) minmax(0,1fr) auto;gap:12px;
  align-items:center;padding:8px 10px;border-radius:6px;background:var(--mb-green);
  color:var(--on-accent);box-shadow:0 3px 0 var(--mb-plate)}
.mb-hrcard.mb-new{box-shadow:0 0 0 2px var(--mb-lit),0 3px 0 var(--mb-plate)}
.mb-hrcn{min-width:0;font:600 17px/1.15 var(--mb-face);letter-spacing:.04em;
  text-transform:uppercase;overflow-wrap:anywhere}
/* FORTY BALLS A ROW AT EVERY WIDTH: the tray is a container and the ball is a
   fortieth of it (40 is MB_BALLS_ROW in mlbmode.js — change both), capped at
   11px. So a full row is exactly the room the row has — 7.4px on a 375px
   phone — and a man with nine home runs gets balls the same size as Ortiz. */
.mb-hrtray{display:block;min-width:0;container-type:inline-size}
.mb-hrtray .mb-balls{--mb-p:min(11px, calc((100cqi - 12px) / 40))}
.mb-balls{display:inline-block;padding:6px;border-radius:8px;background:var(--mb-plate);
  line-height:0}
.mb-ballrow{display:block;width:calc(var(--mb-n) * var(--mb-p));
  height:calc(var(--mb-r) * var(--mb-p));
  background:var(--mb-ball) 0 0/var(--mb-p) var(--mb-p) repeat}
.mb-hrcv{font:700 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;
  background:var(--mb-plate);padding:6px 9px;border-radius:3px;min-width:52px;text-align:right;
  white-space:nowrap;box-shadow:var(--mb-sunk)}
.mb-hrcv b{font:700 22px/1 var(--mb-face);color:var(--mb-lit);letter-spacing:0;
  font-variant-numeric:tabular-nums}
/* THE ROW THAT JUST LANDED drops its balls in, once. */
.mb-hrcard.mb-new .mb-balls{animation:mbDrop .45s cubic-bezier(.2,.9,.3,1.25) both}
@keyframes mbDrop{from{opacity:0;transform:translateY(-10px) scale(.96)}
                  to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){
  .mb-hrcard.mb-new .mb-balls{animation:none}
  .mb-team,.mb-play{transition:none}
}

/* A MISS IS AN ERROR, posted as one: an E plate, the name struck through. The
   E is drawn here rather than written into the chip, so the chip's text is
   the name alone and a screen reader is not read a stray letter. */
.mb-hrmisses{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.mb-hrmiss{display:inline-flex;align-items:center;gap:8px;min-height:28px;
  padding:4px 10px 4px 4px;border-radius:5px;background:var(--sheet);
  border:1px solid var(--border);font-size:13px;color:var(--text-soft);
  text-decoration:line-through}
.mb-hrmiss::before{content:"E";content:"E" / "";display:inline-block;
  font:700 15px/1 var(--mb-face);background:var(--red);color:var(--on-accent);
  padding:4px 7px;border-radius:3px}

/* THE ANSWER BAR STICKS TO THE BOTTOM OF THE WINDOW, footmode.css's .fb-ask and
   for its reason: the list outgrows the screen, and the box you type in has to
   stay where your hands are. Fixed, not sticky — `.wrap` carries
   overflow:hidden, which switches sticky off. Its top edge is the board's
   green, so the bar reads as the foot of the scoreboard. */
.mb-hrask{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:12px 16px;
  background:var(--page);border-top:3px solid var(--m-nfl);
  box-shadow:0 -8px 24px rgba(0,0,0,.28)}
.mb-hraskin{max-width:900px;margin:0 auto}
.mb-hrask .gg-sugg{top:auto;bottom:100%;margin-bottom:6px}
.mb-hrask .gg-row{margin-top:8px}
.mb-hrbud{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;
  line-height:1;flex:none}
.mb-hrbud b{font:900 24px/1 var(--display);color:var(--text);
  font-variant-numeric:tabular-nums}
.mb-hrbud span{font:700 9.5px/1.4 var(--mono);letter-spacing:.12em;
  text-transform:uppercase;color:var(--text-muted);margin-top:3px}

/* ---- the end ------------------------------------------------------------- */
.mb-hrfinal{margin-top:18px;border-top:1px solid var(--border)}
.mb-hrmissed{margin-top:18px;text-align:left}
.mb-hrml{font:700 10px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;
  color:var(--text-soft);margin-bottom:6px}
.mb-hrmr{display:flex;flex-wrap:wrap;gap:6px}
.mb-hrchip{display:inline-flex;align-items:center;gap:6px;min-height:26px;
  padding:3px 10px;border-radius:999px;background:var(--sheet);
  border:1px solid var(--border);font-size:12.5px;color:var(--text)}
.mb-hrchip b{color:var(--gold);font-variant-numeric:tabular-nums}
.mb-hrmore{display:inline-flex;align-items:center;min-height:26px;padding:3px 6px;
  font:700 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;
  color:var(--text-muted)}

/* ---- the phone ----------------------------------------------------------- */
@media (max-width:700px){
  .mb-board{padding:12px 12px 14px}
  .mb-bh{font-size:19px}
  .mb-leagues{grid-template-columns:1fr;gap:14px}
  .mb-div{grid-template-columns:1fr;gap:5px;margin-bottom:9px}
  .mb-divrow{gap:5px}
  .mb-team{padding:12px 2px 7px}
  .mb-code{font-size:19px}
  .mb-tn{letter-spacing:0;font-size:min(10px, calc((100cqi - 4px) / (var(--len, 8) * 0.46)))}
  .mb-badge{width:36px;height:36px}
  .mb-badge.big{width:44px;height:44px}
  .mb-head{flex-wrap:wrap;gap:12px}
  .mb-hmeta{flex:1 0 100%;margin-left:0;text-align:left}
  .mb-hrgo{flex-wrap:wrap;gap:10px 18px;padding:18px 14px}
  .mb-hrtext{flex:1 0 100%}
  .mb-hrl{font-size:21px}
  .mb-play{margin-left:auto}
  .mb-lrow{grid-template-columns:92px minmax(0,1fr) minmax(0,1fr)}
  .mb-lrow > .mb-gn,.mb-lhd .mb-lpool{display:none}
  .mb-gl{font-size:15px}
  .mb-btile{min-height:56px}
  .mb-cells{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mb-cell b{font-size:29px}
  .mb-hrcard{grid-template-columns:minmax(0,1fr) auto;gap:8px 10px}
  .mb-hrtray{grid-column:1 / -1;order:3}
  .gg-slots.mb-two .gg-slot{align-items:center;min-height:46px;padding:8px 10px}
  .gg-slots.mb-two .gg-slot .nm{white-space:normal;overflow:visible;
    text-overflow:clip;overflow-wrap:anywhere;line-height:1.15;font-size:12.5px}
  .gg-slots.mb-two .gg-slot .n{min-width:11px;font-size:11px}
  .gg-slots.mb-two .gg-slot .pts{font-size:11px}
  .mb-wrap .gg-input, #mbScreen .gg-input{min-height:52px;font-size:16px}
  #mbScreen .gg-go, #mbScreen .gg-stand{min-height:48px;padding:12px 18px}
  #mbScreen .gg-sugg > div{min-height:46px;display:flex;align-items:center}
  #mbScreen > .gg-wrap{padding-bottom:26px}
  #mbScreen > .gg-wrap.mb-hrwrap{padding-bottom:170px}
  #mbScreen > .gg-wrap.mb-hrwrap.ended{padding-bottom:26px}
}