body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-panel.center {
    background:
      radial-gradient(circle at 50% 18%, rgba(255,222,139,.16), transparent 31%),
      radial-gradient(circle at 70% 78%, rgba(124,255,213,.10), transparent 34%),
      repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 96px),
      linear-gradient(180deg, rgba(9,14,24,.70), rgba(2,5,12,.86)) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,228,156,.10),
      inset 0 0 72px rgba(0,0,0,.44) !important;
  }
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-list {
    gap: clamp(13px, 1.52dvh, 23px) !important;
  }
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-list::after {
    opacity: .56 !important;
    background:
      radial-gradient(circle, rgba(255,223,139,.58) 0 1.5px, transparent 2.5px) 2% 8% / 120px 92px,
      radial-gradient(circle, rgba(124,255,213,.44) 0 1.5px, transparent 2.5px) 20% 18% / 170px 122px,
      radial-gradient(circle, rgba(128,197,255,.36) 0 1.5px, transparent 2.5px) 36% 42% / 150px 116px,
      repeating-linear-gradient(90deg, transparent 0 118px, rgba(127,198,255,.12) 118px 120px, transparent 120px 236px),
      repeating-linear-gradient(180deg, transparent 0 38px, rgba(255,255,255,.04) 38px 39px, transparent 39px 76px) !important;
    animation: pa217ParticleDrift 7.5s linear infinite !important;
  }
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node {
    min-height: clamp(92px, 11.7dvh, 142px) !important;
    border-width: 2px !important;
    background:
      linear-gradient(90deg, color-mix(in srgb, var(--node-color, #ffd975) 18%, transparent), rgba(4,8,15,.80) 27%, rgba(1,3,9,.92) 70%, color-mix(in srgb, var(--node-color, #ffd975) 14%, transparent)),
      linear-gradient(104deg, transparent 0 38%, rgba(255,246,204,.13) 45%, color-mix(in srgb, var(--node-color, #ffd975) 21%, transparent) 51%, transparent 61%),
      repeating-linear-gradient(90deg, transparent 0 54px, color-mix(in srgb, var(--node-color, #ffd975) 22%, transparent) 54px 56px, transparent 56px 118px),
      repeating-linear-gradient(180deg, rgba(255,255,255,.035) 0 1px, transparent 1px 4px) !important;
    background-size: 100% 100%, 220% 100%, 180px 100%, 100% 4px !important;
    animation:
      pa216RouteIn .44s cubic-bezier(.16,1,.3,1) both,
      pa217CardCurrent 4.6s linear infinite !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.18),
      inset 0 -2px 0 color-mix(in srgb, var(--node-color, #ffd975) 48%, transparent),
      inset 0 0 46px color-mix(in srgb, var(--node-color, #ffd975) 7%, transparent),
      0 0 0 1px rgba(0,0,0,.70),
      0 19px 34px rgba(0,0,0,.30),
      0 0 24px color-mix(in srgb, var(--node-color, #ffd975) 8%, transparent) !important;
  }
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node::before {
    inset: 5px clamp(56px, 7.8vw, 98px) 5px clamp(38px, 4.8vw, 72px) !important;
    opacity: .98 !important;
    background:
      linear-gradient(90deg, transparent 0 6%, color-mix(in srgb, var(--node-color, #ffd975) 95%, #fff 10%) 6% 38%, transparent 38% 69%, color-mix(in srgb, var(--node-color, #ffd975) 82%, transparent) 69% 100%) top / 100% 3px no-repeat,
      linear-gradient(90deg, color-mix(in srgb, var(--node-color, #ffd975) 88%, #fff 8%), transparent 48%, color-mix(in srgb, var(--node-color, #ffd975) 42%, transparent)) bottom / 100% 3px no-repeat,
      linear-gradient(90deg, transparent, color-mix(in srgb, var(--node-color, #ffd975) 20%, transparent) 30%, transparent 74%),
      repeating-linear-gradient(90deg, transparent 0 92px, color-mix(in srgb, var(--node-color, #ffd975) 50%, transparent) 92px 96px, transparent 96px 134px) !important;
    background-size: 100% 3px, 100% 3px, 210% 100%, 190px 100% !important;
    animation: pa217FrameFlow 3.9s linear infinite !important;
  }
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node::after {
    height: 5px !important;
    bottom: 20% !important;
    opacity: .72 !important;
    background:
      linear-gradient(90deg, transparent, color-mix(in srgb, var(--node-color, #ffd975) 95%, #fff 8%) 18%, transparent 34%),
      linear-gradient(90deg, color-mix(in srgb, var(--node-color, #ffd975) 80%, transparent), transparent 74%),
      repeating-linear-gradient(90deg, transparent 0 28px, color-mix(in srgb, var(--node-color, #ffd975) 88%, transparent) 28px 32px, transparent 32px 82px) !important;
    background-size: 190px 100%, 100% 100%, 164px 100% !important;
    animation: pa217RailFlow 1.85s linear infinite !important;
    filter: drop-shadow(0 0 8px color-mix(in srgb, var(--node-color, #ffd975) 34%, transparent)) !important;
  }
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node:hover::after,
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node[data-motion-to="true"]::after {
    animation:
      pa216Trace .46s ease both,
      pa217RailFlow 1.25s linear infinite !important;
  }
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node:hover,
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node:focus-visible {
    background-size: 100% 100%, 180% 100%, 140px 100%, 100% 4px !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.25),
      inset 0 -2px 0 color-mix(in srgb, var(--node-color, #ffd975) 64%, transparent),
      inset 0 0 58px color-mix(in srgb, var(--node-color, #ffd975) 12%, transparent),
      0 0 0 1px rgba(0,0,0,.72),
      0 22px 38px rgba(0,0,0,.38),
      0 0 38px color-mix(in srgb, var(--node-color, #ffd975) 28%, transparent) !important;
  }
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node[data-selected="true"] {
    animation:
      pa217CardCurrent 3.3s linear infinite,
      pa217SelectedAura 2.2s ease-in-out infinite !important;
  }
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-icon {
    width: clamp(68px, 8.8vw, 112px) !important;
    height: clamp(68px, 8.8vw, 112px) !important;
    border-width: 3px !important;
    background:
      radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--node-color, #ffd975) 34%, transparent), transparent 46%),
      conic-gradient(from 45deg, transparent 0 10%, color-mix(in srgb, var(--node-color, #ffd975) 32%, transparent) 11% 15%, transparent 16% 35%, color-mix(in srgb, var(--node-color, #ffd975) 36%, transparent) 36% 40%, transparent 41% 100%),
      linear-gradient(135deg, rgba(0,0,0,.72), rgba(255,255,255,.06) 49%, rgba(0,0,0,.66)) !important;
    box-shadow:
      0 0 0 clamp(9px, 1.25vw, 17px) rgba(0,0,0,.22),
      0 0 0 clamp(13px, 1.75vw, 24px) color-mix(in srgb, var(--node-color, #ffd975) 31%, transparent),
      inset 0 0 0 1px rgba(255,255,255,.12),
      inset 0 0 26px color-mix(in srgb, var(--node-color, #ffd975) 18%, transparent),
      0 0 34px color-mix(in srgb, var(--node-color, #ffd975) 26%, transparent) !important;
    animation: pa217IconCircuit 3.6s linear infinite !important;
  }
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-icon::before {
    inset: 10% !important;
    opacity: .92 !important;
    animation: pa217IconRing 2.8s linear infinite !important;
  }
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-icon::after {
    inset: 29% !important;
    opacity: .94 !important;
    box-shadow:
      inset 0 0 0 2px rgba(0,0,0,.34),
      0 0 12px color-mix(in srgb, var(--node-color, #ffd975) 32%, transparent) !important;
    animation: pa217CoreBlink 2.2s steps(4,end) infinite !important;
  }
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-index {
    border-width: 2px !important;
    background:
      linear-gradient(90deg, transparent 0 12%, rgba(4,8,15,.82) 12% 100%),
      linear-gradient(90deg, transparent, color-mix(in srgb, var(--node-color, #ffd975) 20%, transparent), transparent),
      radial-gradient(circle at 18% 50%, color-mix(in srgb, var(--node-color, #ffd975) 34%, transparent), transparent 34%) !important;
    background-size: 100% 100%, 190% 100%, 100% 100% !important;
    animation: pa217IndexFlow 2.6s linear infinite !important;
  }
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-index::before {
    width: 42px !important;
    background:
      radial-gradient(circle, color-mix(in srgb, var(--node-color, #ffd975) 95%, white 12%) 0 2px, transparent 3px) 0 50% / 8px 8px repeat-x,
      linear-gradient(90deg, transparent, color-mix(in srgb, var(--node-color, #ffd975) 60%, transparent), transparent) !important;
    animation: pa217DotRun 1.15s linear infinite !important;
  }
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-text b {
    color: #fff7df !important;
    text-shadow:
      2px 2px 0 rgba(0,0,0,.92),
      0 0 1px #fff,
      0 0 18px color-mix(in srgb, var(--node-color, #ffd975) 25%, transparent) !important;
  }
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-text small {
    text-shadow:
      0 0 8px color-mix(in srgb, var(--node-color, #ffd975) 38%, transparent),
      0 0 18px color-mix(in srgb, var(--node-color, #ffd975) 18%, transparent) !important;
  }
  @media (max-width: 720px) {
    body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-list {
      gap: clamp(12px, 1.45dvh, 17px) !important;
    }
    body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node {
      min-height: clamp(88px, 12.8dvh, 116px) !important;
    }
    body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-icon {
      width: clamp(62px, 17vw, 82px) !important;
      height: clamp(62px, 17vw, 82px) !important;
    }
  }
  @keyframes pa217CardCurrent {
    0% { background-position: 0 0, 160% 0, 0 0, 0 0; }
    100% { background-position: 0 0, -60% 0, 180px 0, 0 4px; }
  }
  @keyframes pa217FrameFlow {
    0% { background-position: 0 0, 0 100%, 120% 0, 0 0; opacity: .82; }
    50% { opacity: 1; }
    100% { background-position: 0 0, 0 100%, -80% 0, 190px 0; opacity: .86; }
  }
  @keyframes pa217RailFlow {
    0% { background-position: -190px 0, 0 0, 0 0; }
    100% { background-position: 190px 0, 0 0, 164px 0; }
  }
  @keyframes pa217ParticleDrift {
    0% { background-position: 2% 8%, 20% 18%, 36% 42%, 0 0, 0 0; }
    100% { background-position: calc(2% + 120px) calc(8% + 92px), calc(20% - 170px) calc(18% + 122px), calc(36% + 150px) calc(42% - 116px), 236px 0, 0 76px; }
  }
  @keyframes pa217IconCircuit {
    0% { background-position: 0 0, 0 0, 0 0; filter: brightness(1); }
    50% { filter: brightness(1.16); }
    100% { background-position: 0 0, 100% 100%, 0 0; filter: brightness(1); }
  }
  @keyframes pa217IconRing {
    0% { transform: rotate(0deg) scale(.80); opacity: .70; }
    50% { opacity: 1; }
    100% { transform: rotate(90deg) scale(.80); opacity: .70; }
  }
  @keyframes pa217CoreBlink {
    0%, 100% { opacity: .68; filter: brightness(.9); }
    35% { opacity: 1; filter: brightness(1.35); }
    70% { opacity: .82; filter: brightness(1.05); }
  }
  @keyframes pa217IndexFlow {
    0% { background-position: 0 0, 130% 0, 0 0; }
    100% { background-position: 0 0, -70% 0, 0 0; }
  }
  @keyframes pa217DotRun {
    0% { background-position: 0 50%, 0 0; opacity: .62; }
    50% { opacity: 1; }
    100% { background-position: 16px 50%, 42px 0; opacity: .72; }
  }
  @keyframes pa217SelectedAura {
    0%, 100% { box-shadow: inset 0 1px 0 rgba(255,255,255,.24), inset 0 -2px 0 color-mix(in srgb, var(--node-color, #ffd975) 64%, transparent), inset 0 0 54px color-mix(in srgb, var(--node-color, #ffd975) 12%, transparent), 0 0 32px color-mix(in srgb, var(--node-color, #ffd975) 22%, transparent), 0 22px 38px rgba(0,0,0,.36) !important; }
    50% { box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 0 color-mix(in srgb, var(--node-color, #ffd975) 78%, transparent), inset 0 0 68px color-mix(in srgb, var(--node-color, #ffd975) 18%, transparent), 0 0 48px color-mix(in srgb, var(--node-color, #ffd975) 34%, transparent), 0 24px 42px rgba(0,0,0,.40) !important; }
  }