.path-panorama{
 display:block;width:100%;height:auto;aspect-ratio:540/112;max-width:100%;
 border-radius:10px;background:#c4dcb8;pointer-events:none
}
.path-activity-art,.path-feedback-art,.path-landmark-art{
 display:inline-block;flex:none;vertical-align:middle;pointer-events:none
}
.path-activity-art{width:clamp(32px,5.4vw,44px);height:auto;background:#f7efd9;border-radius:10px}
.path-feedback-art{width:clamp(34px,6.2vw,44px);height:auto}
.path-landmark-art{width:42px;height:42px}
.path-word-art{
 display:inline-block;position:relative;vertical-align:middle;
 width:clamp(68px,16vw,100px);aspect-ratio:1.12;
 background:#fff7e3;border:1px solid #d8c9a4;border-radius:12px
}
.path-word-art svg,.path-word-art canvas{position:absolute;inset:3%;width:94%;height:94%}
.path-word-art canvas{object-fit:contain}
.path-pair-grid .path-word-art,.path-pair-result .path-word-art{
 width:clamp(38px,9vw,50px);max-width:100%;border:0;background:transparent
}
@media(prefers-reduced-motion:no-preference){
 .path-art-right{animation:path-flower-unfold .5s cubic-bezier(.2,.8,.3,1) both}
 .path-art-retry{animation:path-lens-look .5s ease-out both;transform-origin:70% 76%}
 .path-feedback-art:is([data-cue="point"],[data-cue="promotion"]){animation-name:path-medal-settle;transform-origin:50% 20%}
 .path-feedback-art[data-cue="bead"]{animation-name:path-bead-slide}
 .path-feedback-art[data-cue="ear"]{animation-name:path-ear-turn;transform-origin:46% 72%}
 @keyframes path-flower-unfold{
  0%{transform:scale(.78) rotate(-12deg)}
  64%{transform:scale(1.08) rotate(3deg)}
  100%{transform:scale(1) rotate(0)}
 }
 @keyframes path-lens-look{
  0%{transform:translate(-3px,2px) rotate(-9deg)}
  70%{transform:translate(1px,0) rotate(2deg)}
  100%{transform:translate(0,0) rotate(0)}
 }
 @keyframes path-medal-settle{
  0%{transform:translateY(-3px) rotate(-8deg)}
  65%{transform:rotate(3deg)}
  100%{transform:none}
 }
 @keyframes path-bead-slide{
  0%{transform:translateX(-5px)}
  70%{transform:translateX(1px)}
  100%{transform:none}
 }
 @keyframes path-ear-turn{
  0%{transform:rotate(0)}
  55%{transform:rotate(-6deg)}
  100%{transform:rotate(0)}
 }
}
@media(max-height:480px){
 .path-panorama{max-height:72px;object-fit:contain}
 .path-activity-art{width:30px}.path-feedback-art{width:32px}
 .path-landmark-art{width:36px;height:36px}
}