/* ==================================================
   v9.3.2 · Q-ACCESS CLEAN ROUTE SESSIONS
   Shared right-edge navigation, integrated Back and expanded screen ownership.
================================================== */

:root {
  --global-shell-bottom: calc(16px + var(--safe-bottom));
  --global-shell-control: 50px;
  --global-shell-gap: 8px;
  --q-access-slot-gap: 6px;
  --q-access-slots-width: 274px;
  --q-access-expanded-width: 332px;
  --context-menu-width: 270px;
  --context-menu-item-height: 52px;
  --player-reserved-height: 88px;
}

.global-ui-shell {
  position: fixed;
  inset: 0;
  z-index: 270;
  pointer-events: none;
  color: #f5fdff;
  font-family: Montserrat, Arial, sans-serif;
}

.global-ui-shell[hidden],
.context-menu-dock[hidden],
.q-access-dock[hidden],
.q-access-config[hidden],
.global-shell-back[hidden] {
  display: none !important;
}

.context-menu-dock {
  position: fixed;
  right: max(16px, env(safe-area-inset-right));
  bottom: calc(var(--global-shell-bottom) + var(--global-shell-control) + var(--global-shell-gap));
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: var(--global-shell-gap);
  pointer-events: auto;
}

.context-menu-toggle {
  position: relative;
  width: var(--global-shell-control);
  height: var(--global-shell-control);
  flex: 0 0 var(--global-shell-control);
  border: 1px solid rgba(157, 240, 253, .22);
  border-right-color: rgba(132, 237, 252, .54);
  background: linear-gradient(145deg, rgba(6, 24, 30, .31), rgba(2, 10, 14, .12));
  -webkit-backdrop-filter: blur(10px) saturate(108%);
  backdrop-filter: blur(10px) saturate(108%);
  color: rgba(224, 251, 255, .74);
  display: grid;
  place-items: center;
  cursor: pointer;
  box-shadow: 0 0 20px rgba(82, 224, 245, .035), inset 0 0 14px rgba(126, 241, 255, .018);
  transition: border-color .2s ease, background .2s ease, opacity .2s ease;
}
.context-menu-toggle:hover,
.context-menu-toggle:focus-visible,
.context-menu-dock.is-open .context-menu-toggle {
  border-color: rgba(143, 239, 253, .68);
  background: linear-gradient(145deg, rgba(8, 37, 45, .5), rgba(2, 13, 18, .2));
}
.context-menu-toggle small {
  position: absolute;
  bottom: 6px;
  color: rgba(255, 255, 255, .38);
  font-size: 4.8px;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.context-menu-toggle-mark {
  width: 17px;
  display: grid;
  gap: 4px;
}
.context-menu-toggle-mark i {
  display: block;
  height: 1px;
  background: var(--cyan);
  box-shadow: 0 0 8px rgba(107, 246, 255, .34);
  transition: width .2s ease, transform .25s ease;
}
.context-menu-toggle-mark i:nth-child(1) { width: 11px; justify-self: end; }
.context-menu-toggle-mark i:nth-child(2) { width: 17px; }
.context-menu-toggle-mark i:nth-child(3) { width: 7px; justify-self: end; }
.context-menu-dock.is-open .context-menu-toggle-mark i:nth-child(1),
.context-menu-dock.is-open .context-menu-toggle-mark i:nth-child(3) { width: 17px; }

.context-menu-items {
  width: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateX(18px);
  transition: width .34s cubic-bezier(.22, .8, .24, 1), opacity .16s ease, transform .34s cubic-bezier(.22, .8, .24, 1);
}
.context-menu-dock.is-open .context-menu-items {
  width: min(var(--context-menu-width), calc(100vw - var(--global-shell-control) - 48px));
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}
.context-menu-actions {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.context-menu-item {
  position: relative;
  width: 100%;
  min-height: var(--context-menu-item-height);
  padding: 10px 13px 9px 16px;
  border: 1px solid rgba(157, 240, 253, .18);
  border-right-color: rgba(132, 237, 252, .47);
  background:
    linear-gradient(90deg, rgba(4, 17, 22, .24), rgba(5, 26, 32, .38)),
    linear-gradient(180deg, rgba(107, 246, 255, .018), transparent);
  -webkit-backdrop-filter: blur(9px) saturate(106%);
  backdrop-filter: blur(9px) saturate(106%);
  color: rgba(244, 253, 255, .86);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  text-align: left;
  cursor: pointer;
  box-shadow: inset -1px 0 10px rgba(107, 246, 255, .018), 0 0 20px rgba(34, 211, 238, .025);
  opacity: 0;
  transform: translateX(22px) scale(.985);
  transition:
    transform .3s cubic-bezier(.22, .8, .24, 1),
    opacity .2s ease,
    border-color .18s ease,
    background .18s ease;
  transition-delay: calc(var(--menu-index, 0) * 55ms);
}
.context-menu-dock.is-open .context-menu-item {
  opacity: 1;
  transform: translateX(0) scale(1);
}
.context-menu-item:hover,
.context-menu-item:focus-visible {
  border-color: rgba(143, 239, 253, .58);
  background: linear-gradient(90deg, rgba(5, 24, 30, .31), rgba(8, 42, 50, .48));
}
.context-menu-dock.is-open .context-menu-item.is-unavailable { opacity: .44; }
.context-menu-dock.is-busy .context-menu-item { pointer-events: none; }
.context-menu-item-copy { min-width: 0; }
.context-menu-item-copy strong {
  display: block;
  overflow: hidden;
  color: rgba(246, 253, 255, .84);
  font-size: 8px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: .15em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.context-menu-item-copy small {
  display: block;
  margin-top: 6px;
  overflow: hidden;
  color: rgba(230, 248, 251, .38);
  font-size: 5.5px;
  line-height: 1.2;
  letter-spacing: .1em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.context-menu-item-mark {
  flex: 0 0 18px;
  color: var(--cyan);
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  text-shadow: 0 0 8px rgba(107, 246, 255, .34);
}
.context-menu-back {
  border-right-color: rgba(209, 247, 252, .38);
  background: linear-gradient(90deg, rgba(3, 13, 18, .18), rgba(5, 24, 30, .32));
}
.context-menu-back:disabled { opacity: .32 !important; cursor: default; }
.global-shell-back-mark {
  width: 17px;
  height: 1px;
  background: currentColor;
  position: relative;
  box-shadow: 0 0 8px rgba(107, 246, 255, .45);
}
.global-shell-back-mark::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 7px;
  height: 7px;
  border-left: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: translateY(-3px) rotate(45deg);
}

/* Migrated views give their navigation territory to the shared shell. Their
   environment hotspots and gameplay controls remain untouched. */
.app.context-menu-migrated #locationScreen.active #locationActionGrid,
.app.context-menu-migrated #interiorScreen.active #interiorActions,
.app.context-menu-migrated #bossScreen.active .boss-actions,
.app.context-menu-migrated #churchScreen.active .church-actions,
.app.context-menu-migrated #cribScreen.active .crib-actions,
.app.context-menu-migrated #riverScreen.active .river-actions,
.app.context-menu-migrated #scenicScreen.active > .action-grid,
.app.context-menu-migrated #offgridOverlay:not([hidden]) .offgrid-back,
.app.context-menu-migrated #postOfficeOverlay:not([hidden]) #postOfficeBack,
.app.context-menu-migrated #henzyLab:not([hidden]) .henzy-lab-back,
.app.context-menu-migrated #biowattsOverlay:not([hidden]) .biowatts-close,
.app.context-menu-migrated #cityCurrentOverlay:not([hidden]) .city-current-back,
.app.context-menu-migrated #turbineOverlay[data-mode="normal"] .turbine-challenge-button,
.app.context-menu-migrated #turbineOverlay[data-mode="normal"] .turbine-close,
.app.context-menu-migrated #turbineOverlay[data-mode="select"] .turbine-challenge-back-button,
.app.context-menu-migrated #turbineOverlay[data-mode="shop"] .turbine-subscreen-back,
.app.context-menu-migrated #turbineOverlay[data-mode="cityshop"] .turbine-subscreen-back {
  display: none !important;
}

.q-access-dock {
  position: fixed;
  right: max(16px, env(safe-area-inset-right));
  bottom: var(--global-shell-bottom);
  height: var(--global-shell-control);
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: var(--global-shell-gap);
  pointer-events: auto;
}

.q-access-toggle,
.q-access-slot {
  position: relative;
  width: var(--global-shell-control);
  height: var(--global-shell-control);
  flex: 0 0 var(--global-shell-control);
  border: 1px solid rgba(157, 240, 253, .25);
  background: linear-gradient(145deg, rgba(6, 24, 30, .39), rgba(2, 10, 14, .18));
  -webkit-backdrop-filter: blur(11px) saturate(108%);
  backdrop-filter: blur(11px) saturate(108%);
  color: rgba(224, 251, 255, .82);
  cursor: pointer;
  box-shadow: 0 0 20px rgba(82, 224, 245, .04), inset 0 0 14px rgba(126, 241, 255, .02);
  transition: transform .24s cubic-bezier(.22, .8, .24, 1), opacity .2s ease, border-color .2s ease, background .2s ease;
}

.q-access-toggle {
  display: grid;
  place-items: center;
  z-index: 2;
  border-right-color: rgba(132, 237, 252, .62);
}
.q-access-toggle-mark {
  font-size: 15px;
  font-weight: 300;
  line-height: 1;
  color: var(--cyan);
  text-shadow: 0 0 10px rgba(107, 246, 255, .38);
}
.q-access-toggle small {
  position: absolute;
  bottom: 6px;
  font-size: 4.8px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .42);
}
.q-access-toggle::before,
.q-access-toggle::after {
  content: "";
  position: absolute;
  top: 7px;
  bottom: 7px;
  width: 1px;
  background: rgba(107, 246, 255, .26);
}
.q-access-toggle::before { left: 7px; }
.q-access-toggle::after { right: 7px; }
.q-access-toggle:hover,
.q-access-toggle:focus-visible,
.q-access-dock.is-open .q-access-toggle {
  border-color: rgba(143, 239, 253, .72);
  background: linear-gradient(145deg, rgba(8, 37, 45, .58), rgba(2, 13, 18, .27));
}

.q-access-slots {
  width: 0;
  min-width: 0;
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: var(--q-access-slot-gap);
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transition: width .32s cubic-bezier(.22, .8, .24, 1), opacity .16s ease;
}
.q-access-dock.is-open .q-access-slots {
  width: var(--q-access-slots-width);
  opacity: 1;
  pointer-events: auto;
}
.q-access-slot {
  display: grid;
  place-items: center;
  transform: translateX(14px) scale(.96);
  opacity: 0;
  transition-delay: calc(var(--q-index) * 45ms);
}
.q-access-dock.is-open .q-access-slot {
  transform: translateX(0) scale(1);
  opacity: 1;
}
.q-access-slot:hover,
.q-access-slot:focus-visible {
  border-color: rgba(143, 239, 253, .7);
  background: rgba(8, 37, 45, .48);
}
.q-access-slot:disabled { cursor: default; }
.q-access-slot.is-active {
  opacity: .3 !important;
  border-color: rgba(255, 255, 255, .16);
}
.q-access-slot.is-locked {
  opacity: .42 !important;
  border-color: rgba(255, 125, 125, .24);
}
.q-access-slot.is-empty { border-style: dashed; color: rgba(255, 255, 255, .35); }
.q-access-slot-glyph {
  font-size: 13px;
  font-weight: 400;
  color: var(--cyan);
  text-shadow: 0 0 10px rgba(107, 246, 255, .28);
}
.q-access-slot-glyph.q-access-icon-image {
  display: block;
  width: 31px;
  height: 31px;
  object-fit: contain;
  filter: drop-shadow(0 0 7px rgba(107, 246, 255, .22));
  pointer-events: none;
}
.q-access-slot.is-locked .q-access-icon-image { filter: grayscale(1) brightness(.64); }
.q-access-slot.is-active .q-access-icon-image { filter: grayscale(.45) brightness(.78); }
.q-access-slot.is-empty .q-access-slot-glyph { color: rgba(255, 255, 255, .42); }
.q-access-slot-number {
  position: absolute;
  bottom: 5px;
  right: 6px;
  font-size: 4.5px;
  letter-spacing: .08em;
  color: rgba(255, 255, 255, .34);
}

/* The existing player remains the audio authority. Only its docked shape is
   compacted; the full sheet keeps all current IDs and behavior. */
.global-player.visible:not(.expanded) {
  left: 50% !important;
  right: auto !important;
  bottom: var(--global-shell-bottom) !important;
  width: var(--global-shell-control) !important;
  height: var(--global-shell-control) !important;
  transform: translateX(-50%) !important;
  transition: transform .34s cubic-bezier(.22, .8, .24, 1), opacity .2s ease !important;
  overflow: visible;
}
.app.q-access-open .global-player.visible:not(.expanded) {
  transform: translateX(calc(-50% + 50vw - max(16px, env(safe-area-inset-right)) - var(--q-access-expanded-width) - 10px - (var(--global-shell-control) / 2))) !important;
}
.app.shell-quick-access-hidden .global-player.visible:not(.expanded) {
  transform: translateX(-50%) !important;
}
.global-player.visible:not(.expanded) .global-player-dock-row,
.global-player.visible:not(.expanded) .global-player-sheet {
  display: none !important;
}
.global-player.visible:not(.expanded) .global-player-dock-play {
  position: absolute !important;
  inset: 0 !important;
  width: var(--global-shell-control) !important;
  height: var(--global-shell-control) !important;
}
.app.shell-player-hidden .global-player { display: none !important; }
.app.player-expanded .global-ui-shell { opacity: 0; pointer-events: none; }

/* Q-Access configuration */
.q-access-config {
  position: fixed;
  inset: 0;
  z-index: 4;
  display: flex;
  justify-content: flex-end;
  pointer-events: auto;
}
.q-access-config-backdrop {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 78% 50%, rgba(67, 226, 246, .045), transparent 36%), rgba(0, 5, 8, .32);
  opacity: 0;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  transition: opacity .22s ease;
}
.q-access-config-panel {
  position: relative;
  width: min(590px, 100%);
  height: 100%;
  padding: calc(32px + var(--safe-top)) max(25px, 4vw) calc(28px + var(--safe-bottom));
  overflow-y: auto;
  background:
    linear-gradient(105deg, rgba(4, 15, 20, .58), rgba(2, 9, 13, .76)),
    linear-gradient(180deg, rgba(107, 246, 255, .025), transparent 32%);
  border-left: 1px solid rgba(135, 237, 252, .24);
  -webkit-backdrop-filter: blur(18px) saturate(108%);
  backdrop-filter: blur(18px) saturate(108%);
  box-shadow: -24px 0 70px rgba(0, 0, 0, .18), inset 1px 0 18px rgba(107, 246, 255, .02);
  transform: translateX(34px);
  opacity: 0;
  transition: transform .28s cubic-bezier(.22, .8, .24, 1), opacity .2s ease;
}
.q-access-config.is-open .q-access-config-backdrop { opacity: 1; }
.q-access-config.is-open .q-access-config-panel { transform: translateX(0); opacity: 1; }
.q-access-config-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(151, 238, 251, .18);
}
.q-access-config-header small,
.q-access-config-label,
.q-access-destination-group h3 {
  color: rgba(132, 238, 253, .68);
  font-size: 6.5px;
  font-weight: 500;
  letter-spacing: .24em;
  text-transform: uppercase;
}
.q-access-config-header h2 {
  margin: 8px 0 7px;
  font-size: clamp(31px, 7vw, 50px);
  font-weight: 300;
  letter-spacing: .14em;
}
.q-access-config-header p {
  max-width: 420px;
  margin: 0;
  color: rgba(235, 249, 252, .52);
  font-size: 8.5px;
  line-height: 1.65;
  letter-spacing: .055em;
}
.q-access-config-close {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border: 1px solid rgba(150, 238, 251, .22);
  background: rgba(3, 16, 21, .25);
  color: rgba(235, 252, 255, .72);
  font: 300 22px/1 Montserrat, Arial, sans-serif;
  cursor: pointer;
}
.q-access-config-close:hover,
.q-access-config-close:focus-visible { border-color: rgba(150, 238, 251, .7); color: #fff; }

.q-access-config-slots {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
  margin: 22px 0 28px;
}
.q-access-config-slot {
  position: relative;
  min-width: 0;
  border: 1px solid rgba(147, 236, 250, .16);
  background: rgba(5, 22, 28, .18);
}
.q-access-config-slot.is-selected {
  border-color: rgba(133, 238, 253, .72);
  background: linear-gradient(145deg, rgba(13, 50, 59, .38), rgba(3, 15, 20, .18));
  box-shadow: inset 0 -2px 0 rgba(107, 246, 255, .42), 0 0 22px rgba(79, 226, 247, .045);
}
.q-access-config-select {
  width: 100%;
  min-height: 74px;
  padding: 11px 22px 11px 10px;
  border: 0;
  background: transparent;
  color: #f5fdff;
  text-align: left;
  cursor: pointer;
}
.q-access-config-select small {
  display: block;
  margin-bottom: 8px;
  color: var(--cyan);
  font-size: 6px;
  letter-spacing: .15em;
}
.q-access-config-select strong {
  display: block;
  overflow: hidden;
  color: rgba(244, 252, 254, .78);
  font-size: 7px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: .08em;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
.q-access-config-slot.is-empty strong { color: rgba(255, 255, 255, .3); }
.q-access-config-remove {
  position: absolute;
  top: 6px;
  right: 5px;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, .38);
  font-size: 14px;
  cursor: pointer;
}
.q-access-config-remove:hover,
.q-access-config-remove:focus-visible { color: #ff9393; }
.q-access-config-label { margin-bottom: 12px; }

.q-access-destination-group + .q-access-destination-group { margin-top: 20px; }
.q-access-destination-group h3 { margin: 0 0 7px; color: rgba(255, 255, 255, .34); }
.q-access-destination-buttons { border-top: 1px solid rgba(146, 235, 249, .13); }
.q-access-destination {
  width: 100%;
  min-height: 59px;
  padding: 9px 10px;
  border: 0;
  border-bottom: 1px solid rgba(146, 235, 249, .1);
  background: transparent;
  color: #f4fcfe;
  display: grid;
  grid-template-columns: 38px 1fr;
  align-items: center;
  gap: 12px;
  text-align: left;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease;
}
.q-access-destination:hover,
.q-access-destination:focus-visible {
  background: linear-gradient(90deg, rgba(107, 246, 255, .075), transparent 78%);
  border-color: rgba(146, 235, 249, .28);
}
.q-access-destination.is-assigned { box-shadow: inset 2px 0 0 rgba(107, 246, 255, .5); }
.q-access-destination.is-locked { opacity: .52; }
.q-access-destination.is-active { background: rgba(255, 255, 255, .018); }
.q-access-destination-icon {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(137, 237, 252, .2);
  display: grid;
  place-items: center;
  color: var(--cyan);
  font-size: 10px;
}
.q-access-destination-icon.q-access-icon-image {
  display: block;
  width: 34px;
  height: 34px;
  padding: 3px;
  object-fit: contain;
  filter: drop-shadow(0 0 7px rgba(107, 246, 255, .18));
  pointer-events: none;
}
.q-access-destination.is-locked .q-access-icon-image { filter: grayscale(1) brightness(.64); }
.q-access-destination-copy { min-width: 0; }
.q-access-destination-copy strong {
  display: block;
  color: rgba(246, 253, 255, .82);
  font-size: 8.5px;
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.q-access-destination-copy small {
  display: block;
  margin-top: 5px;
  overflow: hidden;
  color: rgba(235, 249, 252, .4);
  font-size: 6.2px;
  line-height: 1.4;
  letter-spacing: .055em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.q-access-destination.is-locked .q-access-destination-copy small { color: rgba(255, 174, 174, .6); }
.q-access-empty-state {
  margin: 22px 0;
  color: rgba(255, 255, 255, .42);
  font-size: 9px;
  line-height: 1.6;
}
.app.q-access-config-open .q-access-dock,
.app.q-access-config-open .context-menu-dock,
.app.q-access-config-open .global-player { opacity: 0; pointer-events: none; }

.q-access-menu-button { color: rgba(184, 246, 255, .88) !important; }

@media (max-width: 620px) {
  :root {
    --global-shell-control: 46px;
    --q-access-slot-gap: 4px;
    --q-access-slots-width: 246px;
    --q-access-expanded-width: 300px;
    --context-menu-width: 244px;
    --context-menu-item-height: 48px;
    --global-shell-bottom: calc(12px + var(--safe-bottom));
    --player-reserved-height: 80px;
  }
  .context-menu-item { padding-inline: 13px 11px; }
  .context-menu-item-copy strong { font-size: 7px; }
  .context-menu-item-copy small { font-size: 5px; }
  .q-access-config-panel { padding-inline: 18px; }
  .q-access-config-header { gap: 14px; }
  .q-access-config-header p { max-width: 290px; }
  .q-access-config-slots { gap: 4px; }
  .q-access-config-select { min-height: 68px; padding-inline: 7px 18px; }
  .q-access-config-select strong { font-size: 6.2px; }
}

@media (max-width: 380px) {
  :root {
    --global-shell-control: 42px;
    --global-shell-gap: 4px;
    --q-access-slot-gap: 3px;
    --q-access-slots-width: 222px;
    --q-access-expanded-width: 268px;
  }
  .q-access-dock,
  .context-menu-dock { right: max(10px, env(safe-area-inset-right)); }
  .app.q-access-open .global-player.visible:not(.expanded) {
    transform: translateX(calc(-50% + 50vw - max(10px, env(safe-area-inset-right)) - var(--q-access-expanded-width) - 7px - (var(--global-shell-control) / 2))) !important;
  }
}

@media (max-width: 340px) {
  :root {
    --global-shell-control: 38px;
    --q-access-slots-width: 202px;
    --q-access-expanded-width: 244px;
    --context-menu-width: 220px;
    --context-menu-item-height: 44px;
  }
  .q-access-dock,
  .context-menu-dock { right: max(8px, env(safe-area-inset-right)); }
  .app.q-access-open .global-player.visible:not(.expanded) {
    transform: translateX(calc(-50% + 50vw - max(8px, env(safe-area-inset-right)) - var(--q-access-expanded-width) - 6px - (var(--global-shell-control) / 2))) !important;
  }
  .q-access-config-panel { padding-inline: 14px; }
  .q-access-config-slots { gap: 3px; }
  .q-access-config-select { padding-inline: 6px 15px; }
}

@media (prefers-reduced-motion: reduce) {
  .context-menu-items,
  .context-menu-item,
  .context-menu-toggle-mark i,
  .q-access-slots,
  .q-access-slot,
  .global-player.visible:not(.expanded),
  .q-access-config-panel,
  .q-access-config-backdrop { transition-duration: .01ms !important; transition-delay: 0ms !important; }
}