/* Dedicated Whiteout layout only; every selector is page-scoped. */
.whiteout-shell {
  --sport-accent: #fff;
  --sport-accent-rgb: 255, 255, 255;
  --sport-accent-text: #070604;
  margin: 0;
  padding: 0;
  height: 100vh;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  background: #070604;
  color: #f5f5f5;
  font-family: system-ui, sans-serif;
}
/* Keep the shared responsive header in flow so the game receives the remainder
   of the viewport, including when the sports navigation wraps on mobile. */
.whiteout-shell > .site-header {
  position: relative;
  flex: 0 0 auto;
  height: auto;
}
.whiteout-shell > .site-header .header-content {
  height: auto;
}
.whiteout-shell .header-nav button.nav-link {
  background: none;
  border: 0;
  padding: 0;
  font-family: inherit;
  line-height: inherit;
  cursor: pointer;
}
.whiteout-shell .whiteout-page {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  place-items: center;
}
.whiteout-shell .whiteout-page__unavailable {
  box-sizing: border-box;
  max-width: 42rem;
  padding: 2rem;
  line-height: 1.6;
}
.whiteout-shell .whiteout-page a { color: #c4e5ff; }
.whiteout-shell .whiteout-page a:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
/* The original game document receives only the header's remaining viewport. */
.whiteout-shell .whiteout-page__frame-host {
  width: 100%;
  height: 100%;
  min-height: 0;
}
.whiteout-shell .whiteout-page__frame {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  border: 0;
}