.game-ban-screen {
  --ban-bg: var(--bg, #0b0d0a);
  --ban-paper: var(--paper, #f4f1e8);
  --ban-accent: var(--danger, #f04438);
  --ban-lime: var(--cyan, #c8ff00);
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: flex;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: max(24px, var(--app-safe-top, 0px)) max(20px, var(--app-safe-right, 0px)) max(24px, var(--app-safe-bottom, 0px)) max(20px, var(--app-safe-left, 0px));
  box-sizing: border-box;
  background: radial-gradient(ellipse at 50% 30%, rgba(240,68,56,.10), transparent 65%), var(--ban-bg);
  color: var(--ban-paper);
  font: 400 16px/1.55 'Inter', system-ui, sans-serif;
  text-align: left;
}
.game-ban-screen[hidden] { display: none; }
body.game-ban-visible { overflow: hidden; }
.game-ban-panel {
  width: 100%;
  max-width: 420px;
  margin: auto;
  padding: 28px;
  box-sizing: border-box;
  border: 1px solid rgba(240,68,56,.55);
  border-top: 4px solid var(--ban-accent);
  border-radius: 8px;
  background: var(--ban-bg);
  box-shadow: 6px 6px 0 rgba(240,68,56,.12);
}
.game-ban-brand { display: flex; justify-content: space-between; align-items: center; gap: 16px; font-weight: 900; font-size: 18px; }
.game-ban-brand span { font-size: 11px; font-weight: 700; letter-spacing: 1.4px; color: var(--text-2, #c4c3bb); }
.game-ban-icon { display: block; width: 48px; height: 48px; margin: 28px 0 16px; color: var(--ban-accent); }
.game-ban-label { margin: 0 0 8px; font-size: 11px; font-weight: 800; letter-spacing: 1.4px; color: var(--ban-paper); }
.game-ban-panel h1 { margin: 0; color: var(--ban-paper); font: 900 clamp(44px, 12vw, 64px)/.95 'Barlow Condensed', Impact, sans-serif; letter-spacing: -.6px; }
.game-ban-modes { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0; }
.game-ban-modes span { border: 1px solid rgba(244,241,232,.3); border-radius: 4px; padding: 5px 8px; font-size: 11px; line-height: 1.4; letter-spacing: .6px; font-weight: 800; }
#game-ban-message p { margin: 0 0 16px; font: inherit; }
#game-ban-message p + p { color: var(--text-2, #c4c3bb); font-size: 14px; }
.game-ban-home { display: flex; justify-content: space-between; align-items: center; gap: 16px; width: 100%; min-height: 52px; margin-top: 24px; padding: 14px 16px; border: 0; border-radius: 5px; background: var(--ban-lime); color: var(--ink, #090b08); cursor: pointer; font: 800 13px/1.4 'Inter', system-ui, sans-serif; letter-spacing: .5px; transition: filter 120ms ease; }
.game-ban-home:hover { filter: brightness(1.08); }
.game-ban-home:active { filter: brightness(.88); }
.game-ban-home:focus-visible { outline: 3px solid var(--ban-paper); outline-offset: 5px; }
@media (max-width: 360px) { .game-ban-panel { padding: 22px; } }
@media (prefers-reduced-motion: reduce) { .game-ban-home { transition: none; } }