/* Three quieter desktop directions, selected only through ?menu=. */
@media (min-width:1040px) {
 html:is([data-menu=line],[data-menu=chalk],[data-menu=floating],[data-menu=floating-black]) body .masthead {
  --menu-width:1120px;--menu-text:#b7c4bf;--menu-strong:#f3f5ee;
  --menu-accent:#d7fa96;--menu-border:#e0efe018;--menu-hover:#e8f4e60a;
  height:58px;top:20px;border-radius:8px;box-shadow:0 8px 24px #0000001c;
 }
 html:is([data-menu=line],[data-menu=chalk],[data-menu=floating],[data-menu=floating-black]) body.is-live .masthead {--menu-width:1280px}
 html:is([data-menu=line],[data-menu=chalk],[data-menu=floating],[data-menu=floating-black]) body .masthead .masthead-inner {gap:20px;padding:0 17px 0 22px}
 html:is([data-menu=line],[data-menu=chalk],[data-menu=floating],[data-menu=floating-black]) body .masthead .masthead-nav {gap:6px;height:44px}
 html:is([data-menu=line],[data-menu=chalk],[data-menu=floating],[data-menu=floating-black]) body .masthead .masthead-nav .main-nav-link {
  position:relative;height:44px;padding:0 12px;border:0;border-radius:5px;
  font:500 13px/1 var(--font-ui,Inter,sans-serif);letter-spacing:0;text-transform:none;
 }
 html:is([data-menu=line],[data-menu=chalk],[data-menu=floating],[data-menu=floating-black]) body .masthead .masthead-nav .main-nav-link.active {background:transparent;border:0;font-weight:600}
 html:is([data-menu=line],[data-menu=chalk],[data-menu=floating],[data-menu=floating-black]) body .masthead .masthead-tools {gap:2px}
 html:is([data-menu=line],[data-menu=chalk],[data-menu=floating],[data-menu=floating-black]) body .masthead .masthead-tools .masthead-rule {display:none}
 html:is([data-menu=line],[data-menu=chalk],[data-menu=floating],[data-menu=floating-black]) body .masthead .masthead-tools .profile-trigger {margin-left:7px}
 html:is([data-menu=line],[data-menu=chalk],[data-menu=floating],[data-menu=floating-black]) body .masthead .profile-trigger:not(.has-photo) {border:0;background:#f1f7ee0b;color:var(--menu-text)}
 html:is([data-menu=line],[data-menu=chalk],[data-menu=floating],[data-menu=floating-black]) body .masthead .wordmark {font-size:28px}

 /* 01 Line: one matte surface, a fine line for the current page. */
 html[data-menu=line] body .masthead {--menu-surface:#10201eeb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
 html[data-menu=line] body .masthead .masthead-nav .main-nav-link.active::after {
  content:'';display:block;position:absolute;inset:auto 12px 4px;height:2px;width:auto;margin:0;
  border-radius:0;background:var(--menu-accent);box-shadow:none;
 }

 /* 02 Chalk: warm paper, quiet green type, a small dot instead of a tab. */
 html[data-menu=chalk] body .masthead {
  --menu-surface:#edeee5;--menu-text:#63736b;--menu-strong:#18352b;
  --menu-accent:#244737;--menu-hover:#163b2b08;--menu-border:#f5f7ed;
  border-radius:4px;box-shadow:0 8px 22px #00000026;backdrop-filter:none;-webkit-backdrop-filter:none;
 }
 html[data-menu=chalk] body .masthead .masthead-nav .main-nav-link.active {color:#183c2b}
 html[data-menu=chalk] body .masthead .masthead-nav .main-nav-link.active::after {
  content:'';display:block;position:absolute;top:auto;bottom:3px;left:calc(50% - 2px);right:auto;
  width:4px;height:4px;margin:0;border-radius:50%;background:#41684a;box-shadow:none;
 }
 html[data-menu=chalk] body .masthead .profile-trigger:not(.has-photo) {color:#eff3e8;background:#224332}
 html[data-menu=chalk] body .masthead .profile-trigger:not(.has-photo):hover {background:#365b41}
 html[data-menu=chalk] body .masthead .brand-rule {background:#24473729}

 /* 03 Floating: only the navigation has a surface; the stadium stays open. */
 html:is([data-menu=floating],[data-menu=floating-black]) body .masthead {
  --menu-width:1200px;--menu-surface:#12221ef2;--menu-text:#c3cec6;--menu-accent:#d9f7a2;
  background:none;border-color:transparent;border-radius:0;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none;
 }
 html:is([data-menu=floating],[data-menu=floating-black]) body .masthead .masthead-inner {padding:0 12px;gap:26px}
 html:is([data-menu=floating],[data-menu=floating-black]) body .masthead :is(.masthead-brand,.masthead-nav,.masthead-tools) {pointer-events:auto}
 html:is([data-menu=floating],[data-menu=floating-black]) body .masthead .masthead-nav {
  height:52px;gap:0;padding:5px;border:1px solid #e7f3df24;border-radius:28px;
  background:var(--menu-surface);box-shadow:0 8px 25px #0003;
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
 }
 html:is([data-menu=floating],[data-menu=floating-black]) body .masthead .masthead-nav .main-nav-link {height:40px;padding:0 17px;border-radius:22px}
 html:is([data-menu=floating],[data-menu=floating-black]) body .masthead .masthead-nav .main-nav-link.active {background:#deedcc;color:#213c2c}
 html:is([data-menu=floating],[data-menu=floating-black]) body .masthead .masthead-brand {filter:drop-shadow(0 2px 8px #0008)}
 html:is([data-menu=floating],[data-menu=floating-black]) body .masthead .masthead-tools {padding:3px 4px;border-radius:23px;background:#10231cbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
 html:is([data-menu=floating],[data-menu=floating-black]) body .masthead .masthead-tools .profile-trigger {margin-left:2px}
 html:is([data-menu=floating],[data-menu=floating-black]) body .masthead .masthead-tools :is(.tool-button,.status-key summary) {border-radius:50%}
}

/* Matte black alternative to the same floating composition. */
@media (min-width:1040px) {
 html[data-menu=floating-black] body .masthead {
  --menu-surface:#080909f5;--menu-text:#c8cdca;--menu-strong:#f5f6f2;
  --menu-border:#ffffff1a;--menu-hover:#ffffff0d;
 }
 html[data-menu=floating-black] body .masthead .masthead-nav {border-color:#ffffff1a;box-shadow:0 8px 25px #0005}
 html[data-menu=floating-black] body .masthead .masthead-tools {background:#080909eb}
 html[data-menu=floating-black] body .masthead .profile-trigger:not(.has-photo) {background:#ffffff08}
}

/* Default full black bar with a restrained lime active state. */
html[data-menu=club-black] body .masthead {
 --menu-surface:#080909f7;--menu-border:#ffffff1f;--menu-text:#bfc2c1;
 --menu-strong:#f5f6f4;--menu-hover:#ffffff0a;--menu-active:#ffffff0e;--menu-accent:#d6ff7e;
 backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
 box-shadow:0 12px 28px -16px #0009,inset 0 1px 0 #ffffff05;
}
html[data-menu=club-black] body .masthead .masthead-nav .main-nav-link.active {
 background:#1b1d1c;border-color:#ffffff18;color:var(--menu-accent);
}
html[data-menu=club-black] body .masthead .profile-trigger:not(.has-photo) {
 color:#d8dbd9;background:#ffffff05;border-color:#ffffff29;
}
html[data-menu=club-black] body .masthead .profile-trigger:not(.has-photo):hover {
 color:#fff;background:#ffffff0f;border-color:#ffffff55;
}