#trap-status{position:absolute;top:145px;left:50%;transform:translateX(-50%);color:#ffde66;font-size:20px;font-weight:900;white-space:nowrap}#help-leopard{position:absolute;bottom:21%;left:50%;transform:translateX(-50%);border:2px solid #382b13;background:#ffd354;color:#302711;border-radius:7px;padding:12px 20px;font-weight:900;box-shadow:0 4px 0 #342812;font-size:18px}#help-leopard:disabled{background:#dfd2a1}.progress b{font-size:20px;letter-spacing:1px}.segments i:nth-child(2){position:relative}.segments i:nth-child(2)::after{content:'豹拉';font-style:normal;font-size:10px;position:absolute;left:50%;top:0;transform:translateX(-50%);color:#4d4119;text-shadow:none}.progress small{max-width:100%;white-space:nowrap;font-size:12px}@media(max-width:850px){.progress b{font-size:13px}.progress small{font-size:9px}#trap-status{top:116px;font-size:15px}#help-leopard{bottom:24%;font-size:14px;padding:8px 12px}}
/* Toy webview: keep dialogs usable on short and narrow screens. */
.panel{min-width:0;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}
@media(max-height:500px){.intro h1{font-size:64px;margin:10px 0}.intro h1 span{font-size:27px;margin-top:8px}.intro p{font-size:14px;line-height:1.5;margin-bottom:14px}.intro small{margin-top:12px}.intro-help{margin-top:12px}.panel{padding:16px 28px}.win-face{width:64px;height:64px;margin:0 auto 6px}.panel h2{font-size:25px;margin:8px 0 12px}.panel p{font-size:14px;line-height:1.5;margin-bottom:14px}.panel .primary{padding:10px 20px}.secondary{margin-top:12px}}
@media(max-width:500px){.identity{gap:5px}.identity img{width:42px;height:46px}.identity strong{font-size:20px;letter-spacing:1px}.identity span{font-size:11px}.tools{right:10px;top:12px;gap:5px}.tools button{width:34px;height:34px}.progress{top:76px;width:calc(100vw - 32px)}.intro{left:7%;right:7%}.intro h1{font-size:70px}.intro h1 span{font-size:28px;letter-spacing:2px}.intro .eyebrow{font-size:11px;letter-spacing:1px}.intro-caption{display:none}.panel{padding:24px 20px}.panel h2{font-size:28px}#trap-status{top:146px}.notice{top:148px}.dpad{left:14px;bottom:20px}#touch-jump{right:18px;bottom:22px}}

/* Six distinct regions, with compact labels on phones. */
.segments i{position:relative}.segments i::after,.segments i:nth-child(2)::after{content:attr(data-label);font-style:normal;font-size:9px;position:absolute;left:50%;top:0;transform:translateX(-50%);color:#4d4119;text-shadow:none;white-space:nowrap}
@media(max-width:850px){.segments{height:16px}.segments i::after,.segments i:nth-child(2)::after{font-size:8px}.progress small{white-space:normal;line-height:1.3}}

/* Phone landscape: keep the route visible and stay clear of the sensor area. */
@media(any-pointer:coarse) and (max-height:500px){
.identity{left:calc(env(safe-area-inset-left,0px) + 12px);top:10px;gap:7px}.identity img{width:48px;height:50px}.identity strong{font-size:24px;letter-spacing:1px}.identity span{font-size:12px}
.tools{right:calc(env(safe-area-inset-right,0px) + 12px);top:10px;gap:6px}.tools button{width:38px;height:38px;font-size:24px}
.progress{top:10px;width:min(42vw,420px)}.progress b{font-size:14px}.progress small{font-size:10px}#trap-status{top:83px;font-size:14px}.notice{top:84px;font-size:15px}
}