/* ── 강점 목록 «줄에 매달린 명찰»(phys) · «떨어지는 태그 더미»(tags) — 물리 놀이 (문서 41 · 107 · 2026-10-29) ─────────────────────────────
   정지 모양(스크립트 없음 · 움직임 줄이기)은 gl-blocks.css 에 있다 — 가지런히 매달린 카드 · 바닥에 줄지어 선 태그. 여기는 스크립트가 산 뒤(is-phys-live · is-tags-live)의 규칙뿐.
   매달린 명찰 — 줄 위 끝이 축(transform-origin 50% 0) · gl-phys.js 가 각도(--gl-phys-a)를 매 프레임 준다(진자 · 감쇠). 끄는 카드는 is-phys-drag.
   떨어지는 태그 — 태그마다 자리 · 기울기(--gl-tag-x · --gl-tag-y · --gl-tag-r)를 gl-tags.js 가 준다(알약 강체 · 중력 · 충돌 · 던지기). 태그는 손이 닿는 곳이라 touch-action: none(판 밖은 페이지 그대로).
   🔴 움직이는 것은 transform 뿐. 색은 역할 토큰만. */
.why-phys.is-phys-live .why-phys-item { transform: rotate(var(--gl-phys-a, 0deg)); will-change: transform; }
.why-phys.is-phys-live .why-phys-card { cursor: grab; }
.why-phys.is-phys-live .why-phys-item.is-phys-drag .why-phys-card { cursor: grabbing; box-shadow: var(--shadow); }

.why-tags.is-tags-live .why-tags-stage { display: block; height: var(--gl-tags-h, 400px); padding: 0; }
.why-tags.is-tags-live .why-tags-list { position: absolute; inset: 0; display: block; margin: 0; padding: 0; }
.why-tags.is-tags-live .why-tags-tag { position: absolute; left: 0; top: 0; margin: 0; transform: translate(var(--gl-tag-x, 0px), var(--gl-tag-y, -200px)) rotate(var(--gl-tag-r, 0deg));
  will-change: transform; cursor: grab; touch-action: none; user-select: none; -webkit-user-select: none; white-space: nowrap; }
.why-tags.is-tags-live .why-tags-tag.is-tag-drag { cursor: grabbing; box-shadow: var(--shadow); z-index: 2; }
.why-tags-again[hidden] { display: none; }
.why-tags.is-tags-live .why-tags-again { display: inline-flex; margin-top: 14px; }
@media (max-width: 720px) {
  .why-tags.is-tags-live .why-tags-stage { height: var(--gl-tags-h, 320px); }
}