#playroom-focus.activity-coloring{grid-template-rows:auto minmax(0,1fr)!important;gap:6px;background:#efe8d5}
#playroom-focus.activity-coloring #play-stage{display:block!important;min-height:0;padding:0;overflow:hidden;border-radius:17px;background:#fff9ed}
.coloring-frame{display:block;width:100%;height:100%;border:0;min-height:0;background:#fff9ed}
.activity-coloring .play-head h1{font-size:clamp(20px,3vw,28px)}
.activity-coloring .play-head p,.activity-coloring .play-save,.activity-coloring #play-feedback,.activity-coloring #play-tools{display:none!important}
.coloring-connection-dialog{width:min(440px,calc(100% - 24px));max-height:90dvh;background:#fff8e7;border:2px solid #315b54;border-radius:18px;color:#294c60;padding:20px}.coloring-connection-dialog h2{font-size:22px}.coloring-connection-dialog p{font-size:16px;line-height:1.6}.coloring-connection-dialog button{min-height:44px;margin:6px;padding:8px 14px;background:#ead8a4;border-radius:10px}.coloring-connection-dialog::backdrop{background:#20352b99}
/* Keep these rules stronger than the shared short-landscape two-column layout. */
#game #playroom-focus.fit-activity.activity-coloring{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:44px minmax(0,1fr)!important;gap:6px!important}
#game #playroom-focus.activity-coloring .play-head{grid-template-rows:44px!important}
#game #playroom-focus.activity-coloring .play-head p,#game #playroom-focus.activity-coloring .play-save,#game #playroom-focus.activity-coloring #play-feedback,#game #playroom-focus.activity-coloring #play-tools{display:none!important}
#game #playroom-focus.activity-coloring #play-stage{grid-column:1!important;grid-row:2!important;display:block!important}
#game #playroom-focus.activity-coloring .play-head h1{align-self:center;margin:0}
#game #playroom-focus.activity-coloring .play-audio{width:min(300px,calc(100vw - 28px));grid-template-columns:repeat(2,minmax(76px,1fr))!important;justify-items:center}