/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V4
 * Hallmark · macrostructure: Monitoring Canvas · tone: technical · anchor hue: cyan
 * existing kiosk UI preserved · motion: operational status only
 * contrast: pass · chrome: pass · tokens: pass · mobile: pass (320/375/414/768)
 */

:root {
  --pool-color-canvas: oklch(12% 0.025 235);
  --pool-color-focus: oklch(78% 0.13 205);
}

html:has(body.rov-pool-page),
body.rov-pool-page {
  width: 100%;
  min-height: 100%;
  margin: 0;
  overflow: clip;
  background: var(--pool-color-canvas);
}

body.rov-pool-page #wrapper,
body.rov-pool-page #content,
body.rov-pool-page #main,
body.rov-pool-page #st-page,
body.rov-pool-page .mainbox,
body.rov-pool-page .entry-content {
  display: contents;
}

body.rov-pool-page header,
body.rov-pool-page footer,
body.rov-pool-page #side,
body.rov-pool-page .entry-title,
body.rov-pool-page .st-eyecatch,
body.rov-pool-page .sns,
body.rov-pool-page .st-author-box,
body.rov-pool-page #wpadminbar {
  display: none !important;
}

.rov-pool-shell {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000;
  box-sizing: border-box !important;
  width: 100vw !important;
  height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: clip;
  background: var(--pool-color-canvas);
}

.rov-pool-frame {
  display: block;
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  background: var(--pool-color-canvas);
}

.rov-pool-frame:focus-visible {
  outline: 2px solid var(--pool-color-focus);
  outline-offset: -2px;
}