/* ============================================================
   Wear Term — page-specific styles
   The app is a terminal, so the page keeps a monospace voice:
   chips, package tags and captions all run in VT323. Card and
   panel styling is inherited from app.css + app-retro.css so the
   page stays inside the same arcade-cabinet look as the rest of
   the site.
   ============================================================ */

/* ---------- platform chips ---------- */
.platform-chips { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:18px; }
.platform-chip {
  display:inline-flex; align-items:center; gap:7px;
  font-size:11px; font-weight:700; letter-spacing:.07em; text-transform:uppercase;
  padding:6px 13px; border-radius:999px;
  border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);
  color:var(--accent2);
}
.platform-chip svg { flex:none; }

/* ---------- stat pills (skinned by app-retro.css) ---------- */
.stats-row { display:flex; gap:24px; flex-wrap:wrap; justify-content:center; margin:40px 0; }
.stat-pill { padding:22px 30px; text-align:center; min-width:130px; }

/* ---------- package / capability chips inside a feature card ---------- */
.mode-list { display:flex; flex-wrap:wrap; gap:6px; margin-top:14px; }
.mode-list span {
  font-family:'VT323',monospace; font-size:15px; letter-spacing:.05em;
  padding:2px 9px; color:var(--muted);
  background:rgba(255,255,255,.04); border:1px solid var(--line);
}

/* ---------- package cloud ---------- */
.pkg-cloud { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; max-width:860px; margin:0 auto; }
.pkg-tag {
  font-family:'VT323',monospace; font-size:17px; letter-spacing:.05em;
  padding:5px 14px; color:var(--muted);
  background:linear-gradient(180deg,var(--panel),var(--panel2));
  border:2px solid var(--line); transition:color .12s, border-color .12s;
}
.pkg-tag:hover { color:var(--text); border-color:var(--accent); }
.pkg-note { text-align:center; color:var(--muted); font-family:'VT323',monospace;
  font-size:17px; letter-spacing:.05em; margin-top:22px; }

/* ---------- round watch screenshots ---------- */
.wear-shot { display:flex; flex-direction:column; align-items:center; }
.wear-shot .lbl {
  margin-top:16px; font-family:'VT323',monospace; font-size:17px;
  letter-spacing:.08em; text-transform:uppercase; color:var(--muted);
}

/* ---------- terminal transcript block ---------- */
.term-block {
  max-width:640px; margin:34px auto 0; padding:18px 20px;
  background:#05070a; border:var(--px) solid var(--shadow);
  box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent),
             0 18px 44px rgba(0,0,0,.6);
  font-family:'JetBrains Mono',monospace; font-size:13px; line-height:1.9;
  overflow-x:auto;
}
.term-block .p { color:var(--accent); }
.term-block .c { color:var(--text); }
.term-block .o { color:var(--muted); }

/* ---------- wide feature banner ---------- */
.banner-shot { max-width:1024px; margin:0 auto; display:block; width:100%;
  border:var(--px) solid var(--shadow);
  box-shadow:0 22px 60px rgba(0,0,0,.6),
             0 0 44px color-mix(in srgb,var(--accent) 18%,transparent); }