/* Generated illustration assets · preserve space for live, readable UI text. */
.discovery-art { flex-basis: 206px; width: 206px; height: 178px; }
.discovery-art .generated-rabbit { width: 208px; height: 178px; max-height: 178px; object-fit: contain; }
.discovery-badge { top: -8px; right: 0; }
.entry-shell .hero-art .generated-hero { width: 270px; height: 270px; max-width: 100%; max-height: 270px; }
.entry-shell .hero-art { min-height: 270px; }
.student-main #play-catalogue .has-art { min-height: 269px; }
.student-main #play-catalogue .has-art .card-icon { display: none; }
.activity-art { display: block; width: 124px; height: 124px; align-self: center; object-fit: contain; margin: 15px 0 9px; pointer-events: none; user-select: none; }
.student-main #play-catalogue .has-art .activity-kind { top: 12px; right: 15px; }
.student-main #play-catalogue .has-art .card-meta { margin-top: auto; }
.student-main #play-catalogue .has-art[data-open="drawing"] { min-height: 245px; justify-content: center; padding-right: 212px; }
.student-main #play-catalogue .has-art[data-open="drawing"] .activity-art { position: absolute; right: 17px; top: 39px; width: 183px; height: 183px; margin: 0; }
.student-main #play-catalogue .has-art[data-open="drawing"] h3 { margin-top: 17px; }
.student-main #play-catalogue .has-art[data-open="drawing"] .card-meta { margin-top: 18px; width: 100%; }
.student-main #play-catalogue > .is-filtered .has-art[data-open="drawing"] { min-height: 269px; padding: 20px 21px 17px; justify-content: flex-start; }
.student-main #play-catalogue > .is-filtered .has-art[data-open="drawing"] .activity-art { position: static; width: 124px; height: 124px; margin: 15px 0 9px; }
.student-main #play-catalogue > .is-filtered .has-art[data-open="drawing"] h3 { margin-top: 0; font-size: 22px; }
.student-main #play-catalogue > .is-filtered .has-art[data-open="drawing"] .card-meta { margin-top: auto; }
@media (max-width: 700px) {
  .discovery-art { flex-basis: 145px; width: 145px; height: 146px; }
  .discovery-art .generated-rabbit { width: 145px; height: 146px; max-height: 146px; }
  .student-main #play-catalogue .has-art { min-height: 247px; }
  .activity-art { width: 108px; height: 108px; }
  .student-main #play-catalogue .has-art[data-open="drawing"] { padding-right: 159px; }
  .student-main #play-catalogue .has-art[data-open="drawing"] .activity-art { width: 141px; height: 141px; top: 61px; right: 10px; }
}
@media (max-width: 540px) {
  .discovery-art { flex-basis: 95px; width: 95px; height: 121px; }
  .discovery-art .generated-rabbit { width: 99px; height: 108px; max-height: 108px; margin-top: 18px; }
  .discovery-badge { top: 0; right: -4px; }
  .student-main #play-catalogue .has-art { min-height: 248px; }
  .activity-art { width: 114px; height: 114px; margin: 17px 0 9px; }
  .student-main #play-catalogue .has-art .activity-kind { top: 10px; right: 11px; }
  .student-main #play-catalogue .has-art[data-open="drawing"],
  .student-main #play-catalogue > .is-filtered .has-art[data-open="drawing"] { min-height: 184px; padding: 22px 156px 17px 18px; justify-content: center; }
  .student-main #play-catalogue .has-art[data-open="drawing"] .activity-art,
  .student-main #play-catalogue > .is-filtered .has-art[data-open="drawing"] .activity-art { position: absolute; right: 10px; top: 33px; width: 134px; height: 134px; margin: 0; }
  .student-main #play-catalogue .has-art[data-open="drawing"] h3,
  .student-main #play-catalogue > .is-filtered .has-art[data-open="drawing"] h3 { margin-top: 0; padding-top: 0; font-size: 23px; }
  .student-main #play-catalogue .has-art[data-open="drawing"] .card-meta,
  .student-main #play-catalogue > .is-filtered .has-art[data-open="drawing"] .card-meta { margin: 11px 0 0; width: 100%; }
}
@media (max-width: 370px) {
  .student-main #play-catalogue .has-art[data-open="drawing"],
  .student-main #play-catalogue > .is-filtered .has-art[data-open="drawing"] { padding-right: 127px; }
  .student-main #play-catalogue .has-art[data-open="drawing"] .activity-art,
  .student-main #play-catalogue > .is-filtered .has-art[data-open="drawing"] .activity-art { width: 112px; height: 112px; top: 48px; right: 7px; }
}