/* Card Lab (src/ui/screens/lab.js): a plain dev/test screen, no original layout to follow */
.lab-screen .screen-body { padding: 10px 16px 24px; display: flex; flex-direction: column; gap: 10px; }
.lab-panel { padding: 10px 12px; }
.lab-title { font-size: 30px; font-weight: var(--fw-bold); color: var(--c-gold, #e9c56b); }
.lab-hint { font-size: 15px; color: rgba(255, 255, 255, .75); margin: 4px 0 8px; line-height: 1.3; }
.lab-pick-line { display: flex; gap: 8px; align-items: center; }
.lab-screen select, .lab-screen input[type="number"] {
  background: #15171a; color: var(--text, #f1f1f1); border: 1px solid #4a4d52; border-radius: 4px;
  font: inherit; font-size: 15px; padding: 5px 6px; min-width: 0;
}
.lab-screen select:disabled, .lab-screen input:disabled { opacity: .45; }
.lab-card { flex: 1 1 auto; }
.lab-stage { width: 92px; }
.lab-level, .lab-slot-level { width: 70px; }
.lab-ability { margin: 8px 0; font-size: 17px; color: #ffb347; min-height: 22px; line-height: 1.3; }
.lab-ability.none { color: rgba(255, 255, 255, .55); }
.lab-buttons { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.lab-hp-label { margin-left: auto; font-size: 15px; color: rgba(255, 255, 255, .8); }
.lab-hp { width: 90px; }
.lab-row-title { font-size: 17px; font-weight: var(--fw-bold); margin-bottom: 6px; color: rgba(255, 255, 255, .85); }
.lab-row { display: flex; gap: 6px; }
.lab-slot { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 4px; padding: 6px 5px; border: 1px solid #3a3d42; border-radius: 6px; background: rgba(0, 0, 0, .35); position: relative; }
.lab-slot.empty { opacity: .7; }
.lab-slot.test { border-color: var(--c-gold, #e9c56b); box-shadow: 0 0 10px rgba(233, 197, 107, .5); }
.lab-slot-num { position: absolute; right: 6px; top: 3px; font-size: 12px; color: rgba(255, 255, 255, .5); }
.lab-slot select, .lab-slot input { width: 100%; font-size: 13px; padding: 4px 3px; }
.lab-slot-line { display: flex; gap: 4px; }
.lab-slot-line select { flex: 1 1 0; }
.lab-slot-line input { flex: 0 0 52px; }
.lab-fight-line { display: flex; gap: 10px; align-items: center; justify-content: center; }
.lab-log-head { font-size: 16px; margin-bottom: 6px; color: var(--text, #f1f1f1); }
.lab-log-head.none { color: rgba(255, 255, 255, .55); }
.lab-log-lines { margin: 0; padding-left: 28px; max-height: 420px; overflow-y: auto; font-size: 14px; line-height: 1.35; color: rgba(255, 255, 255, .85); }
.lab-log-lines li { padding: 1px 0; }
/* effect showcase */
.lab-showcase { display: flex; flex-direction: column; gap: 6px; }
.lab-effect { display: flex; gap: 10px; align-items: center; padding: 8px 10px; border: 1px solid #3a3d42; border-radius: 6px; background: rgba(0, 0, 0, .35); }
.lab-effect-text { flex: 1 1 auto; min-width: 0; }
.lab-effect-name { font-size: 16px; font-weight: var(--fw-bold); color: var(--c-gold, #e9c56b); }
.lab-effect-type { margin-left: 8px; font-size: 12px; font-weight: normal; color: rgba(255, 255, 255, .5); font-family: ui-monospace, Consolas, monospace; }
.lab-effect-what { font-size: 14px; color: rgba(255, 255, 255, .85); margin-top: 2px; }
.lab-effect-look { font-size: 13px; color: #ffb347; margin-top: 2px; line-height: 1.3; }
.lab-effect-card { font-size: 12px; color: rgba(255, 255, 255, .55); margin-top: 2px; }
.lab-effect-show { flex: none; }
.lab-log-effect { font-size: 15px; color: #7dff6a; margin-bottom: 6px; }
.lab-log-effect.missed { color: #ff7b6b; }