body.pa209-terminal-tactile #pa188-shell {
    --pa209-ink:#f8edd7;
    --pa209-muted:#a9b3c5;
    --pa209-line:rgba(248,237,215,.18);
    --pa209-gold:#ffd66b;
    --pa209-jade:#78f1bb;
    --pa209-sky:#77c9ff;
    --pa209-rose:#ff748b;
    --pa209-violet:#c89aff;
    color:var(--pa209-ink);
    background:
      repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 5px),
      linear-gradient(135deg, rgba(34,20,30,.88), rgba(7,14,24,.96) 43%, rgba(18,30,28,.94));
  }
  body.pa209-terminal-tactile #pa188-shell::before {
    opacity:.82;
    background:
      linear-gradient(90deg, rgba(255,214,107,.10), transparent 18%, rgba(120,241,187,.08) 54%, transparent 78%, rgba(255,116,139,.08)),
      repeating-linear-gradient(90deg, transparent 0 28px, rgba(255,255,255,.035) 28px 29px);
  }
  body.pa209-terminal-tactile #pa188-shell::after {
    border-color:rgba(255,214,107,.30);
    box-shadow:inset 0 0 0 1px rgba(120,241,187,.10), inset 0 0 52px rgba(255,214,107,.045);
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-top,
  body.pa209-terminal-tactile #pa188-shell .pa188-bottom,
  body.pa209-terminal-tactile #pa188-shell .pa188-player,
  body.pa209-terminal-tactile #pa188-shell .pa188-resources,
  body.pa209-terminal-tactile #pa188-shell .pa188-bottom-actions {
    border-color:var(--pa209-line);
    background:
      linear-gradient(180deg, rgba(255,214,107,.085), rgba(8,12,20,.88)),
      repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 1px, transparent 1px 14px);
    box-shadow:0 12px 28px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.07);
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-brand-title,
  body.pa209-terminal-tactile #pa188-shell .pa188-title h1 {
    color:#fff3c2;
    text-shadow:0 0 12px rgba(255,214,107,.24);
    letter-spacing:.02em;
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-brand-sub,
  body.pa209-terminal-tactile #pa188-shell .pa188-title div,
  body.pa209-terminal-tactile #pa188-shell .pa188-panel-title small {
    color:#8fb2c5;
    letter-spacing:.10em;
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-panel {
    border-radius:8px;
    border-color:rgba(248,237,215,.18);
    background:
      linear-gradient(180deg, rgba(255,246,218,.055), transparent 28%),
      linear-gradient(145deg, rgba(12,17,27,.92), rgba(23,25,36,.78));
    box-shadow:0 18px 40px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.07);
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-panel-title {
    color:#fff0c7;
    letter-spacing:.02em;
    text-transform:none;
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-panel-title::after,
  body.pa209-terminal-tactile #pa188-shell .pa188-section-title::after {
    content:"";
    display:block;
    height:2px;
    margin-top:8px;
    background:linear-gradient(90deg, var(--pa209-gold), rgba(120,241,187,.72), transparent);
  }
  body.pa209-terminal-tactile #pa188-shell[data-page="terminal"] .pa188-panel.left::before,
  body.pa209-terminal-tactile #pa188-shell[data-page="match"] .pa188-panel.left::before,
  body.pa209-terminal-tactile #pa188-shell[data-page="match"] .pa188-panel.center::before,
  body.pa209-terminal-tactile #pa188-shell[data-page="match"] .pa188-panel.right::before {
    position:absolute;
    top:9px;
    right:10px;
    z-index:2;
    padding:3px 7px;
    border:1px solid rgba(255,214,107,.28);
    border-radius:7px;
    color:rgba(255,246,218,.72);
    background:rgba(5,8,14,.62);
    font:900 9px/1 ui-monospace, monospace;
    letter-spacing:.12em;
  }
  body.pa209-terminal-tactile #pa188-shell[data-page="terminal"] .pa188-panel.left::before { content:"HERO"; }
  body.pa209-terminal-tactile #pa188-shell[data-page="match"] .pa188-panel.left::before { content:"GATE"; }
  body.pa209-terminal-tactile #pa188-shell[data-page="match"] .pa188-panel.center::before { content:"PARTY"; }
  body.pa209-terminal-tactile #pa188-shell[data-page="match"] .pa188-panel.right::before { content:"ROOM"; }
  body.pa209-terminal-tactile #pa188-shell .pa188-node,
  body.pa209-terminal-tactile #pa188-shell .pa188-mode,
  body.pa209-terminal-tactile #pa188-shell .pa188-member,
  body.pa209-terminal-tactile #pa188-shell .pa188-resource,
  body.pa209-terminal-tactile #pa188-shell .pa188-row,
  body.pa209-terminal-tactile #pa188-shell .pa188-chat-log {
    border-radius:8px;
    border-color:rgba(248,237,215,.14);
    background:
      linear-gradient(180deg, rgba(255,246,218,.052), rgba(8,12,20,.70)),
      linear-gradient(90deg, rgba(255,214,107,.045), rgba(120,241,187,.025));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-node,
  body.pa209-terminal-tactile #pa188-shell .pa188-mode,
  body.pa209-terminal-tactile #pa188-shell .pa188-member {
    overflow:hidden;
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-node::before,
  body.pa209-terminal-tactile #pa188-shell .pa188-mode::before,
  body.pa209-terminal-tactile #pa188-shell .pa188-member::before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:linear-gradient(180deg, var(--node-color, var(--mode-color, var(--pa209-gold))), transparent);
    opacity:.82;
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-node:hover,
  body.pa209-terminal-tactile #pa188-shell .pa188-mode:hover,
  body.pa209-terminal-tactile #pa188-shell .pa188-member:hover {
    transform:translateY(-2px);
    border-color:rgba(255,214,107,.45);
    filter:brightness(1.06);
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-node[data-selected="true"],
  body.pa209-terminal-tactile #pa188-shell .pa188-mode[data-active="true"] {
    border-color:rgba(255,214,107,.74);
    background:
      linear-gradient(180deg, rgba(255,214,107,.16), rgba(10,13,20,.76)),
      linear-gradient(90deg, rgba(120,241,187,.10), transparent 70%);
    box-shadow:0 0 22px rgba(255,214,107,.14), inset 0 0 24px rgba(255,214,107,.06);
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-node-icon,
  body.pa209-terminal-tactile #pa188-shell .pa188-mode-icon {
    border-radius:8px;
    transform:none;
    background:
      linear-gradient(180deg, rgba(255,255,255,.14), rgba(0,0,0,.16)),
      var(--node-color, var(--mode-color, rgba(255,214,107,.46)));
    color:#121018;
    box-shadow:0 7px 14px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.38);
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-node-icon span,
  body.pa209-terminal-tactile #pa188-shell .pa188-mode-icon span {
    transform:none;
    text-shadow:0 1px 0 rgba(255,255,255,.22);
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-mode {
    min-height:78px;
    grid-template-columns:52px minmax(0,1fr);
    align-items:center;
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-mode b,
  body.pa209-terminal-tactile #pa188-shell .pa188-member-name,
  body.pa209-terminal-tactile #pa188-shell .pa188-resource b {
    color:#fff0bd;
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-member {
    min-height:278px;
    padding:12px 10px;
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-member::after {
    content:attr(data-pa209-slot);
    position:absolute;
    top:9px;
    right:9px;
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,214,107,.28);
    border-radius:7px;
    color:#ffe6a2;
    background:rgba(8,10,16,.72);
    font:900 11px/1 ui-monospace, monospace;
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-member.leader::after {
    content:"C";
    color:#22170a;
    background:linear-gradient(180deg, #ffe48f, #dca344);
    border-color:rgba(255,214,107,.82);
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-member.ready {
    border-color:rgba(120,241,187,.62);
    box-shadow:0 0 20px rgba(120,241,187,.10), inset 0 0 26px rgba(120,241,187,.045);
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-btn,
  body.pa209-terminal-tactile #pa188-shell .pa188-tab,
  body.pa209-terminal-tactile #pa188-shell .pa188-mini,
  body.pa209-terminal-tactile #pa188-shell .pa188-toggle,
  body.pa209-terminal-tactile #pa188-shell .pa188-resource button {
    border-radius:8px;
    border-color:rgba(255,214,107,.28);
    background:
      linear-gradient(180deg, rgba(255,246,218,.10), rgba(9,13,22,.80)),
      linear-gradient(90deg, rgba(119,201,255,.08), rgba(255,214,107,.05));
    color:var(--pa209-ink);
    box-shadow:0 8px 18px rgba(0,0,0,.23), inset 0 1px 0 rgba(255,255,255,.08);
    overflow:hidden;
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-tab[data-current="true"],
  body.pa209-terminal-tactile #pa188-shell .pa188-btn.primary {
    color:#211609;
    border-color:rgba(255,214,107,.88);
    background:linear-gradient(180deg, #ffe992, #db9b3e);
    text-shadow:0 1px 0 rgba(255,255,255,.32);
    box-shadow:0 0 24px rgba(255,214,107,.18), 0 10px 24px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.46);
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-btn.primary small {
    color:rgba(40,28,8,.72);
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-btn:hover,
  body.pa209-terminal-tactile #pa188-shell .pa188-tab:hover,
  body.pa209-terminal-tactile #pa188-shell .pa188-mini:hover {
    transform:translateY(-2px);
    border-color:rgba(255,214,107,.70);
    box-shadow:0 12px 24px rgba(0,0,0,.30), 0 0 18px rgba(255,214,107,.14), inset 0 1px 0 rgba(255,255,255,.12);
  }
  body.pa209-terminal-tactile #pa188-shell .pa209-pressing {
    transform:translateY(1px) scale(.992) !important;
    filter:brightness(.96) saturate(1.12);
  }
  body.pa209-terminal-tactile #pa188-shell .pa209-ripple {
    position:absolute;
    left:var(--x);
    top:var(--y);
    width:12px;
    height:12px;
    margin:-6px 0 0 -6px;
    border-radius:50%;
    pointer-events:none;
    background:rgba(255,246,218,.48);
    transform:scale(1);
    animation:pa209Ripple .62s ease-out forwards;
    mix-blend-mode:screen;
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-input {
    border-radius:8px;
    border-color:rgba(255,214,107,.22);
    background:rgba(5,8,14,.72);
    color:var(--pa209-ink);
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-chat-log {
    background:
      repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 8px),
      rgba(4,7,12,.72);
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-line {
    margin:3px 0;
    padding:5px 7px;
    border-left:3px solid rgba(119,201,255,.36);
    border-radius:6px;
    background:rgba(255,255,255,.035);
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-line.system { border-left-color:var(--pa209-gold); color:#ffe7a8; }
  body.pa209-terminal-tactile #pa188-shell .pa188-line.self { border-left-color:var(--pa209-jade); color:#c8ffe3; }
  body.pa209-terminal-tactile #pa188-shell .pa188-resource {
    min-height:58px;
    border-left:0;
    margin:5px;
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-resource-icon {
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:8px;
    background:linear-gradient(180deg, rgba(255,214,107,.22), rgba(120,241,187,.08));
    filter:none;
  }
  body.pa209-terminal-tactile #pa188-shell .pa188-match-box {
    border-radius:8px;
    border-color:rgba(255,214,107,.86);
    background:
      linear-gradient(180deg, rgba(255,246,218,.12), rgba(10,12,18,.92)),
      linear-gradient(90deg, rgba(120,241,187,.10), rgba(255,116,139,.08));
  }
  body.pa209-terminal-tactile #pa188-shell[data-page="match"] .pa188-bottom-actions .pa188-btn.primary,
  body.pa209-terminal-tactile #pa188-shell[data-page="terminal"] .pa188-bottom-actions .pa188-btn.primary {
    animation:pa209ReadyPulse 2.8s ease-in-out infinite;
  }
  @keyframes pa209Ripple { to { opacity:0; transform:scale(18); } }
  @keyframes pa209ReadyPulse { 0%,100% { filter:brightness(1); } 50% { filter:brightness(1.08) saturate(1.08); } }
  @media (max-width:760px) {
    body.pa209-terminal-tactile #pa188-shell .pa188-mode { grid-template-columns:46px minmax(0,1fr); }
    body.pa209-terminal-tactile #pa188-shell .pa188-member { min-height:238px; }
  }
  @media (prefers-reduced-motion: reduce) {
    body.pa209-terminal-tactile #pa188-shell .pa188-btn.primary,
    body.pa209-terminal-tactile #pa188-shell .pa209-ripple { animation:none !important; }
  }