/*
  CORE-PAUSE-MENU-V1 -- THE CORE pause menu (js/core-pause-menu-v1.js).
  Same ink as #core-exit; the void shows through; hairlines only.
*/
#core-pause-open {
  position: fixed;
  top: calc(env(safe-area-inset-top, 0px) + 18px);
  right: calc(env(safe-area-inset-right, 0px) + 24px);
  z-index: 1000100;
  font: 11px ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: .14em;
  color: rgba(20,20,20,.58);
  background: transparent;
  border: 0;
  padding: 4px 0;
  cursor: pointer;
}
#core-pause-open:hover, #core-pause-open:focus-visible { color: rgba(20,20,20,1); outline: none; }
html.core-paused #core-pause-open { visibility: hidden; }

#core-pause {
  position: fixed;
  inset: 0;
  z-index: 1000200;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(242,242,240,.94);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  color: #141414;
  -webkit-user-select: none;
  user-select: none;
}
#core-pause[hidden] { display: none; }

.cpm-panel { text-align: center; padding: 24px; }
.cpm-panel p { margin: 0; }
.cpm-eyebrow { font-size: 10px; letter-spacing: .2em; color: rgba(20,20,20,.5); }
.cpm-title { margin-top: 10px !important; font-size: clamp(22px, 4vw, 30px); letter-spacing: .22em; font-weight: 600; }

.cpm-links { display: flex; flex-direction: column; gap: 0; margin: 34px auto 0; width: min(78vw, 300px); border-top: 1px solid rgba(20,20,20,.22); }
.cpm-link {
  display: block;
  padding: 15px 0;
  border: 0;
  border-bottom: 1px solid rgba(20,20,20,.22);
  background: transparent;
  font: inherit;
  font-size: 12px;
  letter-spacing: .2em;
  color: #141414;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}
.cpm-link:hover, .cpm-link:focus-visible { color: rgba(20,20,20,.55); outline: none; }
.cpm-hint { margin-top: 26px !important; font-size: 10px; letter-spacing: .16em; color: rgba(20,20,20,.42); }
@media (pointer: coarse) { .cpm-hint { visibility: hidden; } }