.platform-status-v5 {
  position: fixed;
  z-index: 220;
  top: max(10px, env(safe-area-inset-top));
  right: max(10px, env(safe-area-inset-right));
  display: flex;
  align-items: center;
  gap: 8px;
  pointer-events: none;
  font: 800 10px/1.1 var(--mono, ui-monospace, monospace);
  letter-spacing: .12em;
}

.platform-status-v5 [data-platform-network] {
  padding: 8px 10px;
  color: #ffcf6d;
  border: 1px solid rgba(255, 196, 91, .55);
  background: rgba(12, 17, 20, .92);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .32);
}

.platform-status-v5 [data-platform-network][data-online="true"] { display: none; }

.platform-status-v5 [data-platform-install] {
  min-height: 44px;
  padding: 0 15px;
  pointer-events: auto;
  color: #101617;
  border: 1px solid #f3cf79;
  background: #dfb458;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .32);
  font: inherit;
  letter-spacing: inherit;
  cursor: pointer;
}

.platform-status-v5 [data-platform-install]:focus-visible,
.platform-status-v5 [data-platform-install-close]:focus-visible {
  outline: 3px solid #79d8e2;
  outline-offset: 3px;
}

.platform-status-v5 [data-platform-install-tip] {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: min(310px, calc(100vw - 24px));
  padding: 16px;
  pointer-events: auto;
  color: #d9e6e2;
  border: 1px solid rgba(243, 207, 121, .72);
  background: rgba(8, 14, 17, .98);
  box-shadow: 0 18px 55px rgba(0, 0, 0, .58);
  letter-spacing: .04em;
}

.platform-status-v5 [data-platform-install-tip][hidden] { display: none; }
.platform-status-v5 [data-platform-install-tip] strong { display: block; color: #f3cf79; margin-bottom: 8px; }
.platform-status-v5 [data-platform-install-tip] p { margin: 0 0 12px; line-height: 1.55; }
.platform-status-v5 [data-platform-install-close] { min-height: 44px; padding-inline: 14px; color: #101617; border: 0; background: #dfb458; font: inherit; cursor: pointer; }

body.game-running .platform-status-v5 [data-platform-install] { display: none; }

.platform-status-v5 [data-platform-install][hidden] { display: none; }

body[data-performance-tier="constrained"] #scanlines,
body[data-performance-tier="constrained"] .noise,
body[data-performance-tier="constrained"] .menu-particles { display: none !important; }

@media (max-width: 650px), (max-height: 500px) {
  .platform-status-v5 {
    top: max(6px, env(safe-area-inset-top));
    right: max(6px, env(safe-area-inset-right));
    font-size: 9px;
  }
  .platform-status-v5 [data-platform-network] { padding: 6px 8px; }
  .platform-status-v5 [data-platform-install] { min-height: 44px; padding-inline: 11px; }
}
