/*
    v195 reference menu language:
    long beveled option bars, double-diamond micro icons, thin inner rails,
    selected plate glow, and transition-only motion. No keyframe loops.
  */
  body.pa195-menu-ref #pa188-shell {
    --pa195-gold:#fff1bd;
    --pa195-amber:#ffb15f;
    --pa195-cyan:#70ffe0;
    --pa195-blue:#72b8ff;
    --pa195-purple:#c08cff;
    --pa195-red:#ff9db0;
    --pa195-dim:#526077;
  }

  body.pa195-menu-ref #pa188-shell .pa188-node-list {
    gap: clamp(7px, 1.02vh, 11px) !important;
    padding: 5px 14px 5px 18px !important;
  }
  body.pa195-menu-ref #pa188-shell .pa188-node-list::before {
    left: 68px !important;
    top: 8% !important;
    bottom: 8% !important;
    width: 2px !important;
    opacity: .45 !important;
    background: linear-gradient(180deg, rgba(255,241,189,.55), rgba(112,255,224,.48), rgba(192,140,255,.40), rgba(255,157,176,.42)) !important;
    box-shadow: 0 0 10px rgba(112,255,224,.22) !important;
  }

  body.pa195-menu-ref #pa188-shell .pa188-node,
  body.pa195-menu-ref #pa188-shell .pa188-mode {
    min-height: clamp(54px, 6.7vh, 70px) !important;
    border-width: 1px !important;
    border-color: color-mix(in srgb, var(--node-color, var(--mode-color, #72b8ff)) 62%, transparent) !important;
    background:
      linear-gradient(90deg, rgba(7,14,27,.82), rgba(4,8,16,.62) 53%, rgba(4,8,16,.28)),
      linear-gradient(180deg, rgba(255,255,255,.026), rgba(0,0,0,0)) !important;
    clip-path: polygon(34px 0, calc(100% - 24px) 0, 100% 50%, calc(100% - 24px) 100%, 34px 100%, 0 50%) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.026),
      inset 0 0 24px rgba(0,0,0,.28) !important;
    transition:
      transform .16s ease,
      border-color .16s ease,
      box-shadow .16s ease,
      background .16s ease,
      color .16s ease !important;
  }

  body.pa195-menu-ref #pa188-shell .pa188-node {
    grid-template-columns: 66px minmax(0, 1fr) 46px !important;
    padding: 6px 13px 6px 13px !important;
  }
  body.pa195-menu-ref #pa188-shell .pa188-mode {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    padding: 8px 12px 8px 12px !important;
  }

  body.pa195-menu-ref #pa188-shell .pa188-node::before,
  body.pa195-menu-ref #pa188-shell .pa188-mode::before {
    content: "";
    position: absolute;
    inset: 4px 16px 4px 52px;
    pointer-events: none;
    z-index: -1;
    opacity: .34;
    background:
      linear-gradient(90deg, color-mix(in srgb, var(--node-color, var(--mode-color, #72b8ff)) 18%, transparent), transparent 28%),
      repeating-linear-gradient(90deg, transparent 0 33px, color-mix(in srgb, var(--node-color, var(--mode-color, #72b8ff)) 35%, transparent) 33px 34px, transparent 34px 78px);
    transform: translateX(-8px);
    transition: opacity .16s ease, transform .18s ease;
  }
  body.pa195-menu-ref #pa188-shell .pa188-node::after,
  body.pa195-menu-ref #pa188-shell .pa188-mode::after {
    content: "";
    position: absolute;
    left: 83px;
    right: 38px;
    bottom: 10px;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, color-mix(in srgb, var(--node-color, var(--mode-color, #72b8ff)) 78%, transparent), transparent);
    opacity: .42;
    transform: scaleX(.62);
    transform-origin: left center;
    transition: opacity .16s ease, transform .18s ease;
  }

  body.pa195-menu-ref #pa188-shell .pa188-node:hover,
  body.pa195-menu-ref #pa188-shell .pa188-mode:hover {
    transform: translateX(7px) !important;
    border-color: color-mix(in srgb, var(--node-color, var(--mode-color, #72b8ff)) 90%, white 10%) !important;
    color: var(--pa195-gold) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.035),
      inset 0 0 26px color-mix(in srgb, var(--node-color, var(--mode-color, #72b8ff)) 8%, transparent),
      0 0 18px color-mix(in srgb, var(--node-color, var(--mode-color, #72b8ff)) 10%, transparent) !important;
  }
  body.pa195-menu-ref #pa188-shell .pa188-node:hover::before,
  body.pa195-menu-ref #pa188-shell .pa188-mode:hover::before,
  body.pa195-menu-ref #pa188-shell .pa188-node[data-selected="true"]::before,
  body.pa195-menu-ref #pa188-shell .pa188-mode[data-active="true"]::before {
    opacity: .92;
    transform: translateX(0);
  }
  body.pa195-menu-ref #pa188-shell .pa188-node:hover::after,
  body.pa195-menu-ref #pa188-shell .pa188-mode:hover::after,
  body.pa195-menu-ref #pa188-shell .pa188-node[data-selected="true"]::after,
  body.pa195-menu-ref #pa188-shell .pa188-mode[data-active="true"]::after {
    opacity: .92;
    transform: scaleX(1);
  }

  body.pa195-menu-ref #pa188-shell .pa188-node[data-selected="true"] {
    border-color: var(--pa195-gold) !important;
    background:
      linear-gradient(90deg, rgba(255,177,95,.14), rgba(255,241,189,.075) 42%, rgba(7,14,27,.70)),
      linear-gradient(180deg, rgba(255,255,255,.040), rgba(0,0,0,0)) !important;
    color: var(--pa195-gold) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,241,189,.12),
      inset 0 0 32px rgba(255,177,95,.075),
      0 0 22px rgba(255,217,117,.12) !important;
  }
  body.pa195-menu-ref #pa188-shell .pa188-mode[data-active="true"] {
    border-color: color-mix(in srgb, var(--mode-color, #70ffe0) 88%, white 12%) !important;
    background:
      linear-gradient(90deg, color-mix(in srgb, var(--mode-color, #70ffe0) 15%, transparent), rgba(7,14,27,.74) 48%, rgba(4,8,16,.44)),
      linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,0)) !important;
  }

  /* Double diamond micro icon from reference menu. */
  body.pa195-menu-ref #pa188-shell .pa188-node-icon,
  body.pa195-menu-ref #pa188-shell .pa188-mode-icon,
  body.pa195-menu-ref #pa188-shell .pa188-detail-icon {
    position: relative;
    width: 47px !important;
    height: 47px !important;
    border-color: currentColor !important;
    background:
      radial-gradient(circle at 50% 50%, color-mix(in srgb, currentColor 14%, transparent), transparent 62%),
      rgba(2,5,12,.78) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.035),
      0 0 12px color-mix(in srgb, currentColor 13%, transparent) !important;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
  }
  body.pa195-menu-ref #pa188-shell .pa188-node-icon::before,
  body.pa195-menu-ref #pa188-shell .pa188-mode-icon::before,
  body.pa195-menu-ref #pa188-shell .pa188-detail-icon::before {
    content:"";
    position:absolute;
    inset:6px;
    border:1px solid currentColor;
    opacity:.54;
    pointer-events:none;
  }
  body.pa195-menu-ref #pa188-shell .pa188-node-icon::after,
  body.pa195-menu-ref #pa188-shell .pa188-mode-icon::after,
  body.pa195-menu-ref #pa188-shell .pa188-detail-icon::after {
    content:"";
    position:absolute;
    inset:-7px;
    border:1px solid currentColor;
    opacity:.30;
    pointer-events:none;
  }
  body.pa195-menu-ref #pa188-shell .pa188-node:hover .pa188-node-icon,
  body.pa195-menu-ref #pa188-shell .pa188-node[data-selected="true"] .pa188-node-icon,
  body.pa195-menu-ref #pa188-shell .pa188-mode:hover .pa188-mode-icon,
  body.pa195-menu-ref #pa188-shell .pa188-mode[data-active="true"] .pa188-mode-icon {
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.045),
      0 0 18px color-mix(in srgb, currentColor 22%, transparent) !important;
  }

  body.pa195-menu-ref #pa188-shell .pa188-node-text b,
  body.pa195-menu-ref #pa188-shell .pa188-mode b {
    font-family: Georgia, "Times New Roman", "Noto Serif SC", serif !important;
    font-weight: 900 !important;
    letter-spacing: .10em !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
  }
  body.pa195-menu-ref #pa188-shell .pa188-node-text small,
  body.pa195-menu-ref #pa188-shell .pa188-mode small {
    color: color-mix(in srgb, var(--node-color, var(--mode-color, #72b8ff)) 72%, #ffffff 12%) !important;
    font-size: 10px !important;
    letter-spacing: .14em !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
  }

  /* Right-end chevron like the reference list. */
  body.pa195-menu-ref #pa188-shell .pa188-node-index {
    position: relative;
    border-color: color-mix(in srgb, var(--node-color, #ffd975) 55%, transparent) !important;
    color: color-mix(in srgb, var(--node-color, #ffd975) 82%, white 12%) !important;
    background: rgba(2,5,12,.60) !important;
    transition: transform .16s ease, border-color .16s ease, color .16s ease !important;
  }
  body.pa195-menu-ref #pa188-shell .pa188-node[data-selected="true"] .pa188-node-index span {
    color: transparent !important;
  }
  body.pa195-menu-ref #pa188-shell .pa188-node[data-selected="true"] .pa188-node-index::before {
    content: "›";
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    transform: rotate(-45deg);
    color: var(--pa195-gold);
    font-size: 30px;
    line-height: 1;
  }

  /* Small functional icons for bottom/actions: stable micro glyph plates. */
  body.pa195-menu-ref #pa188-shell .pa188-btn,
  body.pa195-menu-ref #pa188-shell .pa188-tab,
  body.pa195-menu-ref #pa188-shell .pa188-mini {
    border-radius: 0 !important;
    clip-path: polygon(18px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 18px 100%, 0 50%) !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,.72);
  }
  body.pa195-menu-ref #pa188-shell .pa188-btn::after,
  body.pa195-menu-ref #pa188-shell .pa188-tab::after {
    content:"";
    position:absolute;
    left:22px;
    right:22px;
    bottom:7px;
    height:1px;
    pointer-events:none;
    background:linear-gradient(90deg, transparent, rgba(255,241,189,.45), transparent);
    opacity:.35;
    transform:scaleX(.68);
    transition:opacity .16s ease, transform .16s ease;
  }
  body.pa195-menu-ref #pa188-shell .pa188-btn:hover::after,
  body.pa195-menu-ref #pa188-shell .pa188-tab:hover::after,
  body.pa195-menu-ref #pa188-shell .pa188-tab[data-current="true"]::after {
    opacity:.88;
    transform:scaleX(1);
  }

  body.pa195-menu-ref #pa188-shell .pa188-resource-icon,
  body.pa195-menu-ref #pa188-shell .pa188-equip,
  body.pa195-menu-ref #pa188-shell .pa188-enemy,
  body.pa195-menu-ref #pa188-shell .pa188-reward b {
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease !important;
  }
  body.pa195-menu-ref #pa188-shell .pa188-equip:hover,
  body.pa195-menu-ref #pa188-shell .pa188-resource:hover .pa188-resource-icon,
  body.pa195-menu-ref #pa188-shell .pa188-reward:hover b {
    transform: translateY(-1px) scale(1.035) !important;
  }

  /* Static reference-menu pixel specks; not animated. */
  body.pa195-menu-ref #pa188-shell .pa188-node-list,
  body.pa195-menu-ref #pa188-shell .pa188-match-modes,
  body.pa195-menu-ref #pa188-shell .pa188-mode-list {
    background-image:
      radial-gradient(circle at 12% 12%, rgba(255,177,95,.42) 0 1px, transparent 1.3px),
      radial-gradient(circle at 86% 32%, rgba(112,255,224,.34) 0 1px, transparent 1.3px),
      radial-gradient(circle at 54% 78%, rgba(192,140,255,.32) 0 1px, transparent 1.3px);
    background-size: 94px 72px, 118px 86px, 142px 120px;
  }