/* The /pk route reuses the same saved battle and artwork in a focused Notion embed. */
html[data-pk-embed] body { margin: 0; background: #071426; }
html[data-pk-embed] .skip-link,
html[data-pk-embed] .claw-slice-frame,
html[data-pk-embed] .frame-top-bar,
html[data-pk-embed] .frame-bottom-bar,
html[data-pk-embed] .game-primary-nav,
html[data-pk-embed] .game-panel-backdrop,
html[data-pk-embed] .map-mode-only,
html[data-pk-embed] #map { display: none !important; }
html[data-pk-embed] .tracker-viewport { display: block; width: 100%; height: 100dvh; min-height: 0; padding: 0; }
html[data-pk-embed] .tracker-device-frame { position: relative; display: block; width: 100%; height: 100dvh; max-width: none; max-height: none; border: 0; clip-path: none; transform: none; box-shadow: none; background: #071426; overflow: hidden; }
html[data-pk-embed] .tracker-device-frame::before { display: none; }
html[data-pk-embed] .frame-main-content { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; border: 0; box-shadow: none; }
html[data-pk-embed] .action-rpg-screen { position: absolute; inset: 0; display: grid; width: 100%; height: 100%; padding: clamp(5px, 1vw, 12px); grid-template-rows: auto auto minmax(0, 1fr) auto auto; gap: clamp(3px, .7vw, 8px); }
html[data-pk-embed] .action-combat-stage { min-height: 0; }
html[data-pk-embed] .hud-avatar { cursor: default; }
@media (max-width: 800px) {
  html[data-pk-embed] .tracker-device-frame,
  html[data-pk-embed] .tracker-viewport { height: 100dvh; }
  html[data-pk-embed] .action-rpg-screen { inset: 0; grid-template-rows: auto auto minmax(0, 1fr) auto auto; }
  html[data-pk-embed] .action-combat-stage { min-height: 0; }
}