/* SK-2B Alley Cat Game Mode
   Focused fullscreen/mobile shell. The existing Picture House aesthetic remains;
   this file only changes hierarchy while the game is actively fullscreen. */

html.sk2b-game-full,
html.sk2b-game-full body {
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

/* The external accessibility badge belongs to page settings, not the active game. */
html.sk2b-game-full #skAccessBtn,
html.sk2b-game-full .sk-access,
html.sk2b-game-full [data-sk-access] {
  display: none !important;
}

/* Fullscreen becomes game mode: the game shell owns the glass. */
.game-shell.is-full.sk2b-game-mode {
  background: #090806 !important;
}

.game-shell.is-full.sk2b-game-mode .hud {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .55rem !important;
  min-height: 42px !important;
  padding: calc(.35rem + env(safe-area-inset-top, 0px)) calc(.65rem + env(safe-area-inset-right, 0px)) .55rem calc(.65rem + env(safe-area-inset-left, 0px)) !important;
  background: linear-gradient(to bottom, rgba(9,8,6,.96), rgba(9,8,6,.60), transparent) !important;
  pointer-events: none;
}

.game-shell.is-full.sk2b-game-mode .hud > * {
  pointer-events: auto;
}

.game-shell.is-full.sk2b-game-mode .hud-obj,
.game-shell.is-full.sk2b-game-mode .hud-tally,
.game-shell.is-full.sk2b-game-mode #ac-sound {
  display: none !important;
}

.sk2b-full-title,
.sk2b-full-mode,
.sk2b-full-pause {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  font-family: 'Space Mono', monospace;
  font-size: 10px;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.sk2b-full-title { color: #EDE3D0; }
.sk2b-full-mode { color: #7A8B54; font-weight: 700; }

.game-shell.is-full.sk2b-game-mode #ac-clock {
  margin-left: auto;
  color: #C9A876;
  font-size: 10px;
}

.game-shell.is-full.sk2b-game-mode #ac-full,
.game-shell.is-full.sk2b-game-mode .sk2b-full-pause {
  border: 1px solid #4A4136;
  color: #C9A876;
  background: rgba(20,17,15,.72);
  border-radius: 2px;
  padding: .48rem .62rem;
  font-family: 'Space Mono', monospace;
  font-size: 9px;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.game-shell.is-full.sk2b-game-mode #ac-full { display: inline-flex !important; }
.game-shell.is-full.sk2b-game-mode .stage { background: #000 !important; }

/* Pause/intermission is a true modal layer: no game-world bleed-through. */
.game-shell.is-full.sk2b-game-mode .overlay#alleycat + #ac-pause,
.game-shell.is-full.sk2b-game-mode #ac-pause {
  z-index: 20 !important;
  background: #14110F !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 0 !important;
}

.game-shell.is-full.sk2b-game-mode #ac-pause::before {
  content: 'ALLEY CAT · ' attr(data-sk2b-mode);
  display: block;
  color: #7A8B54;
  font-family: 'Space Mono', monospace;
  font-size: 9px;
  letter-spacing: .15em;
  margin-bottom: .15rem;
}

.game-shell.is-full.sk2b-game-mode #ac-pause strong {
  font-size: clamp(2rem, 6vw, 4rem) !important;
  color: #EDE3D0 !important;
}

.game-shell.is-full.sk2b-game-mode #ac-pause p {
  color: #C9A876 !important;
  font-size: 10px !important;
  letter-spacing: .14em;
}

.game-shell.is-full.sk2b-game-mode #ac-pause .cta-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(130px, 1fr));
  gap: .7rem;
  width: min(430px, 90vw);
}

.game-shell.is-full.sk2b-game-mode #ac-pause .cta-row .btn {
  min-height: 48px;
}

.game-shell.is-full.sk2b-game-mode #ac-pause .sk2b-pause-exit {
  grid-column: 1 / -1;
}

/* The game world gets priority. Controls remain readable but visually quiet. */
.game-shell.is-full.sk2b-game-mode .pad {
  padding-bottom: calc(.65rem + env(safe-area-inset-bottom, 0px)) !important;
}

.game-shell.is-full.sk2b-game-mode .pad button {
  box-shadow: 0 3px 18px rgba(0,0,0,.28);
}

/* In portrait the shell can still be played, but the rotate card remains the
   deliberate Picture House behavior. */
@media (orientation: portrait) and (max-width: 900px) {
  .game-shell.is-full.sk2b-game-mode .sk2b-full-title { max-width: 10ch; overflow: hidden; text-overflow: ellipsis; }
}

@media (prefers-reduced-motion: reduce) {
  .game-shell.is-full.sk2b-game-mode * {
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
    animation-duration: .001ms !important;
  }
}