/* Piel Revista común a todos los juegos. Sin capa, para ganar a la piel anterior. */

body.game-mode,
body.game-mode main,
.game-ui-app,
#pool-game-root,
.tetris-shell {
  background: var(--c-bg) !important;
  background-image: none !important;
  color: var(--c-text) !important;
  font-family: var(--f-text) !important;
  height: auto !important;
  overflow: visible !important;
}

body.game-mode h1,
.player-name,
.stat-value,
.esc-hud-value {
  font-family: var(--f-display) !important;
  font-weight: 400 !important;
  color: var(--c-text) !important;
}

.game-top-bar,
.game-bottom-bar,
.game-note {
  background: var(--c-bg) !important;
  color: var(--c-text) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

main.game-ui-app,
main.main-content {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 var(--page-pad) var(--sp-6);
}

h1.game-title,
.tetris-meta {
  margin: 0;
  color: var(--c-text);
}
h1.game-title {
  margin-bottom: var(--sp-4);
  font: 400 var(--fs-game)/var(--lh-game) var(--f-display);
  font-weight: 400;
}
.tetris-meta {
  font: 500 var(--fs-label)/var(--lh-label) var(--f-text);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.game-top-bar { order: 1; }
.game-title,
h1.game-title,
.tetris-meta { order: 2; }
.game-note { order: 3; }
.game-mode-native-wrapper,
#game-native-area,
#escapista-root { order: 4; }
.game-bottom-bar { order: 5; }

@media (max-width: 760px) {
  .game-note { order: 6; }
}

body.game-mode > .site-header {
  height: var(--header-h);
  margin: 0;
  padding: 0 var(--page-pad);
}

@media (max-width: 760px) {
  body.game-mode > .site-header,
  .rv-top {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    height: auto !important;
    min-height: calc(var(--header-h) + var(--tap)) !important;
    gap: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.game-mode > .site-header .name,
  .rv-top > a {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    width: 100%;
    height: var(--header-h);
    min-height: var(--header-h);
  }

  body.game-mode > .site-header .nav,
  .rv-top nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: calc(100% + 2 * var(--page-pad)) !important;
    height: var(--tap) !important;
    min-height: var(--tap) !important;
    margin-left: calc(var(--page-pad) * -1) !important;
    margin-right: calc(var(--page-pad) * -1) !important;
    padding-inline: var(--page-pad) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: var(--sp-4) !important;
    white-space: nowrap !important;
    scrollbar-width: none;
    box-sizing: border-box;
  }

  body.game-mode > .site-header .nav ul {
    justify-content: flex-start;
    width: max-content;
    gap: var(--sp-4);
  }

  .rv-top nav a,
  body.game-mode > .site-header .nav a {
    flex: none;
    margin: 0 !important;
    padding-inline: 0 !important;
  }
}

.game-top-bar {
  position: relative !important;
  margin: 0 !important;
  top: auto;
  left: auto;
  right: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: var(--tap) !important;
}

body:has(.site-header) .game-logo,
body:has(.rv-top) .game-logo { display: none !important; }

#tetris,
#next-0 { image-rendering: auto !important; }
.esc-canvas { image-rendering: pixelated !important; background: var(--c-bg-print) !important; border: var(--rule) !important; }
.esc-overlay {
  position: static !important;
  inset: auto !important;
  background: var(--c-bg) !important;
  overflow: visible !important;
}
.esc-card {
  background: var(--c-bg) !important;
  color: var(--c-text) !important;
  border: var(--rule) !important;
  box-shadow: none !important;
}

.game-logo .brand-logo {
  height: var(--logo-h) !important;
  width: auto !important;
  max-width: 148px !important;
}

.game-back-btn {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--c-accent) !important;
  min-height: var(--tap) !important;
  padding: 0 !important;
  font: 500 var(--fs-ui)/var(--lh-ui) var(--f-text) !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Pool: alinear el shell y el HUD con el margen de contenido de Sudoku. */
body:has(#pool-canvas) .game-top-bar { margin-left: -16px !important; }
body:has(#pool-canvas) #pool-ui-overlay { transform: translateX(-16px); }

.game-bottom-bar {
  display: block !important;
  border-top: var(--rule) !important;
  margin-top: 12px !important;
  padding-top: 0 !important;
}

.game-shell-actions {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(0, 1fr) !important;
  width: 100% !important;
  gap: 0 !important;
  flex-wrap: nowrap !important;
}

.game-shell-action,
.game-fullscreen-btn,
.game-help-btn,
.esc-btn,
.control-btn,
.control-btn-alt {
  min-height: var(--tap) !important;
  border: var(--rule) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--c-text) !important;
  font: 500 var(--fs-label)/var(--lh-label) var(--f-text) !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  padding-inline: 4px !important;
}

@media (max-width: 420px) {
  .game-shell-action,
  .game-fullscreen-btn {
    font-size: 10px !important;
    letter-spacing: 0 !important;
    padding: 0 2px !important;
  }
}

.game-shell-action[aria-pressed="true"],
.esc-btn.primary,
.control-btn-alt[data-tetris-action="hard-drop"] {
  background: var(--c-accent) !important;
  color: var(--c-bg) !important;
}

.game-note,
.play-sub {
  font: 300 17px/1.5 var(--f-text) !important;
  color: var(--c-text) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Terceros: el juego no se toca, solo el marco. */
.iframe-wrapper,
#game-surface.iframe-wrapper {
  order: 4;
  flex: none !important;
  background: var(--c-bg-print) !important;
  border: var(--rule) !important;
  box-shadow: none !important;
  width: 100%;
  height: var(--frame-max-h) !important;
  max-height: var(--frame-max-h) !important;
  position: relative !important;
}

.game-bindings-header,
.game-bindings-dialog,
.game-bindings-footer {
  background: var(--c-bg) !important;
  color: var(--c-text) !important;
  border-color: var(--c-text) !important;
  box-shadow: none !important;
}

.game-credits,
.third-credit {
  font: 500 var(--fs-small)/var(--lh-small) var(--f-text) !important;
  color: var(--c-text-2) !important;
}

/* Escapista */
.esc,
.esc-stage,
.esc-board-wrap,
#escapista-root {
  position: relative !important;
  background: var(--c-bg) !important;
  background-image: none !important;
  color: var(--c-text) !important;
  box-shadow: none !important;
}

.rv-w { max-width: 1320px; margin: 0 auto; padding: 0 20px; }
.rv-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-bottom: var(--rule);
}
.rv-top nav { display: flex; gap: 12px; min-width: 0; overflow-x: auto; }
.rv-top nav a {
  display: inline-flex;
  align-items: center;
  min-height: var(--tap);
  color: var(--c-text);
  font: 500 var(--fs-ui)/var(--lh-ui) var(--f-text);
  text-decoration: none;
  white-space: nowrap;
}
.rv-top .brand-logo { height: var(--logo-h); width: auto; }
main:has(#escapista-root) { padding-top: 0; }
main:has(#escapista-root) .game-top-bar { position: relative !important; z-index: 3; }

@media (min-width: 720px) {
  .rv-w { padding: 0 56px; }
  .rv-top .brand-logo { height: 28px; }
}

.esc-hud {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  width: min(100%, 1120px) !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.esc-hud-field { display: none !important; background: none !important; border: 0 !important; box-shadow: none !important; }
.esc-hud-field:has(#esc-ensayo),
.esc-hud-field:has(#esc-turno),
.esc-hud-field:has(#esc-limite),
.esc-hud-field:has(#esc-fallos) {
  display: flex !important;
  border-left: var(--rule) !important;
  padding: 4px 10px !important;
}
.esc-hud-field:has(#esc-ensayo) { border-left: 0 !important; }

.esc-hud-label {
  font: 500 var(--fs-label)/var(--lh-label) var(--f-text) !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--c-text) !important;
}

.esc-hud-value { font-size: var(--fs-data) !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: none !important; }
#esc-ensayo { font-size: var(--fs-ui) !important; line-height: var(--lh-ui) !important; white-space: normal !important; }
@media (max-width: 720px) { .esc-hud-value { font-size: var(--fs-data) !important; } }

.esc-canvas {
  background: var(--c-bg-print) !important;
  border: var(--rule) !important;
  box-shadow: none !important;
}

.esc-camera-readout,
.esc-corner-code,
.esc-status-line,
.esc-status-line span {
  font: 500 var(--fs-label)/var(--lh-label) var(--f-text) !important;
  color: var(--c-text) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.esc-gesture-tip,
.esc-hint-line {
  background: transparent !important;
  font: 400 var(--fs-small)/var(--lh-small) var(--f-text) !important;
  color: var(--c-text-2) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.esc-controls {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 6px !important;
  width: min(100%, 1120px) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.esc-toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: var(--tap) !important;
  border: var(--rule) !important;
  color: var(--c-text) !important;
  font: 500 12px var(--f-text) !important;
  letter-spacing: 0.04em !important;
}

.esc-switch { background: transparent !important; border: var(--rule) !important; box-shadow: none !important; }
.esc-toggle input:checked + .esc-switch { background: var(--c-accent) !important; }

/* Pool */
.player-card,
.player-card.active {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

.player-name {
  font-size: var(--fs-data) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.player-card .player-name { color: var(--c-text) !important; }
.player-card.active .player-name { color: var(--c-accent) !important; }
.player-balls,
.player-group,
#mobile-compact-status { display: none !important; }

body:has(#pool-canvas) main.game-ui-app { padding-bottom: 0; }
body:has(#pool-canvas) {
  --pool-frame: calc(
    100dvh
    - var(--header-layout-h)
    - var(--tap)
    - var(--fs-label) * var(--lh-label)
    - var(--fs-game) * var(--lh-game)
    - var(--sp-4)
    - 2 * var(--fs-lead) * var(--lh-lead)
    - var(--panel-h)
    - var(--tap)
    - var(--fs-small) * var(--lh-small)
    - var(--sp-16)
    - var(--sp-16)
    - var(--sp-6)
  );
}

@media (max-width: 760px) {
  body:has(#pool-canvas) .game-top-bar { margin-left: -8px !important; }
  body:has(#pool-canvas) #pool-ui-overlay { transform: translateX(-6.4px); }
  body:has(#pool-canvas) {
    --pool-frame: calc(
      100dvh
      - var(--header-layout-h)
      - var(--tap)
      - var(--fs-label) * var(--lh-label)
      - var(--fs-game) * var(--lh-game)
      - var(--sp-4)
      - 2 * var(--fs-lead) * var(--lh-lead)
      - var(--panel-h)
      - var(--tap)
      - var(--fs-small) * var(--lh-small)
      - var(--sp-16)
    );
  }
}

#pool-ui-overlay {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  background: var(--c-bg) !important;
  background-image: none !important;
  border: 0 !important;
  border-top: var(--rule) !important;
  border-bottom: var(--rule) !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}

.player-card .stat-label {
  font: 500 var(--fs-label)/var(--lh-label) var(--f-text) !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--c-text) !important;
}

.player-card .player-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sp-1);
  padding: var(--sp-3) var(--sp-4);
}

#player-2-card { border-left: var(--rule) !important; }

.player-card .player-name {
  font: 400 var(--fs-data)/var(--lh-data) var(--f-display) !important;
}

#pool-container {
  background: var(--c-text) !important;
  border: var(--rule) !important;
  border-color: var(--c-text) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background-image: none !important;
  width: min(100%, calc(var(--pool-frame) * 2)) !important;
  max-width: none !important;
  max-height: var(--pool-frame) !important;
  height: auto !important;
  aspect-ratio: 2 / 1 !important;
  margin: 0 auto !important;
}

#pool-ui-overlay,
#game-status-center,
#mobile-compact-status {
  background: var(--c-bg) !important;
  background-image: none !important;
  box-shadow: none !important;
}
#pool-ui-overlay {
  border-top: var(--rule) !important;
  border-bottom: var(--rule) !important;
}

#mobile-compact-status {
  width: 100%;
  padding: 8px 12px !important;
  border-bottom: var(--rule) !important;
  gap: 0 !important;
}

#mobile-compact-status .group-tiny {
  display: none !important;
}

.status-badge,
#turn-indicator,
#game-status-center {
  display: none !important;
  align-items: baseline;
  gap: 8px;
  background: var(--c-bg) !important;
  color: var(--c-text) !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

#turn-indicator .turn-label {
  font: 500 var(--fs-label)/var(--lh-label) var(--f-text) !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--c-text);
}

#turn-indicator .turn-name {
  font: 400 24px/1 var(--f-display) !important;
  color: var(--c-text);
  text-transform: none;
  letter-spacing: 0;
}

body.game-mode h1.game-title {
  font-size: var(--fs-game) !important;
  line-height: var(--lh-game) !important;
  font-family: var(--f-display) !important;
  font-weight: 400 !important;
}
.game-note {
  font-size: var(--fs-lead) !important;
  line-height: var(--lh-lead) !important;
  font-weight: 300 !important;
  color: var(--c-text) !important;
  max-width: var(--measure);
}

.power-bar-container {
  border: var(--rule) !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#power-level { background: var(--c-accent) !important; box-shadow: none !important; }

/* El marco sigue la orientación real del tablero, sin recortar el canvas. */
@media (orientation: portrait) {
  #pool-container {
    width: min(100%, calc(var(--pool-frame) * 2)) !important;
    max-height: none !important;
    aspect-ratio: 2 / 1 !important;
  }
  #pool-canvas { width: 100% !important; height: 100% !important; aspect-ratio: 2 / 1 !important; }
}
.game-page-footer {
  order: 7;
  display: flex;
  justify-content: space-between;
  gap: var(--sp-2);
  width: 100%;
  border-top: var(--rule);
  padding: var(--sp-8) 0 var(--sp-12);
  color: var(--c-text-2);
  font: 400 var(--fs-small)/var(--lh-small) var(--f-text);
}
.game-page-footer a { color: var(--c-accent); text-underline-offset: var(--u-offset); }
.game-page-footer a[href^="mailto:"] { min-height: 24px; padding: 3px 2px; }
@media (max-width: 760px) {
  .game-page-footer { flex-direction: column; }
}

/* Ajustes del veto UX: alineación, navegación y marcos. */
@media (max-width: 760px) {
  body.game-mode > .site-header .nav, .rv-top nav {
    justify-content: flex-start !important;
    width: calc(100% + 2 * var(--page-pad)) !important;
    padding-inline: var(--page-pad) !important;
    margin-left: calc(var(--page-pad) * -1) !important;
    margin-right: calc(var(--page-pad) * -1) !important;
    box-sizing: border-box !important;
    gap: var(--sp-4) !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  body.game-mode > .site-header .nav::-webkit-scrollbar, .rv-top nav::-webkit-scrollbar { display: none; }
  body.game-mode > .site-header .nav ul { justify-content: flex-start !important; width: max-content !important; gap: var(--sp-4) !important; }
}
body.game-mode main.game-ui-app { max-width: var(--page-max); margin-inline: auto !important; }

@media (min-width: 1024px) {
  body:has(.esc-board-wrap) { --frame-max-h: min(450px, calc(100dvh - var(--header-layout-h) - var(--sp-16))); }
  body:has(.esc-board-wrap) .esc-board-wrap { width: min(100%, calc(var(--frame-max-h) * 1.6), 960px) !important; }
  body:has(.tetris-shell) .game-note {
    position: absolute;
    top: 0;
    left: calc(var(--frame-max-h) / 2 + var(--gutter));
    width: calc((100% - 11 * var(--gutter)) * 4 / 12);
    max-width: var(--measure);
    margin: 0 !important;
  }
  body:has(.tetris-shell) .tetris-shell {
    --frame-max-h: min(500px, 100dvh);
    margin-top: 0 !important;
  }
  body:has(.tetris-shell) #tetris-game-wrapper > #tetris-container,
  body:has(.tetris-shell) #tetris-game-wrapper > .game-ui-surface-frame {
    justify-self: start;
    width: calc(var(--frame-max-h) / 2);
    height: var(--frame-max-h);
  }
  body:has(.tetris-shell) #tetris-game-wrapper { column-gap: var(--gutter); }
  body:has(.tetris-shell) .game-page-footer { padding: var(--sp-4) 0 var(--sp-6) !important; }
}
@layer game {
  @media (min-width: 1024px) {
    body:has(.tetris-shell) #tetris-game-wrapper { position: relative !important; }
    body:has(.tetris-shell) .game-sidebar.right.data-panel {
      position: absolute !important;
      top: calc(var(--fs-game) * var(--lh-game) + var(--sp-4) + var(--tap) + var(--sp-4)) !important;
      left: calc(var(--frame-max-h) / 2 + var(--gutter)) !important;
      right: auto !important;
      width: calc((100% - 11 * var(--gutter)) * 4 / 12) !important;
      grid-column: auto !important;
      margin: 0 !important;
    }
  }
  @media (max-width: 760px) {
    body:has(.tetris-shell) .next-queue,
    body:has(.tetris-shell) .next-queue canvas { height: 42px !important; max-height: 42px !important; }
  }
  @media (orientation: portrait) and (min-width: 761px) {
    #pool-container {
      width: min(100%, calc(var(--pool-frame) * 2)) !important;
      height: auto !important;
      max-height: none !important;
      aspect-ratio: 2 / 1 !important;
    }
    #pool-canvas { width: 100% !important; height: 100% !important; aspect-ratio: 2 / 1 !important; }
  }
  .esc, .esc * { font-family: var(--f-text) !important; }
}
@media (max-width: 760px) {
  body:has(.tetris-shell) .tetris-meta { display: none !important; }
  body:has(.tetris-shell) .tetris-shell {
    --frame-max-h: min(392px, calc(100dvh - var(--header-layout-h) - var(--tap) - var(--fs-game) * var(--lh-game) - var(--panel-h) - var(--tap) - var(--tap) - var(--sp-8)));
  }
  body:has(.tetris-shell) #tetris-game-wrapper > #tetris-container,
  body:has(.tetris-shell) #tetris-game-wrapper > .game-ui-surface-frame {
    width: min(100%, calc(var(--frame-max-h) / 2));
    height: var(--frame-max-h);
    align-self: center;
  }
  body:has(.tetris-shell) .game-sidebar.right.data-panel { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body:has(.tetris-shell) .game-sidebar.right.data-panel .data-cell { padding: 6px 8px !important; min-height: 72px; }
}

/* Escapista mantiene el tamaño del lienzo interno y recibe la piel de papel. */
.esc, .esc * { font-family: var(--f-text) !important; }
.esc { color: var(--c-text) !important; background: var(--c-bg) !important; }
.esc-stage, .esc-board-wrap { background: var(--c-bg) !important; background-image: none !important; box-shadow: none !important; }
.esc-board-wrap { width: min(100%, calc(var(--frame-max-h) * 1.6)) !important; height: auto !important; aspect-ratio: 16 / 10 !important; border: var(--rule) !important; }
.esc-board-wrap::before, .esc-board-wrap::after { display: none !important; }
.esc-canvas { width: 100% !important; height: 100% !important; background: var(--c-bg-print) !important; border: 0 !important; image-rendering: pixelated !important; }
.esc-hud, .esc-card, .esc-controls, .esc-gesture-tip, .esc-btn, .esc-lvl-btn, .esc-tab, .esc-intro-enemy, .esc-status-line, .esc-camera-readout, .esc-corner-code { background: var(--c-bg) !important; background-image: none !important; color: var(--c-text) !important; border: var(--rule) !important; box-shadow: none !important; }
.esc-card h2, .esc-card .esc-sub, .esc-card .esc-sub b, .esc-hud-label, .esc-hud-value, .esc-status-line, .esc-camera-readout, .esc-corner-code, .esc-controls * { color: var(--c-text) !important; font-family: var(--f-text) !important; }
.esc-btn.primary, .esc-toggle input:checked + .esc-switch { background: var(--c-accent) !important; color: var(--c-bg) !important; }
@media (min-width: 1024px) { .esc-board-wrap { width: min(100%, calc(var(--frame-max-h) * 1.6), 960px) !important; } }
@media (max-width: 760px) { .esc-board-wrap { width: min(100%, calc((100vw - 2 * var(--page-pad)) * 1.6)) !important; } }

/* Pool: mesa de 2:1, limitada por el alto disponible en móvil. */
@media (max-width: 760px) {
  body:has(#pool-canvas) {
    --frame-max-h: min(
      calc(100dvh - var(--header-layout-h) - var(--tap) - var(--panel-h) - var(--tap) - var(--sp-6)),
      calc(100dvh - 312px)
    );
  }
  body:has(#pool-canvas) #pool-container {
    box-sizing: border-box !important;
    width: min(calc(var(--frame-max-h) / 2), calc(100vw - 2 * var(--page-pad))) !important;
    height: var(--frame-max-h) !important;
    max-height: var(--frame-max-h) !important;
    aspect-ratio: 1 / 2 !important;
  }
  body:has(#pool-canvas) #pool-canvas { width: 100% !important; height: 100% !important; aspect-ratio: 1 / 2 !important; }
}
@media (min-width: 1024px) {
  body:has(#pool-canvas) { --pool-frame: min(450px, calc(var(--frame-max-h) - var(--fs-game) * var(--lh-game) - 2 * var(--fs-lead) * var(--lh-lead) - var(--sp-12))); }
  body:has(#pool-canvas) #pool-container { width: min(100%, 1120px, calc(var(--pool-frame) * 2)) !important; max-height: none !important; }
}

@media (max-width: 760px) {
  body.game-mode > .site-header .nav ul { width: max-content !important; }
  body.game-mode > .site-header .nav a { padding-inline: 0 !important; }
}
.site-footer a[href^="mailto:"] { min-height: 24px; padding: 3px 2px; }