.sigiriya-lab { padding: 24px 0; }
.sigiriya-lab h3 { font-size: 30px; margin: 8px 0 18px; }
.sigiriya-chapters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.sigiriya-lab button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 14px; border: 1px solid #526c5d; border-radius: 4px; background: #233d32; color: #e6eee0; cursor: pointer; }
.sigiriya-lab button:disabled { opacity: .45; cursor: default; }
.sigiriya-lab button:focus-visible { outline: 2px solid #dec078; outline-offset: 3px; }
.sigiriya-chapters [aria-pressed=true] { background: #45503a; border-color: #dec078; }
#sigiriya-stage { height: 500px; width: 100%; background: #bfd7db; }
#sigiriya-stage canvas { display: block; width: 100%; height: 100%; }
.sigiriya-workbench { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 24px; padding: 24px 0; }
.sigiriya-workbench h4 { margin: 8px 0; font-size: 22px; }
#sigiriya-question,#sigiriya-status { font-size: 13px; color: #bdd0c1; line-height: 1.8; }
.sigiriya-pipes { display: grid; grid-template-columns: repeat(3,64px); gap: 6px; margin-top: 18px; }
.sigiriya-pipes button { width: 64px; height: 64px; min-height: 64px; padding: 8px; color: #9abdc0; background: #1e3936; }
.sigiriya-pipes .pipe-symbol { width: 44px; height: 44px; transition: transform .2s; }
.sigiriya-pipes .wet { color: #78d8e7; border-color: #78d8e7; }
.sigiriya-actions { display: flex; flex-wrap: wrap; align-content: start; flex-direction: column; gap: 10px; min-width: 145px; }
#sigiriya-score { font-size: 11px; color: #dbbd79; margin-top: 8px; }
.sigiriya-answers { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.sigiriya-answers button { font-size: 13px; }
@media(max-width:760px) { #sigiriya-stage { height: 410px; } .sigiriya-workbench { grid-template-columns: 1fr; gap: 18px; } .sigiriya-actions { flex-direction: row; align-items: center; } #sigiriya-score { width: 100%; } .sigiriya-chapters { display: grid; grid-template-columns: 1fr; } .sigiriya-chapters button { justify-content: start; } }
@media(prefers-reduced-motion:reduce) { .sigiriya-pipes .pipe-symbol { transition: none; } }