/* ============================================================
   DraxMenu CSS — 100% port of official Drax DUI (statcmenu.html)
   All component values are verbatim from the official source,
   scoped under .menu-static for safe use on the site.
   ============================================================ */
@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Geist:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lexend:wght@100..900&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap";

.menu-static {
  --menu-color: 255, 255, 255;
  --menu-x: 1%;
  --menu-y: 2%;
  --menu-scale: 1;
  --resolution-scale: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* Resolution-based scaling for main menu (official) */
@media (min-width: 2560px) {
  .menu-static { --resolution-scale: 0.75; }
}
@media (min-width: 3840px) {
  .menu-static { --resolution-scale: 0.5; }
}.menu-static .PWrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: Inter;
  transform: translate(0%, 0%) scale(calc(var(--menu-scale) * var(--resolution-scale)));
  transform-origin: top center;
}

@media (min-width: 2560px) {
  .menu-static .PWrapper {
    transform: translate(0%, 0%) scale(calc(var(--menu-scale) * 0.75));
  }
}

@media (min-width: 3840px) {
  .menu-static .PWrapper {
    transform: translate(0%, 0%) scale(calc(var(--menu-scale) * 0.5));
  }
}

/* Full-page menu (menu.html) — mimic official top-left placement */
#drax-menu-full .menu-static {
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 2%;
  padding-left: 1%;
}
#drax-menu-full .menu-static .PWrapper { transform-origin: top left; }

.menu-static .Desc {
  position: absolute;
  display: flex;
  left: 50%;
  bottom: 4vw;
  transform: translate(-50%);
  width: auto;
  height: 1.3021vw;
  background-color: #000c;
  border-radius: .2604vw;
  padding: 14px;
  font-family: Inter;
  font-weight: 180;
  font-size: .651vw;
  color: #fff;
  justify-content: center;
  align-items: center;
}

.menu-static .Desc span { margin-bottom: .0521vw; }
.menu-static .Desc .hazard { color: #ff5b5b; }
.menu-static .Desc .locked { color: #9a9a9a; }.menu-static .PWrapper .PElements {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  gap: .2604vw;
}

/* === SCROLLBAR CONTAINER === */
.menu-static .PWrapper .PElements .PScroll {
  position: absolute;
  display: flex;
  right: -1vw;                  /* moved slightly right */
  width: .72vw;                 /* THICKER SCROLLBAR */
  height: 100%;
  background: var(--clear-backgrounds, #111111e6);        /* cleaner dark background */
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  gap: .15vw;
  border-radius: .20vw;
  /* embedded, carved look */
  box-shadow:
    inset 0 0 .22vw rgba(0,0,0,0.8),
    0 0 .35vw rgba(0,0,0,0.5);
}

/* === ARROW ICONS (UP/DOWN) === */
.menu-static .PWrapper .PElements .PScroll i {
  font-size: .62vw;
  color: rgba(255,255,255,0.75);
  opacity: 0.85;
  /* makes sure arrows don't clip */
  margin-top: .15vw;
  margin-bottom: .15vw;
  text-shadow: 0 0 .25vw rgba(0,0,0,0.8);
}

/* === SCROLLABLE ZONE (track) === */
.menu-static .PWrapper .PElements .PScroll .PSProgressWrapper {
  position: relative;
  display: flex;
  width: .32vw;                 /* thicker track */
  height: 90%;
  justify-content: center;
  align-items: flex-start;
}

/* === SCROLLBAR THUMB (moving bar) === */
.menu-static .PWrapper .PElements .PScroll .PSProgress {
  position: relative;
  display: flex;
  width: .32vw;                 /* matches thicker track */
  margin-top: .20vw;
  background: rgb(var(--menu-color));
  border-radius: .20vw;
  /* Clean neon glow */
  box-shadow:
    0 0 .25vw rgba(var(--menu-color),0.9),
    0 0 .15vw rgba(var(--menu-color),0.8);
  transition: top .25s ease, height .25s ease;
}.menu-static .PWrapper .PElements .PRightElements {
  position: relative;
  display: flex;
  width: 19.0104vw;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.menu-static .PWrapper .PBanner {
  position: relative;
  display: flex;
  width: 100%;
  height: 5.4688vw;
  justify-content: center;
  align-items: center;
  border-top-left-radius: .4167vw;
  border-top-right-radius: .4167vw;
  overflow: hidden;
}

.menu-static .PWrapper .PBanner img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.menu-static .PWrapper .PBanner iframe {
  position: absolute;
  width: 300%;
  height: 160%;
  border: none;
  pointer-events: none;
  top: -30%;
  left: -100%;
  bottom: -30%;
  right: -100%;
  transform-origin: center center;
}

/* Custom Animated Drax Banners */
.menu-static .PWrapper .PBanner .CustomBanner {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.menu-static .PWrapper .PBanner .CustomBanner .DraxText {
  position: relative;
  font-family: 'Inter', 'Segoe UI', sans-serif;
  font-weight: 800;
  font-size: 3.5vw;
  letter-spacing: 0.4vw;
  z-index: 2;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.2;
}

/* NEON Theme - Clean & Smooth */
.menu-static .PWrapper .PBanner .CustomBanner.theme-neon {
  background: linear-gradient(135deg, #001a1a 0%, #003333 50%, #001a1a 100%);
  background-size: 300% 300%;
  animation: smoothGradient 8s ease-in-out infinite;
}

.menu-static .PWrapper .PBanner .CustomBanner.theme-neon .DraxText {
  color: #00ffff;
  text-shadow:
    0 0 10px rgba(0, 255, 255, 0.8),
    0 0 20px rgba(0, 255, 255, 0.6),
    0 0 30px rgba(0, 255, 255, 0.4),
    0 2px 4px rgba(0, 0, 0, 0.3);
}

@keyframes smoothGradient {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}/* MINIMAL Theme - Clean & Smooth */
.menu-static .PWrapper .PBanner .CustomBanner.theme-minimal {
  background: linear-gradient(135deg, #f8f8f8 0%, #ffffff 50%, #f8f8f8 100%);
  background-size: 300% 300%;
  animation: smoothGradient 10s ease-in-out infinite;
}

.menu-static .PWrapper .PBanner .CustomBanner.theme-minimal .DraxText {
  color: #1a1a1a;
  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.1),
    0 2px 4px rgba(0, 0, 0, 0.08);
  font-weight: 900;
}

/* GLITCH Theme - Clean & Smooth */
.menu-static .PWrapper .PBanner .CustomBanner.theme-glitch {
  background: linear-gradient(135deg, #001100 0%, #003300 50%, #001100 100%);
  background-size: 300% 300%;
  animation: smoothGradient 7s ease-in-out infinite;
}

.menu-static .PWrapper .PBanner .CustomBanner.theme-glitch .DraxText {
  color: #00ff88;
  text-shadow:
    0 0 8px rgba(0, 255, 136, 0.7),
    0 0 16px rgba(0, 255, 136, 0.5),
    0 0 24px rgba(0, 255, 136, 0.3),
    0 2px 4px rgba(0, 0, 0, 0.3);
}

/* RETRO Theme - Clean & Smooth */
.menu-static .PWrapper .PBanner .CustomBanner.theme-retro {
  background: linear-gradient(135deg, #ff8c42 0%, #ffa559 50%, #ff8c42 100%);
  background-size: 300% 300%;
  animation: smoothGradient 9s ease-in-out infinite;
}

.menu-static .PWrapper .PBanner .CustomBanner.theme-retro .DraxText {
  color: #ffffff;
  text-shadow:
    0 2px 4px rgba(0, 0, 0, 0.4),
    0 4px 8px rgba(0, 0, 0, 0.3),
    0 0 10px rgba(255, 140, 66, 0.3);
  font-weight: 900;
}

/* CYBER Theme - Clean & Smooth */
.menu-static .PWrapper .PBanner .CustomBanner.theme-cyber {
  background: linear-gradient(135deg, #000814 0%, #001d3d 50%, #000814 100%);
  background-size: 300% 300%;
  animation: smoothGradient 8s ease-in-out infinite;
}

.menu-static .PWrapper .PBanner .CustomBanner.theme-cyber .DraxText {
  color: #64d9ff;
  text-shadow:
    0 0 10px rgba(100, 217, 255, 0.8),
    0 0 20px rgba(100, 217, 255, 0.6),
    0 0 30px rgba(100, 217, 255, 0.4),
    0 2px 4px rgba(0, 0, 0, 0.3);
}.menu-static .PWrapper .PCategories {
  position: relative;
  display: flex;
  width: 100%;
  height: 1.5625vw;
  margin-bottom: .2604vw;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #000;
  border-left: .0521vw solid black;
  border-right: .0521vw solid black;
  border-bottom: .0521vw solid black;
  border-bottom-left-radius: .3125vw;
  border-bottom-right-radius: .3125vw;
  overflow: hidden;
}

.menu-static .PWrapper .PCategories .PCategory {
  position: relative;
  display: flex;
  flex: 1;
  text-align: center;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-size: .65vw;
  font-weight: 300;
  color: #fff;
  border-bottom-left-radius: .3125vw;
  border-bottom-right-radius: .3125vw;
  cursor: pointer;
}

.menu-static .PWrapper .PCategories .PCategory.active {
  background: linear-gradient(0deg, rgba(var(--menu-color),10) 0%, rgba(var(--menu-color),.1) 100%);
  color: #fff;
}

.menu-static .PWrapper .PCategories .PCategory:only-child {
  position: absolute;
  display: flex;
  left: 0vw;
  font-size: .625vw;
  padding: 0 .8vw;
  justify-content: flex-start;
}

.menu-static .PWrapper .PCategories .PCategory:last-child {
  border-right: none;
}.menu-static .PWrapper .PTabs {
  position: relative;
  display: flex;
  width: 19.0104vw;
  height: auto;
  max-height: 14.0625vw;
  padding-bottom: .0521vw;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  background-color: #0009;
  border-radius: .3125vw;
  overflow-y: hidden;
}

.menu-static .PWrapper .PTabs .PTab {
  position: relative;
  display: flex;
  width: 100%;
  height: 1.5625vw;
  min-height: 1.5625vw;
  max-height: 1.5625vw;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

/* subtle active highlight (site-only aid, official uses icon color only) */
.menu-static .PWrapper .PTabs .PTab.active { background: rgba(255,255,255,0.05); }

.menu-static .PWrapper .PTabs .PTab .PTLabel {
  position: absolute;
  display: block;
  left: .5vw;
  width: 60%;
  height: 60%;
  font-size: .625vw;
  font-weight: 300;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
}

.menu-static .PWrapper .PTabs .PTab .PTIcon {
  position: absolute;
  display: flex;
  left: .4vw;
  right: auto;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  opacity: .85;
  font-size: .72vw;
  font-style: normal;
  line-height: 1;
  transition: color .25s ease, opacity .25s ease;
}

.menu-static .PWrapper .PTabs .PTab:hover .PTIcon,
.menu-static .PWrapper .PTabs .PTab.active .PTIcon {
  color: rgb(var(--menu-color));
  opacity: 1;
}

.menu-static .PWrapper .PTabs .PTab .PTDLabel {
  position: absolute;
  display: flex;
  left: .5vw;
  font-size: .625vw;
  color: #fff;
}

.menu-static .PWrapper .PTabs .PTab i {
  position: absolute;
  display: flex;
  right: .65vw;
  font-size: .625vw;
  color: #fff;
}.menu-static .PWrapper .PTabs .PTab .TOptions {
  position: absolute;
  display: flex;
  right: .65vw;
  width: 7.8125vw;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  gap: .5208vw;
}

.menu-static .PWrapper .PTabs .PTab .TOptions .Scrollable {
  position: relative;
  display: flex;
  right: .15vw;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: .2604vw;
  font-size: .625vw;
  font-weight: 250;
  color: #fff;
}

/* ============================================================
   ROUNDED PILL — ENGRAVED CHECKBOX (PRIMARY)
   ============================================================ */
.menu-static .PWrapper .PTabs .PTab .TOptions .Checkbox {
  position: relative;
  display: flex;
  right: 0vw;
  width: 1.5625vw;
  height: .7813vw;
  justify-content: flex-start;
  align-items: center;
  background: #1a1a1a;
  /* Engraved / sunken pill track */
  box-shadow:
    inset 0 .10vw .25vw rgba(0,0,0,0.8),
    inset 0 -.10vw .20vw rgba(255,255,255,0.05),
    inset .10vw 0 .25vw rgba(0,0,0,0.85),
    inset -.10vw 0 .25vw rgba(255,255,255,0.05);
  border-radius: 999vw;
  transition: .25s ease;
}

.menu-static .PWrapper .PTabs .PTab .TOptions .Checkbox.Checked {
  background: rgba(var(--menu-color), 0.9);
  /* Engraved but glowing */
  box-shadow:
    inset 0 .10vw .25vw rgba(0,0,0,0.9),
    inset 0 -.10vw .20vw rgba(255,255,255,0.05),
    inset .10vw 0 .25vw rgba(0,0,0,0.9),
    inset -.10vw 0 .25vw rgba(255,255,255,0.04),
    0 0 .32vw rgba(var(--menu-color), 0.45);
}

.menu-static .PWrapper .PTabs .PTab .TOptions .Checkbox.Checked .Inside { left: .95vw; }

.menu-static .PWrapper .PTabs .PTab .TOptions .Checkbox .Inside {
  position: absolute;
  display: flex;
  left: .15vw;
  width: .4167vw;
  height: .4167vw;
  background: #e8e8e8;
  /* Bulging knob look */
  box-shadow:
    0 .05vw .10vw rgba(0,0,0,0.6),
    0 -.03vw .08vw rgba(255,255,255,0.35),
    inset 0 .03vw .06vw rgba(255,255,255,0.60),
    inset 0 -.03vw .06vw rgba(0,0,0,0.45);
  border-radius: 999vw;
  transition: .25s ease;
}/* ============================================================
   ROUNDED PILL — ENGRAVED CHECKBOX (SECOND SET)
   ============================================================ */
.menu-static .PWrapper .PTabs .PTab .Checkbox {
  position: absolute;
  display: flex;
  right: .65vw;
  width: 1.5625vw;
  height: .7813vw;
  justify-content: flex-start;
  align-items: center;
  background: #1a1a1a;
  /* Engraved / carved depth */
  box-shadow:
    inset 0 .10vw .25vw rgba(0,0,0,0.8),
    inset 0 -.10vw .20vw rgba(255,255,255,0.05),
    inset .10vw 0 .25vw rgba(0,0,0,0.85),
    inset -.10vw 0 .25vw rgba(255,255,255,0.05);
  border-radius: 999vw;
  transition: .25s ease;
}

.menu-static .PWrapper .PTabs .PTab .Checkbox.Checked {
  background: rgba(var(--menu-color), 0.9);
  box-shadow:
    inset 0 .10vw .25vw rgba(0,0,0,0.9),
    inset 0 -.10vw .20vw rgba(255,255,255,0.05),
    inset .10vw 0 .25vw rgba(0,0,0,0.9),
    inset -.10vw 0 .25vw rgba(255,255,255,0.04),
    0 0 .32vw rgba(var(--menu-color), 0.45);
}

.menu-static .PWrapper .PTabs .PTab .Checkbox.Checked .Inside { left: .95vw; }

.menu-static .PWrapper .PTabs .PTab .Checkbox .Inside {
  position: absolute;
  display: flex;
  left: .15vw;
  width: .4167vw;
  height: .4167vw;
  background: #e8e8e8;
  /* Raised / bulging knob */
  box-shadow:
    0 .05vw .10vw rgba(0,0,0,0.6),
    0 -.03vw .08vw rgba(255,255,255,0.35),
    inset 0 .03vw .06vw rgba(255,255,255,0.60),
    inset 0 -.03vw .06vw rgba(0,0,0,0.45);
  border-radius: 999vw;
  transition: .25s ease;
}/* === CHECKBOX SLIDER (TOptions) === */
.menu-static .PWrapper .PTabs .PTab .TOptions .Slider {
  position: relative;
  display: flex;
  right: .15vw;
  width: 2.3438vw;
  height: .2083vw;
  justify-content: flex-start;
  align-items: center;
  background-color: #1e1e1e;
  border-radius: .2604vw;
}

.menu-static .PWrapper .PTabs .PTab .TOptions .Slider .Progress {
  position: absolute;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border-radius: .2604vw;
}

.menu-static .PWrapper .PTabs .PTab .TOptions .Slider .Progress .Thumb {
  position: absolute;
  display: flex;
  right: 0vw;
  width: .4167vw;
  height: .4167vw;
  background-color: #fff;
  border-radius: .5208vw;
}

/* === EMBEDDED / SUNKEN TRACK === */
.menu-static .PWrapper .PTabs .PTab .Slider {
  position: absolute;
  display: flex;
  right: .65vw;
  width: 2.3438vw;
  height: .2083vw;
  justify-content: flex-start;
  align-items: center;
  background-color: #161616;
  border-radius: .2604vw;
  /* REAL inset effect */
  box-shadow:
    inset 0 .12vw .22vw rgba(0,0,0,0.85),
    inset 0 -.12vw .22vw rgba(255,255,255,0.08),
    0 0 .15vw rgba(0,0,0,0.8);
}

/* === EMBEDDED PROGRESS BAR === */
.menu-static .PWrapper .PTabs .PTab .Slider .Progress {
  position: absolute;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: #e1e1e1;
  border-radius: .2604vw;
  box-shadow:
    inset 0 .1vw .2vw rgba(0,0,0,0.55),
    inset 0 -.08vw .18vw rgba(255,255,255,0.25);
}

/* === THUMB WITH DEEP EMBEDDED BUTTON LOOK === */
.menu-static .PWrapper .PTabs .PTab .Slider .Progress .Thumb {
  position: absolute;
  display: flex;
  right: 0vw;
  width: .4167vw;
  height: .4167vw;
  background-color: #fafafa;
  border-radius: .5208vw;
  /* Deep inset + outer glow */
  box-shadow:
    inset 0 .1vw .18vw rgba(0,0,0,0.6),
    inset 0 -.1vw .2vw rgba(255,255,255,0.4),
    0 0 .25vw rgba(255,255,255,0.35),
    0 0 .35vw rgba(0,0,0,0.4);
}.menu-static .PWrapper .PTabs .PTab .Scrollable {
  position: absolute;
  display: flex;
  right: .65vw;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: .2604vw;
  font-size: .625vw;
  font-weight: 250;
  color: #fff;
}

/* cycle arrows inside scrollables (site-only, inline in flow) */
.menu-static .PWrapper .PTabs .PTab .Scrollable i {
  position: relative;
  right: auto;
  font-size: .55vw;
  opacity: .7;
  cursor: pointer;
}

.menu-static .PWrapper .PTabs .PTab .Divider {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  display: flex;
  width: 92%;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  gap: .2604vw;
}

.menu-static .PWrapper .PTabs .PTab .Divider .Left,
.menu-static .PWrapper .PTabs .PTab .Divider .Right {
  position: relative;
  display: flex;
  width: 15%;
  height: .2083vw;
  background-color: #e1e1e1;
  border-radius: 5vw;
  min-width: 0;
}

.menu-static .PWrapper .PTabs .PTab .Divider .Label {
  position: relative;
  display: flex;
  font-size: .625vw;
  font-weight: 300;
  color: #e1e1e1;
  white-space: nowrap;
  padding: 0 .5vw;
}

.menu-static .PWrapper .Metadata {
  position: absolute;
  display: flex;
  width: 13.8021vw;        /* SAME SIZE */
  right: -15.65vw;         /* small nudge right (cleaner align) */
  top: -5.45vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .2083vw;
  /* Darker, smoother, no blur distortion */
  background: rgba(0, 0, 0, 0.78);
  /* Very clean dark green border (NOT thick) */
  border: .10vw solid rgba(var(--menu-color), 0.55);
  /* Soft outer glow for premium look */
  box-shadow:
    0 0 .42vw rgba(0, 75, 30, 0.45),
    inset 0 0 .26vw rgba(0, 0, 0, 0.55);
  border-radius: .2604vw;  /* SAME RADIUS */
  padding: .5208vw;        /* SAME PADDING */
}

.menu-static .PWrapper .Metadata:not(.show) { display: none; }.menu-static .PWrapper .Metadata .Title {
  position: relative;
  display: flex;
  width: 98%;
  height: .7813vw;
  justify-content: flex-start;
  align-items: center;
  color: #fffc;
}

.menu-static .PWrapper .Metadata .Title span {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Inter;
  font-style: normal;
  font-weight: 350;
  font-size: .625vw;
  line-height: .7813vw;
  text-align: center;
}

.menu-static .PWrapper .Metadata .Line {
  position: relative;
  display: flex;
  width: 98%;
  height: .013vw;
  margin-top: .2083vw;
  background-color: #ffffff40;
}

.menu-static .PWrapper .Metadata .Values {
  position: relative;
  display: flex;
  width: 98%;
  margin-top: .3125vw;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: .2604vw;
}

.menu-static .PWrapper .Metadata .Values .Value {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
}

.menu-static .PWrapper .Metadata .Values .Value .Key {
  position: relative;
  display: flex;
  height: .7813vw;
  font-family: Inter;
  font-style: normal;
  font-weight: 250;
  font-size: .625vw;
  line-height: .7813vw;
  align-items: center;
  color: #fff;
}

.menu-static .PWrapper .Metadata .Values .Value .Val {
  position: absolute;
  display: flex;
  right: 0vw;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  gap: .2604vw;
}

.menu-static .PWrapper .Metadata .Values .Value .Val span {
  height: .7813vw;
  font-family: Inter;
  font-style: normal;
  font-weight: 250;
  font-size: .625vw;
  line-height: .7813vw;
  align-items: center;
  color: #fff;
}.menu-static .PWrapper .Metadata .Values .Value .Val .Status {
  position: relative;
  display: flex;
  width: .2604vw;
  height: .7813vw;
  background-color: #000;
  border-radius: .0781vw;
  justify-content: center;
  align-items: flex-end;
  overflow: hidden;
}

.menu-static .PWrapper .Metadata .Values .Value .Val .Status .Progress {
  position: absolute;
  display: flex;
  width: 100%;
  bottom: 0vw;
  transition: .25s height;
}

/* FOOTER */
.menu-static .PWrapper .PFooter {
  position: relative;
  display: flex;
  align-items: center;
  width: 19.0104vw;
  height: 1.35vw;
  margin-top: .22vw;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.95),
    rgb(0, 0, 0)
  );
  border-radius: .28vw;
  box-shadow:
    0 .05vw .35vw rgba(0,0,0,0.6),
    inset 0 .04vw .06vw rgba(255,255,255,0.04);
  overflow: hidden;
}

/* LOGO */
.menu-static .PWrapper .PFooter img {
  position: absolute;
  left: .45vw;
  width: .95vw;
  opacity: .95;
  filter: drop-shadow(0 0 .15vw rgba(255,255,255,0.08));
}

/* BUILD TEXT */
.menu-static .PWrapper .PFooter .PBuild {
  position: absolute;
  left: 1.9vw;
  font-size: .58vw;
  font-weight: 400;
  letter-spacing: .015vw;
  color: rgba(255,255,255,0.8);
  text-shadow: 0 0 .12vw rgba(0,0,0,0.8);
}

/* RIGHT INDICATOR */
.menu-static .PWrapper .PFooter .PIndicator {
  position: absolute;
  right: .6vw;
  font-size: .58vw;
  font-weight: 400;
  letter-spacing: .015vw;
  color: rgba(255,255,255,0.75);
  text-shadow: 0 0 .12vw rgba(0,0,0,0.8);
}/* ============================================================
   SITE-SPECIFIC ADAPTATIONS (hero-right + small screens)
   Component values above remain 100% official.
   ============================================================ */
/* Keep the floating metadata panel inside the hero column */
.hero-right .menu-static .Metadata {
  right: -4.65vw;
  top: -1vw;
}

/* Mobile: keep full-page menu usable (site-only) */
@media (max-width: 767px) {
  #drax-menu-full .menu-static { --menu-scale: 2.4 !important; }
  #drax-menu-full .menu-static .Desc { font-size: 1.4vw; }
  #drax-menu-full .menu-static .PWrapper .PTabs { max-height: none; }
}