/* ==========================================================================
   1. THE CHROME — games/Mines/index.html:251-375, copied.
   The lockup floats in one top corner and the doors in the other; there is
   no rail and no horizontal rule, because Plinko has neither and the rule
   was the loudest not-Plinko tell on the first Mines frame.
   ========================================================================== */
.brand{
  position:absolute;top:18px;left:26px;z-index:7;
  display:grid;grid-template-columns:auto auto;column-gap:11px;row-gap:3px;
  align-items:center;pointer-events:none;user-select:none;
}
.brand .mk{grid-column:1;grid-row:1 / span 2;width:26px;height:26px;display:block;
  filter:drop-shadow(0 0 10px rgba(192,24,12,.55))}
/* THE WORDMARK IS SIZED BY ITS INK, NOT BY ITS BOX — Mines' measurement of the
   shipped file, kept: the ink sits at y 9.90-25.85 of a 37.5-unit viewBox, so
   26.4% of the box above the caps and 31.1% below is transparent air, and the
   two negative margins collapse the box back onto the ink. Both files are used
   unmodified as <img>, which is the house pattern and the only spelling that is
   font-proof over file://. */
.brand .wm{grid-column:2;grid-row:1;align-self:end;display:block;
  width:68.6px;height:25.6px;margin:-6.8px 0 -8px}
.brand span{grid-column:2;grid-row:2;align-self:start;
  font:600 10.5px/1 var(--ui);color:#6E7484;letter-spacing:.22em;text-transform:uppercase}

/* THE DOORS ARE THE SHARED ROW NOW — games/_shared/chrome.css. What stood
   here was Plinko's ladder on Mines' mechanism: eight rungs keyed off
   data-chromedock / data-tiny / data-port / data-touch, which no other game
   spelled the same way. The geometry and the ladder are one file for all
   four games; the rung is an attribute on #corner written from the
   cabinet's measured box, so it cannot disagree with layout()'s own view
   of the frame the way two independent opinions did. */