/* One wooden kit, sized from its allocated stage rather than scaled artwork. */
#game #playroom-focus.fit-activity.activity-tangram{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:44px minmax(0,1fr) 44px 18px!important;gap:5px!important}
#game .fit-activity.activity-tangram .play-head{grid-column:1;grid-row:1;grid-template-rows:44px!important}
#game .fit-activity.activity-tangram .play-head p{display:none!important}
#game .fit-activity.activity-tangram #play-stage{grid-column:1!important;grid-row:2!important;overflow:hidden!important}
#game .fit-activity.activity-tangram #play-tools{grid-column:1!important;grid-row:3!important;display:flex!important;flex-wrap:nowrap!important;position:relative!important;height:44px!important;max-width:980px!important;justify-self:center;gap:14px!important}
#game .fit-activity.activity-tangram #play-feedback{grid-column:1!important;grid-row:4!important;line-height:18px!important;font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shape-surface{position:relative;flex:none;max-width:100%;max-height:100%;overflow:hidden;border-radius:18px;touch-action:none;user-select:none;-webkit-user-select:none;direction:ltr}
.shape-canvas{width:100%;height:100%;display:block;pointer-events:none}
.shape-targets,.shape-pieces{position:absolute;inset:0;pointer-events:none}
#game .shape-surface button{position:absolute;box-sizing:border-box;min-width:44px!important;min-height:44px!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;margin:0!important;padding:0!important;pointer-events:auto;touch-action:none;cursor:grab;transform:none!important}
#game .shape-surface .shape-target{cursor:pointer}
#game .shape-surface button[hidden]{display:none!important}
#game .shape-surface button:disabled{pointer-events:none;cursor:default;opacity:1!important}
#game .shape-surface button:focus-visible{outline:3px dashed #315f62!important;outline-offset:3px}
.shape-progress{display:flex;align-items:center;justify-content:center;gap:12px;color:#52664e;font:16px Thmanyah;direction:rtl}
.shape-level-count{direction:rtl;unicode-bidi:isolate}
.shape-level-dots{display:flex;gap:6px;direction:rtl}
.shape-level-dots i{display:block;width:10px;height:10px;border-radius:50%;background:#e1cfa9;border:1px solid #a79064}
.shape-level-dots i.complete{background:#6e9a78;border-color:#54775e}
.shape-level-dots i.current{outline:2px solid #826744;outline-offset:2px}
#game .fit-activity.activity-tangram #shape-next{display:flex;align-items:center;justify-content:center;gap:5px;direction:rtl;flex:none;min-width:104px;min-height:44px;padding:5px 12px;font:17px Thmanyah;color:#fff6dc;background:#54775e;border:2px solid #42654f;border-radius:12px;box-shadow:0 2px #365e43}
#game .fit-activity.activity-tangram #shape-next[hidden]{display:none!important}
#game .fit-activity.activity-tangram #shape-next:focus-visible{outline:3px solid #315f62;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.shape-surface *{transition:none!important}}

@media(orientation:landscape) and (max-height:600px){
#game #playroom-focus.fit-activity.activity-tangram{grid-template-rows:44px minmax(0,1fr) 44px!important}
#game .fit-activity.activity-tangram #play-feedback{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
}
