/* Manu Arcade — short-viewport masthead (plan item #14b). On a 720-820px tall
   laptop or a landscape tablet the masthead and HUD took ~290px, pushing the
   lower edge of many boards below the fold. These rules shrink the title,
   drop the subtitle and tighten the spacing so the board starts near 150px.
   Phones (under 768px wide) and tall screens are untouched, and so is focus
   mode, which already hides the masthead. A NEW _shared sheet linked from the
   related block (scripts/arcade-seo/inject.mjs), never palette.css, which is
   cached for 31 days. Loaded after each game's own style.css, so equal
   specificity wins. */

@media (min-width: 768px) and (max-height: 820px) {
  body:not(.mgf-on) .arcade {
    padding-top: 10px;
    gap: 10px;
  }
  body:not(.mgf-on) .masthead .eyebrow {
    font-size: 11px;
    margin-bottom: 2px;
  }
  body:not(.mgf-on) .masthead h1 {
    font-size: 44px;
    line-height: 1;
  }
  body:not(.mgf-on) .masthead .subtitle { display: none; }
  body:not(.mgf-on) .hud { margin-top: 0; margin-bottom: 0; }
  body:not(.mgf-on) .hud .seal { width: 46px; height: 46px; }
}