/* Blink Chase uses the common arcade shell. Keep thumb targets generous. */
.blink-chase-game:not(.ac-immersive) .ac-field { background: #071c29; }
.blink-chase-game:not(.ac-immersive) .ac-hint { max-width: 31em; margin-left: auto; margin-right: auto; }
.blink-chase-game:not(.ac-immersive) .ac-touch-controls button { min-width: 48px; min-height: 44px; }

/* Use the space beside Up for Pause and Sound: two generous thumb rows.
   The maze gains room while the shared shell for other games stays intact. */
@media (min-width:360px) and (max-width:430px) {
  .blink-chase-game:not(.ac-immersive) {
    --ac-scene-width:min(100%,max(230px,calc(72dvh - 263px)));
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    row-gap:6px;
    column-gap:6px;
  }
  .blink-chase-game:not(.ac-immersive) .ac-top { grid-column:1 / -1; grid-row:1; margin-bottom:4px; }
  .blink-chase-game:not(.ac-immersive) .ac-hud { grid-column:1 / -1; grid-row:2; margin-bottom:-6px; }
  .blink-chase-game:not(.ac-immersive) .ac-field { grid-column:1 / -1; grid-row:3; }
  .blink-chase-game:not(.ac-immersive) .ac-controls,
  .blink-chase-game:not(.ac-immersive) .ac-touch-controls { display:contents; }
  .blink-chase-game:not(.ac-immersive) [data-ac="pause"] { grid-column:1; grid-row:4; }
  .blink-chase-game:not(.ac-immersive) [data-ac-key="ArrowUp"] { grid-column:2; grid-row:4; }
  .blink-chase-game:not(.ac-immersive) [data-ac="sound"] { grid-column:3; grid-row:4; }
  .blink-chase-game:not(.ac-immersive) [data-ac-key="ArrowLeft"] { grid-column:1; grid-row:5; }
  .blink-chase-game:not(.ac-immersive) [data-ac-key="ArrowDown"] { grid-column:2; grid-row:5; }
  .blink-chase-game:not(.ac-immersive) [data-ac-key="ArrowRight"] { grid-column:3; grid-row:5; }
  .blink-chase-game:not(.ac-immersive) [data-ac="pause"],
  .blink-chase-game:not(.ac-immersive) [data-ac-key="ArrowUp"],
  .blink-chase-game:not(.ac-immersive) [data-ac="sound"] { margin-top:2px; }
  /* The canvas already has a swipe caption and the practice/preview heading
     states where the round saves. Keep the full live message accessible. */
  .blink-chase-game:not(.ac-immersive) .ac-hint,
  .blink-chase-game:not(.ac-immersive) .ac-status {
    position:absolute;
    width:1px;
    height:1px;
    min-height:0;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    clip-path:inset(50%);
    white-space:nowrap;
    border:0;
  }
}

/* Fullscreen retains the original blue maze, with pause/help in its menu. */
.ac-immersive.blink-chase-game,.ac-immersive[aria-label="Blink Chase"] {display:block;background:linear-gradient(180deg,#0b2434,#07151f);--ac-ink:#f4f7ff;--ac-muted:#b5d6df;}
.ac-immersive.blink-chase-game .ac-overlay {background:rgba(5,22,34,.9);}
.ac-immersive.blink-chase-game .ac-hud {text-shadow:0 1px 3px #07151f,0 0 12px #07151f;}
.ac-immersive.blink-chase-game .ac-hud small {color:#c8e6eb;}
.ac-immersive.blink-chase-game .ac-primary {background:#87e2d3;color:#092d37;box-shadow:0 3px 0 #3e9a98;}
.ac-immersive.blink-chase-game .ac-eyebrow {color:#85d7df;}
.ac-immersive.blink-chase-game .ac-scene-exit,.ac-immersive.blink-chase-game .ac-scene-pause {color:#e8f6fa;background:rgba(5,22,34,.78);border-color:#387a9170;}
.ac-immersive.blink-chase-game .ac-pause-options > button {color:#e8f6fa;background:#143c4d;border-color:#387a9170;}
.ac-immersive.blink-chase-game .ac-pause-options summary {color:#aee7df;}
.ac-immersive.blink-chase-game .ac-hint {color:#c8e6eb;text-shadow:0 1px 3px #07151f;}

/* Moonlit Optics: original fullscreen practice v5. */
.ac-immersive.blink-v5-game{background:#080c23;--ac-ink:#eff8ff;--ac-muted:#becbea;}
.blink-v5-game .ac-field canvas{width:min(100%,calc((100dvh - 100px) * .72));}
.blink-chase-game .ac-scene-info{position:absolute;z-index:4;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 40px);width:44px;height:44px;border:1px solid #6888d0;border-radius:50%;background:#121d40;color:#edf4ff;font:700 19px Georgia,serif;}
.blink-chase-game[data-mode="intro"] .ac-overlay{background:linear-gradient(transparent 65%,#080c23ed);backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:center;align-items:flex-end;padding:calc(env(safe-area-inset-top,0px) + 72px) 60px calc(env(safe-area-inset-bottom,0px) + 44px);}
.blink-chase-game .ac-minimal-intro{margin:0;max-width:260px;filter:drop-shadow(0 1px 3px #080c23);}
.blink-chase-game .ac-minimal-intro h3{font-size:24px;margin:0 0 6px;}
.blink-chase-game .ac-minimal-intro p,.ac-immersive.blink-chase-game .ac-hint{display:none;}
.blink-chase-game .ac-minimal-intro .ac-tips{margin:8px 0 0;}
.blink-chase-game .ac-minimal-intro .ac-tips summary{min-height:36px;padding:9px 0;}
.blink-chase-game .ac-minimal-intro .ac-tips[open]{max-height:180px;overflow:auto;background:#0e193bef;border-radius:12px;padding:10px;}
.blink-chase-game .ac-minimal-intro li{font-size:12px;}
.blink-v5-game .ac-hud small{color:#becbea;}
@media(max-height:720px){.blink-chase-game[data-mode="intro"] .ac-overlay{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 28px);}.blink-chase-game .ac-minimal-intro h3{font-size:20px;}.blink-chase-game .ac-minimal-intro .ac-tips summary{padding:5px 0;min-height:30px;}}
