/* MASTER-J project-card identity and mascot clearance */
.project-card[data-demo-id="masterj"] {
  border-color: rgba(0, 255, 164, .42);
  box-shadow: 0 13px 30px rgba(0,0,0,.38), 0 0 18px rgba(0,255,157,.06), inset 0 0 22px rgba(0,255,136,.045);
}
.project-card[data-demo-id="masterj"]:hover {
  border-color: rgba(104,255,191,.78);
  box-shadow: 0 18px 36px rgba(0,0,0,.44), 0 0 26px rgba(0,255,157,.16), inset 0 0 26px rgba(0,255,136,.07);
}
.masterj-visual .card-art-image {
  filter: saturate(1.12) contrast(1.045);
  transition: transform .55s cubic-bezier(.2,.75,.2,1), filter .4s ease;
}
.project-card[data-demo-id="masterj"]:hover .masterj-visual .card-art-image {
  transform: scale(1.055);
  filter: saturate(1.24) contrast(1.07) brightness(1.04);
}
.masterj-visual .assistant-bubble {
  color: #c8ffe5;
  border-color: rgba(0,255,164,.56);
  box-shadow: 0 0 16px rgba(0,255,157,.2), inset 0 0 12px rgba(0,255,157,.07);
}
.masterj-demo-intro {
  display:flex; align-items:center; gap:11px; margin-bottom:12px; padding:10px 12px;
  border:1px solid rgba(0,255,145,.2); border-radius:10px;
  background:linear-gradient(110deg,rgba(0,255,145,.08),rgba(0,12,8,.25));
}
.masterj-demo-orb {
  display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px;
  border:1px solid rgba(122,255,196,.55); border-radius:12px;
  color:#dcfff0; font-size:12px; font-weight:900; letter-spacing:.4px;
  background:radial-gradient(circle at 40% 25%,#377e61,#061b11 72%);
  box-shadow:0 0 15px rgba(0,255,145,.16),inset 0 0 10px rgba(0,255,145,.13);
}
.masterj-demo-intro strong,.masterj-demo-intro small { display:block; }
.masterj-demo-intro strong { color:#effff6; font-size:13px; }
.masterj-demo-intro small { margin-top:3px; color:#8fbda4; font-size:10px; }
.masterj-demo-state { margin-left:auto; padding:5px 8px; border:1px solid rgba(255,197,109,.27); border-radius:7px; color:#ffd48f; background:rgba(255,184,84,.07); font-size:8px; font-weight:900; letter-spacing:.8px; }
.masterj-demo-disclaimer { padding:8px 10px; border-left:2px solid rgba(255,190,95,.52); color:#a8c5b3; background:rgba(255,190,95,.045); }
.masterj-demo-top .demo-version { color:#aaffd2; }
/* Avoid covering card content with the decorative mouse-follow Android. */
.cursor-android.is-over-project-card { opacity:0 !important; visibility:hidden !important; }
@media(prefers-reduced-motion:reduce) {
  .masterj-visual .card-art-image { transition:none !important; }
}

/* MASTER-J offline Tagalog/Taglish demo readability */
.masterj-demo-surface { min-width:0; }
.masterj-demo-intro { flex-wrap:wrap; }
.masterj-demo-intro > div { min-width:0; }
.masterj-demo-state { white-space:nowrap; }
.masterj-demo-disclaimer { line-height:1.55; }
.masterj-demo-surface .demo-chat { min-height:210px; max-height:310px; }
.masterj-demo-surface .demo-message { max-width:94%; }
.masterj-demo-surface .demo-message span { display:block; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.62; }
.masterj-demo-surface .demo-quick-prompts button { min-height:34px; font-size:11px; }
.masterj-demo-surface .demo-chat-form .demo-text-input { min-width:0; }
@media(max-width:560px) {
  .masterj-demo-intro { align-items:flex-start; }
  .masterj-demo-state { margin-left:49px; }
  .masterj-demo-surface .demo-chat { min-height:190px; max-height:280px; }
  .masterj-demo-surface .demo-chat-form { align-items:stretch; }
  .masterj-demo-surface .demo-chat-form .demo-button { padding-inline:12px; }
}