/* V4.32.44 — Reading Level 4: Build a Sentence */
.build-card{
  position:relative;
  max-width:740px;
  margin:auto;
  padding:24px 190px 24px 24px;
  border:4px solid #17365f;
  border-radius:28px;
  background:linear-gradient(145deg,#fff8fc,#f8fff0);
  box-shadow:0 8px 0 rgba(18,51,88,.13)
}
.build-yvette{
  position:absolute;
  right:12px;
  top:18px;
  width:160px;
  height:135px;
  border-radius:22px;
  background:url("school-reading-scene-v43239.jpg") center/cover no-repeat
}
.build-instruction{font-size:20px;font-weight:900;color:#174d7e}
.build-sentence{
  min-height:88px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  margin:18px 0;
  border:3px dashed #e84e77;
  border-radius:20px;
  background:#fff;
  color:#17365f;
  font-size:clamp(24px,4vw,34px);
  font-weight:950;
  text-align:center
}
.build-placeholder{font-size:16px;font-weight:800;color:#7f8ea0}
.build-sentence.correct{background:#d8f7df;border-style:solid}
.build-words{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px 0}
.build-word{
  min-width:98px;
  min-height:56px;
  padding:8px 15px;
  border:3px solid #17365f;
  border-radius:16px;
  background:#fff;
  color:#17365f;
  font-size:19px;
  font-weight:950;
  box-shadow:0 5px 0 rgba(18,51,88,.14)
}
.build-word:disabled{opacity:.35;transform:translateY(3px);box-shadow:none}
.build-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}
.build-actions button{
  min-height:50px;
  border:3px solid #17365f;
  border-radius:16px;
  padding:8px 15px;
  font-weight:900
}
.build-undo{background:#d7eaff}
.build-reset{background:#f5e4ff}
.build-check{background:#66df8f}
@media(max-width:650px){
  .build-card{padding:16px 12px 145px}
  .build-yvette{top:auto;bottom:10px;right:50%;transform:translateX(50%);width:150px;height:115px}
  .build-words{display:grid;grid-template-columns:repeat(2,1fr)}
  .build-word{width:100%}
  .build-actions{display:grid;grid-template-columns:1fr}
  .build-actions button{width:100%}
}