#orientation-guard{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:calc(28px + env(safe-area-inset-top)) 24px calc(28px + env(safe-area-inset-bottom));border:0;border-radius:0;background:#e9dfbb;color:#304735;box-shadow:none;text-align:center;overflow:hidden;box-sizing:border-box;outline:none}
#orientation-guard[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
#orientation-guard::backdrop{background:#e9dfbb}
#orientation-guard .rotate-mark{font-size:17px;letter-spacing:4px;color:#718050}
#orientation-guard h2{font-size:26px;margin:0;font-weight:800}
#orientation-guard p{font-size:15px;line-height:1.9;margin:0;max-width:290px;color:#536747}
#orientation-guard small{font-size:12px;color:#817957;line-height:1.8;margin-top:8px}
.rotate-phone{position:relative;width:75px;height:120px;box-sizing:border-box;border:4px solid #304735;border-radius:13px;background:#8b9a58;box-shadow:6px 6px 0 #b2ab81;margin:28px 0 36px;animation:turn-phone 3.2s ease-in-out infinite}
.rotate-phone::before{content:'鱼';position:absolute;inset:15px 6px 23px;display:grid;place-items:center;border:2px solid #304735;border-radius:4px;background:#eee4be;font-size:30px}
.rotate-phone::after{content:'';position:absolute;bottom:6px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#eee4be}
.needs-landscape{overflow:hidden}
@keyframes turn-phone{0%,15%{transform:rotate(0)}45%,80%{transform:rotate(90deg)}100%{transform:rotate(0)}}
@media(prefers-reduced-motion:reduce){.rotate-phone{animation:none;transform:rotate(90deg)}}
/* Keep the pause button, timer and basket in separate lanes on small phones. */
@media(max-width:760px) and (max-height:450px) and (orientation:landscape){
  .bottom-bar{min-height:56px;padding:5px 4px;gap:8px}
  .tool-slot{height:44px;gap:1px}.tool-slot svg{width:23px;height:23px}
  .tool-slot .tool-art{height:22px}.control-footer{display:none}
  .catch-hud{min-width:135px;max-width:145px;padding:6px 8px}
  .timer-hud{min-width:88px;padding:4px 7px}.timer-hud strong{font-size:20px;margin:1px 0;line-height:1}
  .timer-hud .hud-label{font-size:7px}.timer-hud .time-track{margin-top:3px}
  .storage-hud{top:68px;bottom:auto;right:12px}
  .fishing-panel{width:190px;top:8px}
  .held-stats{gap:9px}.held-stats b{white-space:nowrap;font-size:18px}
}