.topbar a{color:#fff;font-size:14px}.pole-banner{height:125px;background:linear-gradient(90deg,#193e327d,#193e3200),url('assets/village.png') 25% 48%/cover;display:flex;align-items:end;padding:18px;color:white;font-size:25px;font-family:KaiTi,serif}.diagram{margin:15px 0;background:#f2f5e8;border:1px solid #c6d1b8;border-radius:8px}.diagram svg{width:100%;height:280px;display:block}.diagram p{text-align:center;font-size:12px;margin:0 0 8px;color:#73806a}.choice{padding:12px 18px;background:#fff;border:2px solid #a8ba92;border-radius:6px;color:#294d36}.choice[aria-pressed="true"]{background:#e2edcb;border-color:#507137}.controls button{min-height:46px}.oral-card{padding:20px;background:#f3edce;border-left:4px solid #bc782c;line-height:1.9}.angle-control{width:100%;accent-color:#527634;min-height:40px}.angle-label{width:100%;display:block}.diagram [hidden]{display:none}.feedback{font-size:16px}.next-story{display:inline-block;margin:15px 12px;color:#24583f;font-weight:bold}@media(max-width:720px){.diagram svg{height:245px}.topbar{flex-wrap:wrap}}
.diagram{overflow:hidden;background:#eee9dc;border:1px solid #b4ac91}.diagram svg{height:auto;aspect-ratio:3/2}.gate-caption{background:#234c3ceF;color:#fff;text-align:center;padding:10px 14px;font-size:16px}.diagram p{padding:6px 10px;margin:0}#moving-pole{filter:drop-shadow(2px 3px 2px #231e1960);transform-origin:300px 245px}.through-gate{animation:pass-gate 1s ease forwards}@keyframes pass-gate{to{transform:translateY(-25px) scale(.2);opacity:.15}}@media(prefers-reduced-motion:reduce){.through-gate{animation:none;opacity:.3}}