body.pa214-guardian-growth #pa188-shell {
    --pa214-gold:#ffd96f;
    --pa214-cyan:#7cffd5;
    --pa214-blue:#7fc6ff;
    --pa214-red:#ff7189;
    --pa214-panel:rgba(4,10,20,.72);
    --pa214-line:rgba(255,225,154,.18);
  }
  #pa214-growth-panel,
  #pa214-climb-card {
    min-width:0;
    border:1px solid var(--pa214-line);
    border-radius:8px;
    background:
      linear-gradient(180deg,rgba(255,243,207,.055),rgba(5,10,20,.68)),
      repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 18px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.18);
    overflow:hidden;
  }
  #pa214-growth-panel { margin-top:12px; }
  .pa214-head {
    display:flex;
    justify-content:space-between;
    gap:10px;
    padding:12px;
    border-bottom:1px solid rgba(255,255,255,.07);
  }
  .pa214-kicker {
    color:var(--pa214-cyan);
    font-size:10px;
    font-weight:900;
    letter-spacing:0;
  }
  .pa214-title {
    margin-top:4px;
    color:#fff3cf;
    font-size:18px;
    font-weight:900;
    line-height:1.08;
  }
  .pa214-sub {
    margin-top:4px;
    color:#94a8bf;
    font-size:10px;
    font-weight:800;
    line-height:1.35;
  }
  .pa214-grade {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:3px;
    color:var(--pa214-gold);
    font-size:13px;
    white-space:nowrap;
  }
  .pa214-body {
    display:grid;
    gap:10px;
    padding:12px;
  }
  .pa214-hero {
    display:grid;
    grid-template-columns:86px minmax(0,1fr);
    gap:12px;
    align-items:center;
  }
  .pa214-portrait {
    position:relative;
    min-height:104px;
    display:grid;
    place-items:center;
    border:1px solid rgba(124,255,213,.24);
    border-radius:8px;
    background:radial-gradient(circle at 50% 65%,rgba(124,255,213,.18),transparent 60%),rgba(2,7,15,.62);
  }
  .pa214-portrait canvas {
    width:72px;
    height:auto;
    image-rendering:pixelated;
    image-rendering:crisp-edges;
  }
  .pa214-stat-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }
  .pa214-stat {
    min-height:44px;
    display:grid;
    align-content:center;
    border:1px solid rgba(127,198,255,.14);
    border-radius:7px;
    background:rgba(2,7,14,.42);
    padding:7px 8px;
  }
  .pa214-stat b {
    color:#fff0bc;
    font-size:15px;
    line-height:1;
  }
  .pa214-stat span {
    margin-top:4px;
    color:#8fa4bb;
    font-size:9px;
    font-weight:900;
    letter-spacing:0;
  }
  .pa214-meter {
    min-width:0;
    height:8px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:99px;
    background:rgba(0,0,0,.36);
    overflow:hidden;
  }
  .pa214-meter > i {
    display:block;
    height:100%;
    width:var(--p,0%);
    background:linear-gradient(90deg,var(--pa214-blue),var(--pa214-cyan),var(--pa214-gold));
  }
  .pa214-tabs {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:6px;
  }
  .pa214-tab,
  .pa214-btn {
    min-width:0;
    min-height:34px;
    border:1px solid rgba(127,198,255,.18);
    border-radius:7px;
    color:#dff5ff;
    background:rgba(4,10,20,.74);
    font:900 10px/1.1 ui-monospace,Consolas,monospace;
    cursor:pointer;
  }
  .pa214-tab[data-current="true"],
  .pa214-btn.primary {
    border-color:rgba(255,217,111,.48);
    color:#fff3c9;
    background:linear-gradient(180deg,rgba(52,38,15,.96),rgba(8,9,16,.95));
  }
  .pa214-actions {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }
  .pa214-list {
    display:grid;
    gap:6px;
  }
  .pa214-row {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
    align-items:center;
    min-height:30px;
    border-bottom:1px solid rgba(255,255,255,.06);
    color:#cde2f5;
    font-size:10px;
    font-weight:800;
  }
  .pa214-row b { color:#fff0bc; }
  .pa214-note {
    color:#9fb4ca;
    font-size:10px;
    font-weight:800;
    line-height:1.45;
  }
  #pa214-climb-card {
    margin:10px 0 12px;
  }
  #pa214-climb-card .pa214-body {
    gap:9px;
  }
  .pa214-climb-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
  }
  .pa214-chip {
    min-height:46px;
    display:grid;
    place-items:center;
    border:1px solid rgba(127,198,255,.16);
    border-radius:7px;
    background:rgba(2,7,14,.50);
    color:#e5f6ff;
    text-align:center;
    font-size:10px;
    font-weight:900;
  }
  .pa214-chip[data-risk="low"] { border-color:rgba(124,255,213,.44); color:#dffff5; }
  .pa214-chip[data-risk="mid"] { border-color:rgba(255,217,111,.44); color:#fff0bc; }
  .pa214-chip[data-risk="high"] { border-color:rgba(255,113,137,.44); color:#ffd5dc; }
  .pa214-stepper {
    display:grid;
    grid-template-columns:38px minmax(0,1fr) 38px;
    gap:7px;
    align-items:center;
  }
  .pa214-floor-readout {
    min-height:38px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,217,111,.22);
    border-radius:7px;
    background:rgba(255,217,111,.06);
    color:#fff0bc;
    font-weight:900;
  }
  .pa214-result {
    min-height:38px;
    border:1px solid rgba(124,255,213,.16);
    border-radius:7px;
    background:rgba(2,7,14,.42);
    color:#cffff2;
    padding:8px;
    font-size:10px;
    font-weight:800;
    line-height:1.35;
  }
  body.pa214-guardian-growth #pa188-shell .pa214-btn:hover,
  body.pa214-guardian-growth #pa188-shell .pa214-tab:hover {
    transform:translateY(-1px);
    border-color:rgba(124,255,213,.44);
  }
  @media (max-width:760px), (orientation:portrait) {
    body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-layout.terminal .pa188-panel.left { order:1; }
    body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-layout.terminal .pa188-panel.right { order:2; }
    body.pa214-guardian-growth #pa188-shell[data-page="terminal"] .pa188-layout.terminal .pa188-panel.center { order:3; }
    #pa214-growth-panel .pa214-head { padding:10px; }
    #pa214-growth-panel .pa214-title { font-size:16px; }
    #pa214-growth-panel .pa214-body { gap:8px; padding:10px; }
    .pa214-hero { grid-template-columns:72px minmax(0,1fr); }
    .pa214-portrait { min-height:88px; }
    .pa214-portrait canvas { width:62px; }
    #pa214-growth-panel .pa214-stat { min-height:39px; padding:6px 7px; }
    #pa214-growth-panel .pa214-stat b { font-size:14px; }
    #pa214-growth-panel .pa214-row { min-height:27px; }
    #pa214-growth-panel .pa214-btn,
    #pa214-growth-panel .pa214-tab { min-height:31px; }
    #pa214-growth-panel .pa214-note { font-size:9px; line-height:1.35; }
    .pa214-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .pa214-actions { grid-template-columns:1fr; }
    .pa214-climb-grid { grid-template-columns:1fr; }
  }