/* Pixel Abyss visual kit: terminal route card fit and inner body motion. */
@media (min-width: 901px) and (orientation: landscape) {
  body.pa213-ui-motion-polish.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node,
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node {
    grid-template-columns: var(--pa216-route-left) minmax(0, 1fr) clamp(44px, 4.7vw, 56px) !important;
    gap: 7px !important;
    padding-left: 5px !important;
    padding-right: 7px !important;
    clip-path: polygon(22px 0, calc(100% - 38px) 0, 100% 50%, calc(100% - 38px) 100%, 22px 100%, 0 50%) !important;
  }
  body.pa213-ui-motion-polish.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node::before,
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node::before {
    inset: 4px 38px 4px 26px !important;
  }
  body.pa213-ui-motion-polish.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node::after,
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node::after {
    left: calc(var(--pa216-route-left) - 10px) !important;
    right: clamp(60px, 6.4vw, 78px) !important;
    bottom: 17% !important;
    height: 4px !important;
  }
  body.pa213-ui-motion-polish.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-icon,
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-icon {
    width: clamp(46px, 4.8vw, 58px) !important;
    height: clamp(46px, 4.8vw, 58px) !important;
  }
  body.pa213-ui-motion-polish.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-icon span,
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-icon span {
    font-size: clamp(17px, 2.1vw, 24px) !important;
  }
  body.pa213-ui-motion-polish.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-text,
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-text {
    min-width: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
  }
  body.pa213-ui-motion-polish.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-text b,
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-text b {
    font-size: clamp(20px, 2.35vw, 30px) !important;
    letter-spacing: .035em !important;
    line-height: .98 !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
  body.pa213-ui-motion-polish.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-text small,
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-text small {
    margin-top: 4px !important;
    font-size: clamp(7px, .92vw, 10px) !important;
    letter-spacing: .10em !important;
    max-width: 100% !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
  body.pa213-ui-motion-polish.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-index,
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-index {
    width: clamp(44px, 4.7vw, 56px) !important;
    height: clamp(31px, 3.35vw, 40px) !important;
  }
  body.pa213-ui-motion-polish.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-index span,
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-index span {
    font-size: clamp(15px, 1.85vw, 22px) !important;
  }
  body.pa213-ui-motion-polish.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-index::before,
  body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-index::before {
    left: -17px !important;
    width: 15px !important;
  }
}

body.pa213-ui-motion-polish.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-text,
body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node-text {
  position: relative !important;
  z-index: 1 !important;
  background:
    radial-gradient(ellipse at 24% 46%, color-mix(in srgb, var(--node-color, #ffd975) 13%, transparent), transparent 58%),
    linear-gradient(90deg, color-mix(in srgb, var(--node-color, #ffd975) 8%, transparent), transparent 44%, color-mix(in srgb, var(--node-color, #ffd975) 5%, transparent)) !important;
  box-shadow:
    -20px 0 28px rgba(255,217,117,.08),
    18px 0 26px rgba(124,255,213,.04),
    inset 0 0 22px rgba(255,217,117,.06);
  animation: paVkRouteTextCoreGlow 2.7s ease-in-out infinite !important;
}

body.pa213-ui-motion-polish.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node[data-selected="true"] .pa188-node-text,
body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-node[data-selected="true"] .pa188-node-text {
  animation: paVkRouteTextCoreGlowSelected 1.85s ease-in-out infinite !important;
}

@keyframes paVkRouteTextCoreGlow {
  0%, 100% {
    box-shadow:
      -20px 0 28px rgba(255,217,117,.08),
      18px 0 26px rgba(124,255,213,.04),
      inset 0 0 22px rgba(255,217,117,.06);
  }
  50% {
    box-shadow:
      -24px 0 40px rgba(255,217,117,.18),
      20px 0 34px rgba(124,255,213,.12),
      inset 0 0 34px rgba(255,217,117,.14);
  }
}

@keyframes paVkRouteTextCoreGlowSelected {
  0%, 100% {
    box-shadow:
      -22px 0 34px rgba(255,217,117,.12),
      20px 0 30px rgba(124,255,213,.06),
      inset 0 0 26px rgba(255,217,117,.10);
  }
  50% {
    box-shadow:
      -30px 0 50px rgba(255,217,117,.28),
      24px 0 38px rgba(124,255,213,.16),
      inset 0 0 38px rgba(255,217,117,.22);
  }
}