:root {
  --aero-sky: #52b9f4;
  --aero-sky-deep: #087ed4;
  --aero-blue: #075bc7;
  --aero-blue-dark: #003b91;
  --aero-cyan: #41d6ed;
  --aero-green: #55b913;
  --aero-green-dark: #207c08;
  --aero-lime: #b8e733;
  --aero-panel: rgba(250, 253, 255, 0.94);
  --aero-panel-soft: rgba(230, 246, 255, 0.9);
  --aero-line: rgba(14, 91, 160, 0.42);
  --aero-shadow: rgba(0, 45, 96, 0.34);
  --page: #6dc9f4;
  --paper: #eef9ff;
  --ink: #14324b;
  --blue: #064faf;
  --visited: #62358c;
  --red: #b72222;
  --green: #267f0b;
  --amber: #8b5a00;
  color-scheme: light;
}

html {
  background:
    linear-gradient(180deg, #168ddc 0, #65c8f5 38%, #d9f5ff 66%, #78c933 66.2%, #338e18 100%);
  background-attachment: fixed;
}

body {
  position: relative;
  isolation: isolate;
  color: var(--ink);
  font-family: Tahoma, Verdana, "Segoe UI", sans-serif;
  background: transparent;
}

body::before,
body::after {
  position: fixed;
  z-index: -1;
  pointer-events: none;
  content: "";
}

body::before {
  right: -12vw;
  bottom: -24vh;
  left: -12vw;
  height: 58vh;
  background:
    radial-gradient(ellipse at 18% 100%, #6fcd27 0 36%, transparent 36.5%),
    radial-gradient(ellipse at 72% 100%, #41a817 0 41%, transparent 41.5%),
    radial-gradient(ellipse at 48% 100%, #8bdb38 0 43%, transparent 43.5%);
  filter: drop-shadow(0 -4px 10px rgba(20, 105, 11, 0.18));
}

body::after {
  top: 72px;
  right: 5vw;
  width: 150px;
  height: 150px;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  background: radial-gradient(circle at 32% 25%, rgba(255,255,255,.85), rgba(255,255,255,.12) 30%, rgba(65,214,237,.18) 68%, rgba(255,255,255,.5));
  box-shadow:
    -72vw 22vh 0 -38px rgba(255,255,255,.15),
    -8vw 48vh 0 -48px rgba(255,255,255,.18),
    -58vw 63vh 0 -55px rgba(255,255,255,.16);
  opacity: 0.68;
}

a { color: var(--blue); text-decoration-thickness: 1px; text-underline-offset: 2px; }
a:hover { color: #fff; border-radius: 3px; background: var(--aero-blue); text-decoration: none; }

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  outline: 3px solid #ffb400;
  outline-offset: 2px;
}

hr {
  margin: 24px 0;
  border-top: 1px solid rgba(6, 79, 175, 0.24);
  box-shadow: 0 1px rgba(255,255,255,.9);
}

.skip-link {
  border: 2px solid #fff;
  border-radius: 7px;
  background: var(--aero-blue-dark);
  box-shadow: 0 4px 15px var(--aero-shadow);
}

.site {
  overflow: hidden;
  width: min(1180px, calc(100% - 28px));
  margin: 18px auto 46px;
  border: 1px solid rgba(255,255,255,.95);
  border-radius: 11px 11px 8px 8px;
  background: var(--aero-panel);
  box-shadow:
    0 22px 60px rgba(0, 42, 86, 0.34),
    0 5px 14px rgba(0, 42, 86, 0.32),
    inset 0 0 0 1px rgba(16, 94, 172, 0.35);
  backdrop-filter: blur(10px) saturate(1.12);
}

.browser-bar {
  min-height: 38px;
  padding: 5px 8px;
  border: 0;
  border-bottom: 1px solid #003a98;
  border-radius: 9px 9px 0 0;
  color: #fff;
  font: 700 12px/1 Tahoma, Verdana, sans-serif;
  letter-spacing: .02em;
  text-shadow: 1px 1px 1px #00347d;
  background:
    linear-gradient(180deg, rgba(255,255,255,.52), transparent 14%),
    linear-gradient(180deg, #3095f0 0, #0866d8 48%, #0753bd 52%, #0b73dd 100%);
  box-shadow: inset 0 1px rgba(255,255,255,.75), inset 0 -2px rgba(0,43,126,.28);
}

.browser-icon {
  width: 22px;
  height: 22px;
  border: 1px solid rgba(255,255,255,.9);
  border-radius: 50%;
  color: #fff;
  font: 900 12px/1 Tahoma, sans-serif;
  text-shadow: 0 1px 1px #125b0d;
  background:
    radial-gradient(circle at 35% 28%, #f5ffbe 0 12%, transparent 13%),
    linear-gradient(145deg, var(--aero-lime), #28a20c 60%, #15710b);
  box-shadow: inset 0 1px 2px rgba(255,255,255,.8), 0 1px 2px rgba(0,0,0,.28);
}

.browser-back {
  width: 28px;
  height: 24px;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  font: 900 16px/1 Tahoma, sans-serif;
  text-shadow: 0 1px 1px #135306;
  background: linear-gradient(180deg, #a9e95c, #4daf18 48%, #278c0c 52%, #62c82a);
  box-shadow: inset 0 1px 2px rgba(255,255,255,.8), 0 1px 2px rgba(0,0,0,.3);
}

.browser-back:visited { color: #fff; }
.browser-back:hover { color: #fff; background: linear-gradient(180deg, #c9f97c, #62c927 50%, #35a714 52%, #77dc3a); }
.browser-back:active { transform: translateY(1px); }

.browser-controls { gap: 4px; }
.browser-controls i {
  position: relative;
  width: 25px;
  height: 22px;
  border: 1px solid rgba(255,255,255,.9);
  border-radius: 4px;
  background: linear-gradient(180deg, #84bcf3, #1874d0 52%, #0855b4);
  box-shadow: inset 0 1px 2px rgba(255,255,255,.7), 0 1px 2px rgba(0,0,0,.25);
}
.browser-controls i::after {
  position: absolute;
  inset: 6px;
  border-bottom: 2px solid #fff;
  content: "";
}
.browser-controls i:nth-child(2)::after { inset: 5px 6px; border: 1px solid #fff; }
.browser-controls i:last-child { background: linear-gradient(180deg, #f09a82, #d94c2d 52%, #b82817); }
.browser-controls i:last-child::after { inset: 4px 10px; border: 0; background: #fff; transform: rotate(45deg); box-shadow: 0 0 0 1px rgba(145,28,15,.3); }
.browser-controls i:last-child::before { position:absolute; inset:4px 10px; background:#fff; content:""; transform:rotate(-45deg); }

.address-bar {
  min-height: 38px;
  padding: 6px 9px;
  border: 0;
  border-bottom: 1px solid #93b5d2;
  font: 11px Tahoma, Verdana, sans-serif;
  background: linear-gradient(180deg, #f8fbff, #dbeaf6);
  box-shadow: inset 0 1px #fff;
}

.address-label { color: #355b75; }
.address-value {
  padding: 5px 9px 5px 28px;
  border: 1px solid #7f9db9;
  border-radius: 3px;
  color: #28445b;
  background:
    radial-gradient(circle at 14px 50%, #66ca25 0 5px, #2d9210 5.5px 7px, transparent 7.5px),
    linear-gradient(180deg, #fff, #f7fbff);
  box-shadow: inset 1px 1px 2px rgba(0,48,91,.12);
}

.button,
.account-content button,
.button-link,
.button-link:visited {
  min-height: 31px;
  padding: 6px 14px;
  border: 1px solid #38830f;
  border-radius: 5px;
  color: #164400;
  font: 700 12px Tahoma, Verdana, sans-serif;
  text-shadow: 0 1px rgba(255,255,255,.8);
  background:
    linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.18) 46%, transparent 48%),
    linear-gradient(180deg, #b9ef76, #6fc52d 54%, #54a919);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.48), 0 1px 2px rgba(0,50,0,.2);
}

.button:hover,
.account-content button:hover,
.button-link:hover {
  color: #103800;
  background:
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.25) 46%, transparent 48%),
    linear-gradient(180deg, #d3ff93, #84d841 54%, #65bd21);
  box-shadow: 0 0 0 2px rgba(255,190,0,.52), inset 0 0 0 1px rgba(255,255,255,.6);
}
.button:active,
.account-content button:active,
.button-link:active { transform: translateY(1px); box-shadow: inset 0 2px 4px rgba(34,91,5,.35); }

.page { padding: 16px 22px 28px; }
.masthead { padding: 8px 0 4px; }
.masthead h1,
.forum-masthead h1,
.minecraft-masthead h1,
.request-result h1 {
  color: #064b9e;
  font-family: "Trebuchet MS", Tahoma, sans-serif;
  letter-spacing: -.055em;
  text-shadow: 0 2px #fff, 0 4px 8px rgba(4,74,146,.25);
}
.masthead h1 span,
.forum-masthead h1 span { color: #43a90d; }

.marquee-shell {
  margin: 14px 0;
  padding: 7px 0;
  border: 1px solid #126b18;
  border-radius: 5px;
  color: #f8fff3;
  text-shadow: 0 1px #185c09;
  background:
    linear-gradient(180deg, rgba(255,255,255,.48), transparent 40%),
    linear-gradient(180deg, #62c82a, #2c9412);
  box-shadow: inset 0 1px #eaffd6, 0 2px 5px rgba(0,80,20,.22);
}

.site-navigation,
.primary-nav {
  --site-navigation-bg: #d9ecf9;
  --site-navigation-panel: rgba(255,255,255,.82);
  --site-navigation-text: #12426a;
  --site-navigation-muted: #4e718b;
  --site-navigation-border: #84afd2;
  --site-navigation-current: #d9f6bd;
  gap: 5px;
  padding: 5px;
  border: 0;
  border-bottom: 1px solid #8eafc9;
  background: linear-gradient(180deg, #edf8ff, #c8e1f2);
  box-shadow: inset 0 1px #fff;
}

.site-navigation__brand,
.site-navigation__link,
.site-navigation__menu summary,
.site-navigation__menu-link,
.primary-nav a {
  border: 1px solid #87aeca;
  border-radius: 5px;
  color: #164b73;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(225,241,250,.88));
  box-shadow: inset 0 1px #fff, 0 1px 1px rgba(0,70,120,.1);
}
.site-navigation a:hover,
.site-navigation summary:hover,
.primary-nav a:hover {
  color: #153b00;
  border-color: #62a72e;
  background: linear-gradient(180deg, #f7ffe9, #c6ed99);
}
.site-navigation [aria-current="page"],
.primary-nav a[aria-current="page"] {
  border-color: #4d9620;
  color: #174700;
  background: linear-gradient(180deg, #ecffd5, #a8df6a);
  box-shadow: inset 0 2px 4px rgba(45,115,7,.18);
}
.site-navigation__menu-panel {
  border: 1px solid #7da9c9;
  border-radius: 7px;
  background: rgba(235,248,255,.98);
  box-shadow: 0 10px 24px rgba(0,55,105,.32), inset 0 1px #fff;
}

.jump-nav {
  top: 0;
  margin: 0 -22px;
  padding: 9px 14px;
  border: 0;
  border-bottom: 1px solid #88b3d2;
  color: #315d7b;
  background: rgba(227,244,253,.94);
  box-shadow: 0 3px 8px rgba(0,58,105,.12), inset 0 1px #fff;
  backdrop-filter: blur(8px);
}
.jump-nav span { color: #527187; }
.jump-nav a { padding: 3px 8px; border-radius: 10px; text-decoration: none; }

.layout { grid-template-columns: 238px minmax(0, 1fr); gap: 24px; }
.sidebar,
.forum-sidebar,
.minecraft-sidebar { gap: 15px; }

.box,
.poll-card,
.home-overview-copy,
.service-card,
.thread-preview,
.empty-state,
.change-report,
.compose-preview,
.request-result,
.account-notice,
.flash,
.account-card,
.game-card,
.game-console,
.leaderboard-card,
.rules-card,
.activity-stat {
  border: 1px solid var(--aero-line);
  border-radius: 8px;
  color: var(--ink);
  background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(225,243,252,.9));
  box-shadow: inset 0 1px #fff, 0 3px 9px rgba(4,67,117,.13);
}

.box { overflow: hidden; }
.box-title,
.player-heading,
.leaderboard-card h2,
.rules-card h2 {
  padding: 7px 9px;
  border-bottom: 1px solid #0752aa;
  color: #fff;
  font: 700 12px Tahoma, Verdana, sans-serif;
  letter-spacing: .04em;
  text-shadow: 0 1px #003e91;
  background:
    linear-gradient(180deg, rgba(255,255,255,.42), transparent 42%),
    linear-gradient(180deg, #3293e8, #0864ce 56%, #0754b4);
}
.box-body { padding: 11px; }
.quick-links small,
.status-note,
.home-eyebrow,
.launch-card-topline,
.launch-card small,
.service-type,
.service-access,
.external-mark,
.poll-meta,
.eyebrow,
.field-help,
.help-text,
.game-label { color: #53728a; }

.service { border-color: rgba(31,106,156,.24); }
.service-state {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: 700;
}
.service-state::before { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 6px currentColor; content: ""; }
.hit-counter { border: 1px solid #126d1c; border-radius: 4px; background: #123f19; box-shadow: inset 0 2px 5px #071e0b; }
.ascii { color: #207a10; }

.section h2,
.account-card h2,
.section-heading h2 {
  color: #0752a7;
  font-family: "Trebuchet MS", Tahoma, sans-serif;
  letter-spacing: -.025em;
  text-shadow: 0 1px #fff;
}
.section h2::before,
.account-card h2::before,
.section-heading h2::before {
  display: inline-block;
  width: .58em;
  height: .58em;
  margin-right: .28em;
  border: 1px solid #fff;
  border-radius: 50%;
  content: "";
  background: radial-gradient(circle at 35% 28%, #f4ffc7 0 18%, #72d52e 28%, #268f0c 75%);
  box-shadow: 0 1px 3px rgba(24,112,4,.4);
}
.section h2::after,
.account-card h2::after,
.section-heading h2::after { content: ""; }

.home-overview-copy {
  position: relative;
  overflow: hidden;
  min-height: 150px;
  padding: 23px 34% 23px 22px;
  border-color: rgba(19,110,163,.42);
  background:
    radial-gradient(ellipse at 86% 112%, #4db41c 0 31%, transparent 31.5%),
    radial-gradient(ellipse at 69% 115%, #8ad93a 0 37%, transparent 37.5%),
    linear-gradient(180deg, #7cd2f6 0, #e6f9ff 68%, #b7e970 69%, #5cb82a 100%);
  box-shadow: inset 0 1px rgba(255,255,255,.9), 0 5px 16px rgba(3,78,137,.18);
}
.home-overview-copy::after {
  position: absolute;
  top: 22px;
  right: 11%;
  width: 52px;
  height: 24px;
  border-radius: 50%;
  background: rgba(255,255,255,.85);
  box-shadow: 25px 7px 0 5px rgba(255,255,255,.82), -21px 10px 0 1px rgba(255,255,255,.78);
  content: "";
}
.home-overview-copy > * { position: relative; z-index: 1; }

.launch-grid { gap: 12px; }
.launch-card,
.launch-card:visited {
  position: relative;
  min-height: 145px;
  padding: 15px 15px 14px 62px;
  border: 1px solid #83afd0;
  border-radius: 9px;
  color: #173d59;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(217,241,252,.9));
  box-shadow: inset 0 1px #fff, 0 3px 8px rgba(0,68,116,.13);
}
.launch-card::before {
  position: absolute;
  top: 39px;
  left: 14px;
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid rgba(255,255,255,.95);
  border-radius: 50%;
  color: #fff;
  font: 900 20px Tahoma, sans-serif;
  text-shadow: 0 1px 2px rgba(0,70,0,.7);
  background: radial-gradient(circle at 35% 28%, #f4ffc6 0 13%, #77d835 24%, #2a9b0c 72%, #187207);
  box-shadow: 0 3px 6px rgba(18,90,4,.35), inset 0 1px 2px rgba(255,255,255,.8);
  content: "›";
}
.launch-card:hover {
  color: #0d3c5a;
  border-color: #48a319;
  background: linear-gradient(145deg, #fff, #e9ffd1);
  box-shadow: 0 0 0 2px rgba(106,199,43,.2), 0 6px 14px rgba(0,83,123,.18);
  transform: translateY(-1px);
}
.launch-card strong { color: #0754ac; text-decoration: none; }

.thread-list { gap: 13px; }
.thread-preview { border-style: solid; }
.thread-preview-media,
.post-thumbnail,
.post-image img,
.post-image-missing {
  border: 1px solid #729cba;
  border-radius: 5px;
  background-color: #d7edf7;
  box-shadow: 0 2px 5px rgba(0,57,96,.2);
}
.thread-preview-missing,
.missing-thumbnail,
.post-image-missing { background: repeating-linear-gradient(135deg, #edf9ff 0 8px, #d3edf8 8px 16px); }

.poll-card { max-width: 740px; padding: 20px; }
.poll-option { padding: 8px 10px; border: 1px solid transparent; border-radius: 6px; }
.poll-option:hover { border-color: #89b9d8; background: rgba(255,255,255,.75); }
.poll-option input { accent-color: var(--aero-green); }
.write-in-input,
.account-form input,
.compose-grid input,
.compose-grid textarea {
  border: 1px solid #7f9db9;
  border-radius: 4px;
  color: #17364c;
  background: linear-gradient(180deg, #fff, #f6fbff);
  box-shadow: inset 1px 1px 3px rgba(0,62,105,.15);
}
.write-in-input:focus,
.account-form input:focus,
.compose-grid input:focus,
.compose-grid textarea:focus { border-color: #2e8bd3; box-shadow: 0 0 0 2px rgba(48,157,220,.2), inset 1px 1px 3px rgba(0,62,105,.12); }
.poll-meter,
.sidebar-danger-meter,
.energy-meter {
  overflow: hidden;
  border: 1px solid #7899b1;
  border-radius: 7px;
  background: #e1edf3;
  box-shadow: inset 0 2px 4px rgba(0,50,85,.22);
}
.poll-meter span,
.energy-meter::-webkit-progress-value,
.energy-meter::-moz-progress-bar {
  border-radius: 6px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.68), transparent 46%),
    linear-gradient(90deg, #4aaee9, #1265cc);
}
.notice { border: 1px solid #c59623; border-radius: 7px; background: linear-gradient(180deg, #fffbd4, #f4e89e); box-shadow: inset 0 1px #fff; }
.notice.error { border-color: #bd5d5d; background: linear-gradient(180deg, #ffecec, #ffcaca); }
.poll-winner { border-color: #55a923; background: linear-gradient(145deg, #f8fff2, #ddf6c3); }

.forum-masthead,
.minecraft-masthead { padding: 18px 3px 15px; }
.compose-preview { border-style: solid; }
.board-thread { border-color: rgba(35,105,151,.3); }
.board-post,
.post {
  border: 1px solid #9bbbd0;
  border-radius: 5px;
  background: linear-gradient(145deg, #f9fdff, #dfedf7);
  box-shadow: inset 0 1px #fff, 0 2px 5px rgba(0,62,102,.1);
}
.board-op { border-color: transparent; background: transparent; box-shadow: none; }
.board-reply { border-color: #9ebfd3; }
.original-post { border: 1px solid #73a4c5; background: linear-gradient(145deg, #fff, #e6f4fb); }
.thread-subject,
.thread-subject:visited { color: #0754ac; }
.poster-id { border-radius: 9px; }

.activity-stat { padding: 12px; }
.activity-chart {
  border: 1px solid #83a9c4;
  border-radius: 7px;
  background:
    linear-gradient(to top, transparent 24%, rgba(60,121,158,.24) 25%, transparent 26%, transparent 49%, rgba(60,121,158,.24) 50%, transparent 51%, transparent 74%, rgba(60,121,158,.24) 75%, transparent 76%),
    linear-gradient(180deg, #f9fdff, #e2f1f8);
  box-shadow: inset 0 1px #fff;
}
.activity-bar { border: 1px solid #287d0d; border-radius: 3px 3px 0 0; background: linear-gradient(90deg, #8bdd3e, #39a613); }
.leaderboard-wrap { overflow: hidden; border: 1px solid #80a5c1; border-radius: 7px; box-shadow: 0 3px 8px rgba(0,59,100,.13); }
.minecraft-leaderboard { color: #18384f; background: rgba(255,255,255,.94); }
.minecraft-leaderboard th { border: 0; border-right: 1px solid #76a2c2; color: #fff; text-shadow: 0 1px #06448b; background: linear-gradient(180deg, #56a8e6, #176abe); }
.minecraft-leaderboard td { border-color: #b7d1e2; }
.minecraft-leaderboard tbody tr.player-alive td { background: #effbe8; }
.minecraft-leaderboard tbody tr.player-dead td { background: #fff0ec; }
.life-state { border-radius: 9px; }

.account-form input { border-radius: 4px; }
.identity-list div { border-color: rgba(43,103,142,.3); }
.community-strip,
.scoreboard {
  overflow: hidden;
  border: 1px solid #81a9c6;
  border-radius: 8px;
  background: rgba(255,255,255,.9);
  box-shadow: inset 0 1px #fff, 0 3px 8px rgba(0,59,100,.12);
}
.community-strip div + div { border-color: rgba(53,112,151,.3); }
.scoreboard { border-radius: 0; background: #dceef8; }
.scoreboard div { border: 1px solid #9dbdd1; border-radius: 6px; background: linear-gradient(180deg, #fff, #e9f5fb); }
.button-stage {
  border-color: #8db4cd;
  background:
    radial-gradient(circle at 50% 46%, rgba(255,255,255,.92), rgba(210,241,255,.72) 42%, transparent 43%),
    repeating-radial-gradient(circle at center, transparent 0 27px, rgba(23,113,168,.1) 28px 29px),
    linear-gradient(180deg, #e9f8ff, #c9e8f4);
}
.energy-panel { background: linear-gradient(180deg, #eff9fd, #dbeef7); }
.game-footer { border-color: rgba(35,105,151,.3); }

.footer { color: #42637a; }
.best-viewed { color: #5d788b; }

.dark-mode {
  --aero-panel: rgba(13, 35, 54, 0.95);
  --aero-panel-soft: rgba(20, 49, 71, 0.94);
  --aero-line: rgba(95, 177, 224, 0.38);
  --aero-shadow: rgba(0, 0, 0, 0.55);
  --page: #092a48;
  --paper: #112d43;
  --ink: #e4f4fb;
  --blue: #8dd5ff;
  --visited: #d0a9ff;
  --red: #ff8c83;
  --green: #a8eb70;
  --amber: #ffd36b;
  color-scheme: dark;
}
.dark-mode body,
html.dark-mode { background: linear-gradient(180deg, #061b3e 0, #0b4774 49%, #287b72 67%, #123f1b 100%); background-attachment: fixed; }
.dark-mode body::before { opacity: .48; filter: brightness(.55) saturate(.9); }
.dark-mode body::after { opacity: .25; }
.dark-mode .site { border-color: rgba(151,216,255,.56); background: var(--aero-panel); box-shadow: 0 24px 70px rgba(0,0,0,.55), inset 0 0 0 1px rgba(90,166,213,.25); }
.dark-mode .browser-bar { border-bottom-color: #071a32; background: linear-gradient(180deg, rgba(255,255,255,.22), transparent 18%), linear-gradient(180deg, #2368a2, #0c3d77 52%, #092e5c); }
.dark-mode .address-bar,
.dark-mode .site-navigation,
.dark-mode .primary-nav,
.dark-mode .jump-nav { color: #d8edf8; border-color: #234e6b; background: linear-gradient(180deg, #193c55, #102f45); }
.dark-mode .address-value { color: #d8edf8; border-color: #3d6c8c; background: radial-gradient(circle at 14px 50%, #75d737 0 5px, #368f19 5.5px 7px, transparent 7.5px), linear-gradient(180deg, #1d425c, #122f44); }
.dark-mode .site-navigation { --site-navigation-bg:#102f45; --site-navigation-panel:#193c55; --site-navigation-text:#e4f4fb; --site-navigation-muted:#9fc1d5; --site-navigation-border:#3f6d8b; --site-navigation-current:#275e46; }
.dark-mode .site-navigation__brand,
.dark-mode .site-navigation__link,
.dark-mode .site-navigation__menu summary,
.dark-mode .site-navigation__menu-link,
.dark-mode .primary-nav a { color: #e4f4fb; border-color: #3d6b89; background: linear-gradient(180deg, #244d69, #173a52); }
.dark-mode .site-navigation a:hover,
.dark-mode .site-navigation summary:hover,
.dark-mode .primary-nav a:hover,
.dark-mode .site-navigation [aria-current="page"] { color: #efffe3; border-color: #559833; background: linear-gradient(180deg, #386d4d, #245137); }
.dark-mode .site-navigation__menu-panel { border-color:#3f6d8b; background:rgba(15,43,62,.98); }
.dark-mode .box,
.dark-mode .poll-card,
.dark-mode .home-overview-copy,
.dark-mode .service-card,
.dark-mode .thread-preview,
.dark-mode .empty-state,
.dark-mode .change-report,
.dark-mode .compose-preview,
.dark-mode .request-result,
.dark-mode .account-notice,
.dark-mode .flash,
.dark-mode .account-card,
.dark-mode .game-card,
.dark-mode .game-console,
.dark-mode .leaderboard-card,
.dark-mode .rules-card,
.dark-mode .activity-stat,
.dark-mode .board-post,
.dark-mode .post { color: var(--ink); border-color: var(--aero-line); background: linear-gradient(145deg, rgba(24,55,76,.98), rgba(13,37,54,.96)); }
.dark-mode .home-overview-copy { background: radial-gradient(ellipse at 86% 112%, #245f25 0 31%, transparent 31.5%), radial-gradient(ellipse at 69% 115%, #337f30 0 37%, transparent 37.5%), linear-gradient(180deg, #174e75 0, #356f86 68%, #336d31 69%, #1d5022 100%); }
.dark-mode .launch-card,
.dark-mode .launch-card:visited { color:#dceef7; border-color:#35627f; background:linear-gradient(145deg,#183e58,#102c41); }
.dark-mode .launch-card:hover { color:#efffe9; border-color:#63a43b; background:linear-gradient(145deg,#28574d,#173c35); }
.dark-mode .launch-card strong,
.dark-mode .section h2,
.dark-mode .account-card h2,
.dark-mode .section-heading h2 { color:#91d6ff; text-shadow:0 1px #071a28; }
.dark-mode .quick-links small,
.dark-mode .status-note,
.dark-mode .home-eyebrow,
.dark-mode .launch-card-topline,
.dark-mode .launch-card small,
.dark-mode .service-type,
.dark-mode .service-access,
.dark-mode .external-mark,
.dark-mode .poll-meta,
.dark-mode .eyebrow,
.dark-mode .field-help,
.dark-mode .help-text,
.dark-mode .game-label,
.dark-mode .footer,
.dark-mode .best-viewed { color:#a3bfd0; }
.dark-mode .thread-preview-missing,
.dark-mode .missing-thumbnail,
.dark-mode .post-image-missing { color:#ff9c94; background:repeating-linear-gradient(135deg,#183e58 0 8px,#102c41 8px 16px); }
.dark-mode .write-in-input,
.dark-mode .account-form input,
.dark-mode .compose-grid input,
.dark-mode .compose-grid textarea { color:#e4f4fb; border-color:#47738f; background:linear-gradient(180deg,#173c54,#102d42); }
.dark-mode .poll-meter,
.dark-mode .sidebar-danger-meter,
.dark-mode .energy-meter { border-color:#416982; background:#0a2639; }
.dark-mode .notice { color:#fff0b5; border-color:#8a752b; background:linear-gradient(180deg,#514a24,#373518); }
.dark-mode .notice.error { color:#ffd5d1; border-color:#8f4d4b; background:linear-gradient(180deg,#542a2e,#3c1c21); }
.dark-mode .poll-winner { border-color:#579638; background:linear-gradient(145deg,#24492d,#173522); }
.dark-mode .board-op { background:transparent; box-shadow:none; }
.dark-mode .original-post { background:linear-gradient(145deg,#1b455f,#113148); }
.dark-mode .thread-subject,
.dark-mode .thread-subject:visited { color:#9edaff; }
.dark-mode .activity-chart { border-color:#3d6883; background:linear-gradient(to top,transparent 24%,rgba(126,187,220,.18) 25%,transparent 26%,transparent 49%,rgba(126,187,220,.18) 50%,transparent 51%,transparent 74%,rgba(126,187,220,.18) 75%,transparent 76%),linear-gradient(180deg,#173b52,#0f2c40); }
.dark-mode .minecraft-leaderboard { color:#def0f9; background:#102d42; }
.dark-mode .minecraft-leaderboard th { color:#fff; border-color:#38647f; background:linear-gradient(180deg,#2f709d,#174d76); }
.dark-mode .minecraft-leaderboard td { border-color:#2d526b; }
.dark-mode .minecraft-leaderboard tbody tr.player-alive td { background:#183d30; }
.dark-mode .minecraft-leaderboard tbody tr.player-dead td { color:#e1b4ae; background:#46282b; }
.dark-mode .community-strip,
.dark-mode .scoreboard,
.dark-mode .scoreboard div { color:#e4f4fb; border-color:#3d6985; background:linear-gradient(180deg,#1b425b,#123148); }
.dark-mode .button-stage { border-color:#39627c; background:radial-gradient(circle at 50% 46%,rgba(44,94,123,.55),rgba(17,48,68,.7) 42%,transparent 43%),repeating-radial-gradient(circle at center,transparent 0 27px,rgba(122,196,234,.09) 28px 29px),linear-gradient(180deg,#173b53,#0e293d); }
.dark-mode .energy-panel { background:linear-gradient(180deg,#173b53,#102d42); }
.dark-mode a:hover { color:#fff; background:#176db2; text-decoration:none; }

@media (max-width: 760px) {
  .site { width: calc(100% - 12px); margin-top: 6px; border-radius: 8px; }
  .page { padding-right: 13px; padding-left: 13px; }
  .jump-nav { margin-right: -13px; margin-left: -13px; }
  .layout { grid-template-columns: 1fr; }
  .sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); order: 2; }
  .content { order: 1; }
  .home-overview-copy { padding-right: 24px; }
}

@media (max-width: 500px) {
  body::after { display: none; }
  .browser-bar { min-height: 35px; }
  .browser-controls i { width: 21px; }
  .address-bar { align-items: stretch; flex-wrap: wrap; }
  .address-value { flex-basis: 160px; }
  .address-bar .button { margin-left: auto; }
  .masthead h1 { font-size: 44px; }
  .launch-card { padding-left: 56px; }
  .launch-card::before { left: 12px; }
  .sidebar { grid-template-columns: 1fr; }
}

@media (prefers-reduced-transparency: reduce) {
  .site,
  .jump-nav { background: var(--paper); backdrop-filter: none; }
}

@media (prefers-contrast: more) {
  :root { --aero-line: #195b8a; }
  .site,
  .box,
  .poll-card,
  .launch-card { border-width: 2px; }
}

/* Keep the homepage's Aero look without repainting filtered viewport-sized layers while scrolling. */
html.home-page .site {
  background: #eef9ff;
  backdrop-filter: none;
}

html.home-page .jump-nav {
  background: #e3f4fd;
  backdrop-filter: none;
}

html.home-page body::before {
  filter: none;
}

html.home-page .marquee-track {
  will-change: transform;
}

html.home-page.is-scrolling .marquee-track {
  animation-play-state: paused;
}

html.home-page .content > .section,
html.home-page .sidebar > .box {
  content-visibility: auto;
  contain-intrinsic-block-size: auto 420px;
}

html.home-page.dark-mode .site {
  background: #1d1f21;
}

html.home-page.dark-mode .jump-nav {
  background: #282a2e;
}