/* Rod selection sits directly below the map/header with one small gap. */
#scene{--hud-top:max(12px,env(safe-area-inset-top,0px));--hud-left:max(12px,calc(env(safe-area-inset-left,0px) + 8px));--hud-right:max(12px,calc(env(safe-area-inset-right,0px) + 8px));--header-height:44px;--rod-row-top:calc(var(--hud-top) + var(--header-height) + 10px)}
#scene .sonar-actions{top:var(--hud-top);left:var(--hud-left);width:auto;bottom:auto}
#scene .sonar-actions button{width:auto;height:var(--header-height);min-height:var(--header-height);padding:8px 10px;gap:6px;justify-content:center;font-size:12px}
#scene .top-actions{top:var(--hud-top);right:var(--hud-right);gap:5px;max-width:calc(100% - 130px);flex-wrap:nowrap}
#scene .top-actions button{height:var(--header-height);min-height:var(--header-height);padding:7px 10px;font-size:12px}
#scene .top-actions #time-skip{width:44px;height:44px;min-height:44px;padding:2px}
#scene #time-skip-icon{font-size:24px;line-height:25px}
#scene #time-skip small{font-size:9px;line-height:10px}
#scene #time-toast{top:var(--rod-row-top);right:var(--hud-right)}
#scene #audio-recover{top:var(--audio-row-top);left:var(--hud-left);width:44px;height:36px;min-height:36px;padding:6px;justify-content:center;box-sizing:border-box}
#scene #audio-recover svg{width:22px;height:22px;flex:none}
/* Tackle details remain in the equipment menu; the floating panel obscured the hand. */
#scene>.hud.left{display:none}
#rod-slots{position:absolute;top:var(--rod-row-top);left:var(--hud-left);display:flex;gap:6px;z-index:9}
#rod-slots button{height:42px;min-height:42px;min-width:42px;width:42px;padding:4px;border-radius:50%;border:1px solid #ffffff45;background:#10231dd9;color:#e8eee7;display:flex;align-items:center;justify-content:center;gap:2px;font-size:13px;cursor:pointer}
#rod-slots button[hidden]{display:none!important}
#rod-slots svg{width:15px;height:22px;flex-shrink:0}
#rod-slots button[aria-pressed=true]{border-color:#e9bd78;color:#f4ce90}
#rod-slots button[data-biting=true]{animation:rod-bite-pulse .5s ease-in-out infinite;border-color:#f0b763}
#rod-slots button:disabled{opacity:.5}
#rod-slot-notice{position:absolute;z-index:10;top:calc(var(--rod-row-top) + 50px);left:var(--hud-left);max-width:min(310px,calc(100% - 24px));margin:0;padding:8px 12px;border-radius:12px;background:#122a23eb;color:#f3e4c9;font-size:12px;pointer-events:none}
#scene #audio-status{max-width:min(180px,calc(100% - 126px))}
@media(max-width:360px){#scene .sonar-actions button{width:44px;font-size:0;padding:8px}#scene .sonar-actions svg{width:22px;height:22px}#scene .top-actions{max-width:calc(100% - 80px)}#scene .top-actions button{padding:7px 8px;font-size:11px}}
#rod-pair-dialog{max-width:440px;width:calc(100% - 28px);max-height:85dvh;overflow:auto;border:1px solid #597567;border-radius:18px;padding:22px;background:#15251f;color:#eef2ea}#rod-pair-dialog::backdrop{background:#0008}#rod-pair-dialog h2{margin-top:0}#rod-pair-dialog p{font-size:14px;line-height:1.5}#rod-pair-dialog label{display:flex;flex-direction:column;gap:7px;margin:16px 0}#rod-pair-dialog select,#rod-pair-dialog button{min-height:44px;border-radius:10px;border:1px solid #668370;background:#233b2f;color:#eef2ea;padding:9px;font:inherit}#rod-pair-dialog>div{display:flex;gap:8px;flex-wrap:wrap}#rod-pair-apply{background:#42604a!important}#rod-pair-error{color:#ffc0a4}@keyframes rod-bite-pulse{50%{background:#d9a75c;color:#17251d;box-shadow:0 0 12px #e9bf8088}}@media(prefers-reduced-motion:reduce){#rod-slots button[data-biting=true]{animation:none;background:#b7792c;color:white}}

#rod-slots button{position:relative}#rod-slots button[data-unattended]:not([data-unattended=""])::after{content:attr(data-unattended);position:absolute;bottom:-7px;right:-3px;padding:1px 4px;border-radius:7px;background:#8a3328;color:#fff2cd;font:700 9px system-ui;white-space:nowrap}

#reel[data-condition]:not([data-condition=''])::after{content:attr(data-condition);position:absolute;bottom:-5px;right:-4px;border-radius:4px;background:#392c14;color:#f5d887;padding:2px 4px;font:700 10px system-ui}#reel[data-worn='true']::after{background:#521e20;color:#ffd4c9}
#reel{position:relative}