/* One-active-device state is a core system surface. It is intentionally
   loaded by both loading.html and index.html, because a session can be
   displaced before the main game document is reached. */
.device-session-replaced {
  position: fixed;
  inset: 0;
  z-index: var(--layer-system, 3000);
  overflow: hidden;
  background: #070907;
  color: var(--text, #eadab2);
}
.device-session-replaced > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.device-session-replaced-shade { display: none; }
.device-session-replaced article {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: min(86%, 340px);
  margin: max(34px, env(safe-area-inset-top)) auto 0;
  padding: 8px 10px 10px;
  text-align: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.device-session-replaced-kicker { margin: 0 0 11px; color: #fff; font: 700 10px/1.2 var(--font-game); letter-spacing: .12em; text-shadow: 0 2px 4px #000; }
.device-session-replaced h1 { margin: 0; color:#fff; font-size: clamp(20px, 6vw, 27px); line-height: 1.15; text-shadow:0 2px 5px #000; }
.device-session-replaced article > p:not(.device-session-replaced-kicker) { margin: 13px 0 17px; color: #fff; font-size: 14px; line-height: 1.45; text-shadow:0 2px 4px #000; }
.device-session-replaced button {min-width:44px;min-height:var(--game-action-min-height);border:1px solid rgba(255,255,255,.46);border-radius:8px;background:rgba(8,10,11,.82);color:#fff;font:700 13px var(--font-game);text-transform:uppercase;width:fit-content;max-width:100%;padding:var(--game-action-padding);box-sizing:border-box;flex:0 1 auto;}