
  @media (max-width: 900px), (orientation: portrait) {
    body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-layout.terminal .pa188-panel.center {
      order: 1 !important;
    }
    body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-layout.terminal .pa188-panel.left {
      order: 2 !important;
    }
    body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-layout.terminal .pa188-panel.right {
      order: 3 !important;
    }
    body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-layout.terminal {
      gap: 12px !important;
      padding-bottom: 18px !important;
    }
    body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-panel.center {
      min-height: min(760px, calc(100dvh - 226px)) !important;
      border-color: rgba(255,226,142,.16) !important;
      background:
        radial-gradient(circle at 50% 52%, rgba(124,255,213,.12), transparent 31%),
        radial-gradient(circle at 30% 18%, rgba(255,217,117,.10), transparent 32%),
        linear-gradient(180deg, rgba(4,8,16,.52), rgba(2,5,12,.78)) !important;
    }
    body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-list {
      --pa216-route-left: clamp(68px, 18.5vw, 92px);
      --pa216-route-h: clamp(62px, 7.55dvh, 94px);
      min-height: min(760px, calc(100dvh - 232px)) !important;
      height: min(760px, calc(100dvh - 232px)) !important;
      gap: clamp(8px, 1.02dvh, 13px) !important;
      padding: clamp(4px, .7dvh, 10px) 4px !important;
      align-content: center !important;
    }
    body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node {
      min-height: var(--pa216-route-h) !important;
      grid-template-columns: var(--pa216-route-left) minmax(0, 1fr) clamp(56px, 15.5vw, 82px) !important;
      padding-left: 8px !important;
      padding-right: 10px !important;
      gap: 8px !important;
      clip-path: polygon(24px 0, calc(100% - 42px) 0, 100% 50%, calc(100% - 42px) 100%, 24px 100%, 0 50%) !important;
    }
    body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node::before {
      inset: 4px 46px 4px 30px !important;
    }
    body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node::after {
      left: calc(var(--pa216-route-left) - 8px) !important;
      right: clamp(72px, 18vw, 100px) !important;
      bottom: 18% !important;
    }
    body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-icon {
      width: clamp(52px, 14.5vw, 72px) !important;
      height: clamp(52px, 14.5vw, 72px) !important;
      border-width: 2px !important;
      box-shadow:
        0 0 0 clamp(7px, 1.8vw, 11px) rgba(0,0,0,.22),
        0 0 0 clamp(9px, 2.35vw, 15px) color-mix(in srgb, var(--node-color, #ffd975) 30%, transparent),
        inset 0 0 0 1px rgba(255,255,255,.12),
        inset 0 0 18px color-mix(in srgb, var(--node-color, #ffd975) 18%, transparent),
        0 0 24px color-mix(in srgb, var(--node-color, #ffd975) 24%, transparent) !important;
    }
    body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-icon span {
      font-size: clamp(19px, 5.6vw, 28px) !important;
    }
    body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-text {
      text-align: left !important;
    }
    body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-text b {
      font-size: clamp(24px, 7.1vw, 38px) !important;
      line-height: .98 !important;
      letter-spacing: .06em !important;
    }
    body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-text small {
      margin-top: clamp(5px, .6dvh, 8px) !important;
      font-size: clamp(8px, 2.55vw, 12px) !important;
      letter-spacing: .18em !important;
    }
    body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-index {
      width: clamp(50px, 13.2vw, 70px) !important;
      height: clamp(36px, 9.3vw, 50px) !important;
    }
    body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-index span {
      font-size: clamp(17px, 5vw, 25px) !important;
    }
    body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-index::before {
      display: block !important;
      left: -20px !important;
      width: 19px !important;
      opacity: .70 !important;
    }
  }
