.pocket-panel { display: contents; }
.pocket-panel > summary { display: none; }

@media (max-width: 760px) {
  html[data-embed="true"], html[data-embed="true"] body {
    height: 100%; min-height: 0; overflow: hidden;
  }
  html[data-embed="true"] body { --view-height: 100dvh; }
  html[data-embed="true"] *, html[data-embed="true"] *::before,
  html[data-embed="true"] *::after { box-sizing: border-box; }
  html[data-embed="true"] .shell { height: var(--view-height); }
  html[data-embed="true"] .cabinet {
    height: 100%; min-height: 0; position: relative; border: 0;
  }
  html[data-embed="true"] .instructions,
  html[data-embed="true"] footer,
  html[data-embed="true"] #pause,
  html[data-embed="true"] #pauseButton,
  html[data-embed="true"] .keyboard-help { display: none !important; }
  html[data-embed="true"] button,
  html[data-embed="true"] summary { min-width: 44px; min-height: 44px; }
  html[data-embed="true"] .overlay { position: fixed; inset: 0; z-index: 20; padding: 16px; overflow: auto; }
  html[data-embed="true"] [hidden] { display: none !important; }
  html[data-embed="true"] .menu { padding: 12px; max-height: 100%; overflow: auto; }
  html[data-embed="true"] .menu h2 { font-size: 25px; margin: 4px 0 8px; }
  html[data-embed="true"] .menu > p { margin: 5px 0 8px; line-height: 1.4; }
  html[data-embed="true"] .menu-note,
  html[data-embed="true"] .menu-kicker,
  html[data-embed="true"] .mini-castle,
  html[data-embed="true"] .menu-miner { display: none; }

  html[data-embed="true"] [data-game="grug"] .cabinet {
    display: flex; flex-direction: column; background: #14271f;
  }
  html[data-embed="true"] [data-game="grug"] .hud { padding: 10px 12px; flex: none; }
  html[data-embed="true"] [data-game="grug"] .stage {
    flex: none; width: 100%; height: auto; min-height: 0; aspect-ratio: 16 / 9; margin-block: auto;
  }
  html[data-embed="true"] [data-game="grug"] .stage:has(.overlay:not([hidden])) { min-height: 0; }
  html[data-embed="true"] [data-game="grug"] .console { flex: none; padding: 8px 12px; }
  html[data-embed="true"] [data-game="grug"] .chapter-description { max-width: none; font-size: 11px; }
  html[data-embed="true"] [data-game="grug"] .touch-controls { flex: none; padding: 16px 12px; }
  html[data-embed="true"] [data-game="grug"] .touch-controls button { width: 60px; height: 60px; }
  html[data-embed="true"] [data-game="grug"] .menu > p:not(.menu-note):not(.menu-kicker) { font-size: 10px; margin-bottom: 6px; }

  html[data-embed="true"] [data-game="tiny-bastion"] .cabinet { display: flex; flex-direction: column; }
  html[data-embed="true"] [data-game="tiny-bastion"] .hud { flex: none; padding: 4px 10px; gap: 12px; height: 54px; }
  html[data-embed="true"] [data-game="tiny-bastion"] .hud output { font-size: 17px; }
  html[data-embed="true"] [data-game="tiny-bastion"] .play-area { display: flex; flex: 1; min-height: 0; flex-direction: column; }
  html[data-embed="true"] [data-game="tiny-bastion"] .field-column { flex: 1; min-height: 0; justify-content: center; }
  html[data-embed="true"] [data-game="tiny-bastion"] .field-bar,
  html[data-embed="true"] [data-game="tiny-bastion"] .map-tag,
  html[data-embed="true"] [data-game="tiny-bastion"] #remaining { display: none; }
  html[data-embed="true"] [data-game="tiny-bastion"] .stage {
    flex: none; width: min(100%, calc((100dvh - 290px) * 1.25));
    aspect-ratio: 5 / 4; margin: auto; display: block;
  }
  html[data-embed="true"] [data-game="tiny-bastion"] #scene { display: block; width: 100%; height: 100%; }
  html[data-embed="true"] [data-game="tiny-bastion"] .field-footer { flex: none; min-height: 26px; padding: 5px 8px; font-size: 10px; }
  html[data-embed="true"] [data-game="tiny-bastion"] .armory {
    flex: none; display: grid; grid-template-columns: 1fr 1fr; gap: 6px;
    padding: 8px; border-left: 0;
  }
  html[data-embed="true"] [data-game="tiny-bastion"] .armory-heading,
  html[data-embed="true"] [data-game="tiny-bastion"] .tower-icon,
  html[data-embed="true"] [data-game="tiny-bastion"] .tower-copy small,
  html[data-embed="true"] [data-game="tiny-bastion"] .tower-copy kbd,
  html[data-embed="true"] [data-game="tiny-bastion"] .next-wave,
  html[data-embed="true"] [data-game="tiny-bastion"] #wave-tip { display: none; }
  html[data-embed="true"] [data-game="tiny-bastion"] .tower-list { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  html[data-embed="true"] [data-game="tiny-bastion"] .tower-card { min-height: 52px; padding: 6px 3px; gap: 4px; justify-content: center; }
  html[data-embed="true"] [data-game="tiny-bastion"] .tower-copy b { font-size: 11px; }
  html[data-embed="true"] [data-game="tiny-bastion"] .selection { display: none; }
  html[data-embed="true"] [data-game="tiny-bastion"] .selection.is-built {
    display: grid; grid-column: 1 / -1; grid-template-columns: 1fr 1.4fr; gap: 3px 6px;
    min-height: 48px; padding: 0; margin: 0;
  }
  html[data-embed="true"] [data-game="tiny-bastion"] .selection p { display: none; }
  html[data-embed="true"] [data-game="tiny-bastion"] .selection-title { font-size: 9px; letter-spacing: 0; }
  html[data-embed="true"] [data-game="tiny-bastion"] .tower-stats { font-size: 9px; gap: 8px; }
  html[data-embed="true"] [data-game="tiny-bastion"] .upgrade-actions { grid-column: 2; grid-row: 1 / 3; display: flex; gap: 4px; margin: 0; }
  html[data-embed="true"] [data-game="tiny-bastion"] .upgrade-actions button { flex: 1; padding: 4px; font-size: 9px; }
  html[data-embed="true"] [data-game="tiny-bastion"] .spell,
  html[data-embed="true"] [data-game="tiny-bastion"] .wave-control { margin: 0; padding: 0; align-self: stretch; }
  html[data-embed="true"] [data-game="tiny-bastion"] .spell { grid-column: 1; }
  html[data-embed="true"] [data-game="tiny-bastion"] .wave-control { grid-column: 2; }
  html[data-embed="true"] [data-game="tiny-bastion"] #fire,
  html[data-embed="true"] [data-game="tiny-bastion"] #launch { height: 52px; min-height: 52px; padding: 6px 8px; font-size: 11px; }
  html[data-embed="true"] [data-game="tiny-bastion"] .spell small { font-size: 8px; }

  html[data-embed="true"] [data-game="deep-pocket"] .cabinet { display: flex; flex-direction: column; }
  html[data-embed="true"] [data-game="deep-pocket"] .hud { flex: none; height: 52px; padding: 6px 10px; gap: 10px; }
  html[data-embed="true"] [data-game="deep-pocket"] .hud .label { font-size: 8px; letter-spacing: 0; }
  html[data-embed="true"] [data-game="deep-pocket"] .hud output { font-size: 14px; }
  html[data-embed="true"] [data-game="deep-pocket"] .play-area { display: flex; flex-direction: column; min-height: 0; flex: 1; }
  html[data-embed="true"] [data-game="deep-pocket"] .mine-column { display: flex; flex-direction: column; min-height: 0; flex: 1; }
  html[data-embed="true"] [data-game="deep-pocket"] .field-bar { flex: none; padding: 5px 8px; font-size: 8px; }
  html[data-embed="true"] [data-game="deep-pocket"] .stage {
    flex: none; width: min(100%, calc((100dvh - 270px) * 600 / 520));
    aspect-ratio: 600 / 520; margin: auto; height: auto;
  }
  html[data-embed="true"] [data-game="deep-pocket"] .field-footer { flex: none; min-height: 32px; padding: 4px 8px; font-size: 10px; }
  html[data-embed="true"] [data-game="deep-pocket"] .controls { flex: none; min-height: 108px; padding: 6px 8px; gap: 8px; }
  html[data-embed="true"] [data-game="deep-pocket"] .dpad { flex: none; grid-template-columns: repeat(3,44px); grid-template-rows: repeat(2,44px); gap: 3px; }
  html[data-embed="true"] [data-game="deep-pocket"] .action-controls { flex: 1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; }
  html[data-embed="true"] [data-game="deep-pocket"] .action-controls button { min-height: 44px; padding: 4px; }
  html[data-embed="true"] [data-game="deep-pocket"] .action-controls b { font-size: 9px; }
  html[data-embed="true"] [data-game="deep-pocket"] .action-controls span { font-size: 8px; max-width: none; }
  html[data-embed="true"] [data-game="deep-pocket"] #dynamite { grid-column: 1 / -1; }
  html[data-embed="true"] [data-game="deep-pocket"] .pocket-panel { display: block; flex: none; background: #243533; z-index: 5; }
  html[data-embed="true"] [data-game="deep-pocket"] .pocket-panel > summary { display: list-item; padding: 13px 12px; cursor: pointer; font-size: 12px; color: #f5d398; }
  html[data-embed="true"] [data-game="deep-pocket"] .pocket-panel[open] { position: absolute; inset: 52px 0 0; overflow: auto; overscroll-behavior: contain; }
  html[data-embed="true"] [data-game="deep-pocket"] .pocket-panel[open] > summary { position: sticky; top: 0; background: #243533; z-index: 1; border-bottom: 1px solid #657b65; }
  html[data-embed="true"] [data-game="deep-pocket"] .sidebar { display: block; }
  html[data-embed="true"] [data-game="deep-pocket"] .sidebar .field-notes { display: block; }
  html[data-embed="true"] [data-game="deep-pocket"] .workshop button { min-height: 48px; }

  html[data-embed="true"] [data-game="moon-hop"] main { height: var(--view-height); }
  html[data-embed="true"] [data-game="moon-hop"] .game-card { height: 100%; display: flex; flex-direction: column; }
  html[data-embed="true"] [data-game="moon-hop"] .game-heading { display: none; }
  html[data-embed="true"] [data-game="moon-hop"] .stage { flex: none; min-height: 0; height: min(60dvh, calc(100vw * 2 / 3)); margin-block: auto; }
  html[data-embed="true"] [data-game="moon-hop"] .controls { flex: none; justify-content: center; padding: 8px; }
  html[data-embed="true"] [data-game="moon-hop"] .controls p { max-width: none; }
  html[data-embed="true"] [data-game="moon-hop"] .score-guide { flex: none; margin: 0; padding: 0 8px 12px; font-size: 11px; }

  html[data-embed="true"] [data-game="roach-rush"] .cabinet { display: flex; flex-direction: column; }
  html[data-embed="true"] [data-game="roach-rush"] .hud { flex: none; padding: 8px 12px; gap: 8px; }
  html[data-embed="true"] [data-game="roach-rush"] .hud output { font-size: 20px; }
  html[data-embed="true"] [data-game="roach-rush"] .stage { flex: 1; min-height: 0; height: auto; }
  html[data-embed="true"] [data-game="roach-rush"] .infestation { flex: none; padding: 8px 12px; }
  html[data-embed="true"] [data-game="roach-rush"] .console { flex: none; padding: 8px 12px; font-size: 11px; }

  html[data-embed="true"] [data-game="trust-nothing"] .game { height: var(--view-height); padding: 0; }
  html[data-embed="true"] [data-game="trust-nothing"] .game-topbar { flex: none; height: 44px; padding: 0 12px; }
  html[data-embed="true"] [data-game="trust-nothing"] .hud { height: 34px; padding: 0 12px; font-size: 9px; letter-spacing: 0; }
  html[data-embed="true"] [data-game="trust-nothing"] .bottom-game { flex: none; position: static; padding: 8px 12px 12px; }
  html[data-embed="true"] [data-game="trust-nothing"] .hint { font-size: 11px; margin: 0 0 8px; }
  html[data-embed="true"] [data-game="trust-nothing"] .controls { position: static; padding: 0; }
  html[data-embed="true"] [data-game="trust-nothing"] .controls button { width: 60px; height: 60px; }
  html[data-embed="true"] [data-game="trust-nothing"] .controls .jump { width: 90px; }
}