/* #84B-C: public Morrowind/OpenMW Dark and Oblivion Light menu skins. */
@font-face {
  font-family: "MysticCards";
  src: url("/vendor/mwscr/MysticCards.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kingthings Petrock";
  src: url("/vendor/kingthings/Kingthings-Petrock.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

:root:not([data-theme="light"]) {
  --public-bg: #000;
  --public-surface: rgb(0 0 0 / 96%);
  --public-surface-2: #070604;
  --public-line: #ac8d54;
  --public-line-strong: #caa560;
  --public-text: #caa560;
  --public-muted: #dfc89e;
  --public-gold: #caa560;
  --public-accent: #6070ca;
  --public-focus: #9ea8df;
  --public-body-font:
    system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --public-mw-panel: #070604;
  --public-mw-control-top: #241b0e;
  --public-mw-control-bottom: #080603;
  --public-mw-control-hover-top: #352b18;
  --public-mw-control-hover-bottom: #100c07;
  color-scheme: dark;
}

:root:not([data-theme="light"]) .public-nav {
  background: #000 url("/vendor/mwscr/background-header.png") repeat-x top;
  border: 2px solid transparent;
  border-image: url("/vendor/mwscr/frame-header.png") 2 repeat;
  image-rendering: pixelated;
}

:root:not([data-theme="light"]) body {
  font-family: var(--public-body-font);
  font-size: 16px;
  line-height: 1.55;
}

:root:not([data-theme="light"]) .brand,
:root:not([data-theme="light"]) .public-nav-links a,
:root:not([data-theme="light"]) .public-nav-menu > summary,
:root:not([data-theme="light"]) .public-theme-toggle,
:root:not([data-theme="light"]) .product-name,
:root:not([data-theme="light"]) .landing h1,
:root:not([data-theme="light"]) .public-page h1,
:root:not([data-theme="light"]) .fantasy-tagline,
:root:not([data-theme="light"]) .landing-grid h2,
:root:not([data-theme="light"]) .public-card h2,
:root:not([data-theme="light"]) .supported-games h2,
:root:not([data-theme="light"]) .preview-explainer h2,
:root:not([data-theme="light"]) .public-page h2,
:root:not([data-theme="light"]) .public-button {
  font-family: "MysticCards", Georgia, "Times New Roman", serif;
  font-weight: 400;
}

:root:not([data-theme="light"]) .brand {
  color: var(--public-text);
  letter-spacing: 0.04em;
}

:root:not([data-theme="light"]) .brand img,
:root[data-theme="light"] .brand img {
  filter: drop-shadow(0 4px 10px rgb(0 0 0 / 30%));
}

:root:not([data-theme="light"]) .public-nav-links a {
  color: var(--public-muted);
}

:root:not([data-theme="light"]) .public-theme-toggle-icon {
  font-family: Georgia, "Times New Roman", serif;
}

:root:not([data-theme="light"]) .public-page .public-nav {
  margin-bottom: 20px;
}

:root:not([data-theme="light"]) .public-nav-links a:hover,
:root:not([data-theme="light"]) .public-nav-links a:focus-visible,
:root:not([data-theme="light"]) a:hover,
:root:not([data-theme="light"]) a:focus-visible {
  color: #9ea8df;
}

:root:not([data-theme="light"]) .public-nav-menu[open] > .public-nav-links,
:root:not([data-theme="light"]) .public-nav-menu[open] .public-nav-links a {
  background: #000;
  box-shadow: none;
}

:root:not([data-theme="light"]) .public-nav-menu[open] > .public-nav-links {
  border: 2px solid var(--public-line-strong);
}

:root:not([data-theme="light"]) .public-nav-menu[open] .public-nav-links a {
  border: 1px solid var(--public-line);
}

:root:not([data-theme="light"])
  .public-nav-menu[open]
  .public-nav-links
  a[aria-current="page"] {
  background: #1c2244;
  border: 1px solid transparent;
  border-image: url("/vendor/mwscr/frame-thin-selected.png") 2 repeat;
  box-shadow: inset 0 0 0 1px rgb(158 168 223 / 22%);
  color: #9ea8df;
}

:root:not([data-theme="light"]) .public-nav-links a[aria-current="page"] {
  background: #1c2244;
  border: 1px solid transparent;
  border-image: url("/vendor/mwscr/frame-thin-selected.png") 2 repeat;
  box-shadow: inset 0 0 0 1px rgb(158 168 223 / 22%);
  color: #9ea8df;
  padding: 0.22rem 0.42rem;
}

:root:not([data-theme="light"]) .landing h1,
:root:not([data-theme="light"]) .public-page h1 {
  color: #dfc89e;
  font-size: clamp(2.25rem, 4vw, 3.6rem);
  max-width: 720px;
}

:root:not([data-theme="light"]) .eyebrow,
:root:not([data-theme="light"]) .card-kicker,
:root:not([data-theme="light"]) .fantasy-tagline,
:root:not([data-theme="light"]) .public-breadcrumbs li:not(:last-child)::after {
  color: var(--public-gold);
}

:root:not([data-theme="light"]) .eyebrow,
:root:not([data-theme="light"]) .card-kicker {
  font-family: "MysticCards", Georgia, "Times New Roman", serif;
  font-weight: 400;
}

:root:not([data-theme="light"]) .product-name,
:root:not([data-theme="light"]) .fantasy-tagline {
  letter-spacing: 0.04em;
}

:root:not([data-theme="light"]) .landing-grid,
:root:not([data-theme="light"]) .game-facts {
  gap: 8px;
}

:root:not([data-theme="light"]) .supported-games,
:root:not([data-theme="light"]) .preview-explainer,
:root:not([data-theme="light"]) .public-page section {
  margin-top: 16px;
  padding-top: 12px;
}

:root:not([data-theme="light"]) .mark-card img {
  filter: none;
}

:root:not([data-theme="light"]) .landing-lede,
:root:not([data-theme="light"]) .landing-grid p,
:root:not([data-theme="light"]) .public-card p,
:root:not([data-theme="light"]) .public-page li,
:root:not([data-theme="light"]) .public-page .lede,
:root:not([data-theme="light"]) .preview-explainer,
:root:not([data-theme="light"]) .landing-note,
:root:not([data-theme="light"]) .public-footer,
:root:not([data-theme="light"]) .page-footer {
  font-family: var(--public-body-font);
  letter-spacing: normal;
  line-height: 1.55;
}

:root:not([data-theme="light"]) .landing-grid article,
:root:not([data-theme="light"]) .public-card {
  background: var(--public-mw-panel);
  border: 1px solid rgb(172 141 84 / 66%);
  border-image: none;
  box-shadow: inset 0 1px 0 rgb(223 200 158 / 10%);
}

:root:not([data-theme="light"]) .landing-hero {
  background: #000;
  border: 4px solid transparent;
  border-image: url("/vendor/mwscr/frame-thick.png") 4 repeat;
  margin-top: 12px;
  padding: clamp(16px, 4vw, 32px);
}

:root:not([data-theme="light"]) .mark-card {
  background: var(--public-mw-panel);
  border: 2px solid transparent;
  border-image: url("/vendor/mwscr/frame-thin.png") 2 repeat;
  border-radius: 0;
}

:root:not([data-theme="light"]) .mark-card span,
:root:not([data-theme="light"]) .public-breadcrumbs,
:root:not([data-theme="light"]) .public-breadcrumbs a {
  color: var(--public-muted);
}

:root:not([data-theme="light"]) .preview-badge {
  border: 2px solid transparent;
  border-image: url("/vendor/mwscr/frame-thin.png") 2 repeat;
  border-radius: 0;
}

:root:not([data-theme="light"]) .public-page > section {
  background: var(--public-mw-panel);
  border: 1px solid rgb(172 141 84 / 66%);
  margin-top: 12px;
  padding: 14px;
}

:root:not([data-theme="light"])
  :is(
    .public-button,
    .public-theme-toggle,
    .public-nav-menu > summary,
    .game-links a
  ) {
  background: linear-gradient(
    180deg,
    var(--public-mw-control-top),
    var(--public-mw-control-bottom)
  );
  border: 4px solid transparent;
  border-image: url("/vendor/mwscr/frame-button.png") 4 repeat;
  box-shadow:
    inset 0 1px 0 rgb(223 200 158 / 18%),
    inset 0 -1px 0 rgb(0 0 0 / 86%);
  color: #dfc89e;
  border-radius: 0;
  font-family: "MysticCards", Georgia, "Times New Roman", serif;
  font-weight: 400;
  letter-spacing: 0.03em;
  min-height: 44px;
}

:root:not([data-theme="light"])
  :is(
    .public-button,
    .public-theme-toggle,
    .public-nav-menu > summary,
    .game-links a
  ):hover,
:root:not([data-theme="light"])
  :is(.public-button, .public-theme-toggle, .game-links a):focus-visible {
  background: linear-gradient(
    180deg,
    var(--public-mw-control-hover-top),
    var(--public-mw-control-hover-bottom)
  );
  color: #9ea8df;
}

:root:not([data-theme="light"])
  :is(
    .public-button,
    .public-theme-toggle,
    .public-nav-menu > summary,
    .game-links a
  ):active {
  background: #050403;
  box-shadow: inset 0 2px 3px rgb(0 0 0 / 92%);
  translate: 0 1px;
}

:root:not([data-theme="light"]) .public-button.primary,
:root:not([data-theme="light"]) .public-button[aria-current="page"] {
  background: linear-gradient(180deg, #343d74, #252d59);
  border-image-source: url("/vendor/mwscr/frame-thin-selected.png");
  color: #dfc89e;
}

:root:not([data-theme="light"]) .supported-games,
:root:not([data-theme="light"]) .preview-explainer,
:root:not([data-theme="light"]) .landing-note,
:root:not([data-theme="light"]) .public-footer,
:root:not([data-theme="light"]) .page-footer {
  border-top: 1px solid rgb(172 141 84 / 66%);
}

:root[data-theme="light"] {
  --public-bg: #d5c6a7;
  --public-surface: #efe3c8;
  --public-surface-2: #e5d5b6;
  --public-line: rgb(91 54 28 / 54%);
  --public-line-strong: #6f3f22;
  --public-text: #3d2819;
  --public-muted: #674a34;
  --public-gold: #835724;
  --public-accent: #9a2d22;
  --public-focus: #7f241c;
  --public-ob-paper: url("/vendor/oblivion-ui/parchment-center.png");
  --public-ob-frame: url("/vendor/oblivion-ui/frame-nine-slice.png");
  color-scheme: light;
}

:root[data-theme="light"] body {
  background: #d5c6a7 var(--public-ob-paper) center / cover fixed no-repeat;
  color: var(--public-text);
  font-family: Georgia, "Times New Roman", serif;
}

:root[data-theme="light"] .public-nav,
:root[data-theme="light"] .landing-hero,
:root[data-theme="light"] .mark-card,
:root[data-theme="light"] .landing-grid article,
:root[data-theme="light"] .public-card {
  background: var(--public-ob-paper) center / cover no-repeat;
  border: 10px solid transparent;
  border-image: var(--public-ob-frame) 16 fill round;
  border-radius: 0;
  box-shadow:
    0 2px 8px rgb(61 36 18 / 18%),
    inset 0 0 0 1px rgb(255 250 231 / 70%);
}

:root[data-theme="light"] .landing-hero {
  margin-top: 12px;
  padding: clamp(16px, 4vw, 32px);
}

:root[data-theme="light"] .landing-hero .mark-card {
  background: rgb(255 249 230 / 38%);
  border: 1px solid rgb(91 54 28 / 46%);
  border-image: none;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 48%);
}

:root[data-theme="light"] .public-page > section {
  background: rgb(255 249 230 / 38%);
  border: 1px solid rgb(91 54 28 / 42%);
  margin-top: 14px;
  padding: 14px;
}

:root[data-theme="light"] .public-nav {
  min-height: 60px;
  padding-block: 3px;
}

:root[data-theme="light"] .brand,
:root[data-theme="light"] .eyebrow,
:root[data-theme="light"] .card-kicker,
:root[data-theme="light"] .public-nav-links a,
:root[data-theme="light"] .public-nav-menu > summary,
:root[data-theme="light"] .public-theme-toggle,
:root[data-theme="light"] .product-name,
:root[data-theme="light"] .landing h1,
:root[data-theme="light"] .public-page h1,
:root[data-theme="light"] .fantasy-tagline,
:root[data-theme="light"] .landing-grid h2,
:root[data-theme="light"] .public-card h2,
:root[data-theme="light"] .supported-games h2,
:root[data-theme="light"] .preview-explainer h2,
:root[data-theme="light"] .public-page h2,
:root[data-theme="light"] .public-button {
  font-family: "Kingthings Petrock", Georgia, "Times New Roman", serif;
  font-weight: 400;
}

:root[data-theme="light"] .brand {
  color: var(--public-text);
}

:root[data-theme="light"] .landing h1,
:root[data-theme="light"] .public-page h1 {
  color: var(--public-text);
  font-weight: 400;
  letter-spacing: 0.005em;
}

:root[data-theme="light"] .product-name,
:root[data-theme="light"] .fantasy-tagline,
:root[data-theme="light"] .landing-grid h2,
:root[data-theme="light"] .public-card h2,
:root[data-theme="light"] .supported-games h2,
:root[data-theme="light"] .preview-explainer h2,
:root[data-theme="light"] .public-page h2 {
  color: var(--public-text);
  font-weight: 400;
}

:root[data-theme="light"] .landing-lede,
:root[data-theme="light"] .landing-grid p,
:root[data-theme="light"] .public-card p,
:root[data-theme="light"] .public-page li,
:root[data-theme="light"] .public-page .lede,
:root[data-theme="light"] .preview-explainer,
:root[data-theme="light"] .landing-note,
:root[data-theme="light"] .public-footer,
:root[data-theme="light"] .page-footer {
  color: var(--public-muted);
  line-height: 1.55;
}

:root[data-theme="light"] .public-button,
:root[data-theme="light"] .public-theme-toggle,
:root[data-theme="light"] .public-nav-menu > summary,
:root[data-theme="light"] .game-links a {
  background: transparent url("/vendor/oblivion-ui/button-long-idle-v2.png")
    center / 100% 100% no-repeat;
  border: 0;
  border-image: none;
  border-radius: 0;
  color: #753b21;
  align-items: center;
  display: inline-flex;
  font-family: "Kingthings Petrock", Georgia, "Times New Roman", serif;
  font-size: 1rem;
  font-weight: 400;
  justify-content: center;
  line-height: 1.2;
  min-height: 48px;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: break-word;
  padding: 0.45rem 1rem 0.7rem;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px rgb(255 250 231 / 66%);
  white-space: normal;
}

:root[data-theme="light"] .public-button:hover,
:root[data-theme="light"] .public-button:focus-visible,
:root[data-theme="light"] .public-theme-toggle:hover,
:root[data-theme="light"] .public-nav-menu > summary:hover,
:root[data-theme="light"] .game-links a:hover,
:root[data-theme="light"] .game-links a:focus-visible,
:root[data-theme="light"] .public-button.primary {
  background: transparent url("/vendor/oblivion-ui/button-long-hover-v2.png")
    center / 100% 100% no-repeat;
  color: #5d2218;
}

:root[data-theme="light"]
  :is(
    .public-button,
    .public-theme-toggle,
    .public-nav-menu > summary,
    .game-links a
  ):active {
  filter: brightness(0.92);
  translate: 0 1px;
}

:root[data-theme="light"]
  :is(
    .public-button,
    .public-theme-toggle,
    .public-nav-menu > summary
  ):disabled,
:root[data-theme="light"] .public-button[aria-disabled="true"] {
  color: var(--public-muted);
  filter: grayscale(0.45) saturate(0.45);
  opacity: 0.58;
}

:root[data-theme="light"] .preview-badge {
  background: rgb(255 249 230 / 48%);
  border: 1px solid var(--public-line-strong);
  border-image: none;
  color: var(--public-text);
}

:root[data-theme="light"] .supported-games,
:root[data-theme="light"] .preview-explainer,
:root[data-theme="light"] .public-page section,
:root[data-theme="light"] .landing-note,
:root[data-theme="light"] .public-footer,
:root[data-theme="light"] .page-footer {
  border-color: var(--public-line);
}

:root[data-theme="light"] .supported-games,
:root[data-theme="light"] .preview-explainer,
:root[data-theme="light"] .landing-note,
:root[data-theme="light"] .public-footer,
:root[data-theme="light"] .page-footer {
  border-top-style: solid;
  border-top-width: 1px;
}

:root[data-theme="light"] .public-breadcrumbs,
:root[data-theme="light"] .public-breadcrumbs a {
  color: var(--public-muted);
}

:root[data-theme="light"] .public-breadcrumbs li:not(:last-child)::after {
  color: var(--public-gold);
}

:root[data-theme="light"] .public-nav-menu[open] > .public-nav-links {
  background: var(--public-ob-paper) center / cover no-repeat;
  border: 1px solid var(--public-line-strong);
  box-shadow: 0 12px 28px rgb(61 36 18 / 24%);
}

:root[data-theme="light"] .public-nav-menu[open] .public-nav-links a {
  background: rgb(255 249 230 / 52%);
  border: 1px solid var(--public-line);
}

:root[data-theme="light"] .public-nav-links a[aria-current="page"] {
  background: rgb(154 45 34 / 12%);
  border: 1px solid var(--public-accent);
  box-shadow: inset 3px 0 0 var(--public-accent);
  color: #5d2218;
  padding: 0.22rem 0.42rem;
}

:root[data-theme="light"]
  .public-nav-menu[open]
  .public-nav-links
  a[aria-current="page"] {
  background: rgb(154 45 34 / 12%);
  border: 1px solid var(--public-accent);
  box-shadow: inset 3px 0 0 var(--public-accent);
  color: #5d2218;
}

:root[data-theme="light"] a {
  color: #6f2f1f;
}

:root[data-theme="light"] :focus-visible {
  outline: 3px solid var(--public-focus);
  outline-offset: 3px;
}

@media (max-width: 700px) {
  :root[data-theme="light"] body {
    background-attachment: scroll;
  }

  :root[data-theme="light"] .public-nav,
  :root[data-theme="light"] .landing-hero,
  :root[data-theme="light"] .mark-card,
  :root[data-theme="light"] .landing-grid article,
  :root[data-theme="light"] .public-card {
    border-width: 8px;
  }

  :root:not([data-theme="light"]) .landing-hero {
    gap: 18px;
    padding: 12px;
  }

  :root:not([data-theme="light"]) .landing-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    max-width: min(100%, 24rem);
    width: 100%;
  }

  :root:not([data-theme="light"]) .landing-actions .public-button {
    width: 100%;
  }

  :root[data-theme="light"] .public-nav {
    min-height: 0;
  }

  :root[data-theme="light"] .public-nav .nav-cta {
    white-space: normal;
  }

  :root[data-theme="light"] .public-nav .nav-cta .public-button {
    block-size: auto;
    min-height: 48px;
    padding-inline: 0.7rem;
  }

  :root[data-theme="light"] .landing-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    max-width: min(100%, 24rem);
    width: 100%;
  }

  :root[data-theme="light"] .landing-actions .public-button {
    inline-size: 100%;
    min-height: 52px;
  }
}