/* Compact field layout: menus appear only after an explicit tap. */
#mobileToolbar{display:none}
#mobileZoom{display:none}.compact-hud #mobileZoom{display:block;position:absolute;inset:0;pointer-events:none;z-index:2}.compact-hud #mobileZoom button{position:absolute;top:42%;width:44px;height:44px;padding:0;font:26px sans-serif;border-radius:12px;background:#132d2980;border:1px solid #d5e3bf55;backdrop-filter:blur(5px);pointer-events:auto;touch-action:none;user-select:none}.compact-hud #mobileZoomOut{left:max(8px,env(safe-area-inset-left))}.compact-hud #mobileZoomIn{right:max(8px,env(safe-area-inset-right))}.compact-hud #mobileZoom button.held{background:#cbdc9c44;border-color:#e5edbf}.compact-hud.in-store #mobileZoom{display:none}.compact-hud #mobileMenuDock .zoom-tools{display:none}
.compact-hud #hudTop{grid-template-columns:1fr;gap:5px;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));top:max(7px,env(safe-area-inset-top))}
.compact-hud #hudTop .field-title{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 5px;background:none;border:0;box-shadow:none;backdrop-filter:none;min-width:0;height:23px}
.compact-hud #hudTop .field-name{font-size:12px;display:block;margin:0;white-space:nowrap}
.compact-hud #hudTop .brand,.compact-hud #hudTop .field-name span,.compact-hud #hudTop #lightHud{display:none!important}
.compact-hud #hudTop .weather{margin:0;font-size:10px;display:flex;gap:8px;white-space:nowrap}
.compact-hud #hudTop .weather span{display:none!important}.compact-hud #hudTop .weather #hourLabel,.compact-hud #hudTop .weather #waterLabel{display:inline!important}
.compact-hud #mobileToolbar{grid-column:1;grid-row:2;display:flex;gap:5px;pointer-events:auto;min-width:0}
#mobileToolbar button{min-height:44px;padding:7px 10px;font-size:12px;background:#132d29e8;backdrop-filter:blur(10px);white-space:nowrap}
#mobileToolbar #mobileGear{flex:1;min-width:0;display:flex;align-items:center;gap:7px;overflow:hidden;text-align:left}#mobileGear span{font-size:10px;color:var(--muted)}#mobileGear b{font-size:11px;overflow:hidden;text-overflow:ellipsis}
#mobilePause{min-width:44px}#mobileMenuOpen{position:relative}#mobileMenuOpen i{display:none}#mobileMenuOpen.has-mail i{display:block;position:absolute;right:6px;top:5px;width:6px;height:6px;border-radius:50%;background:#f3d47f}
body:not(.touch-mode) #mobileTune{display:none}
.compact-hud #hudTop .fight-hud{grid-column:1;grid-row:3;width:auto;padding:6px 10px;display:block;max-height:96px;overflow:auto}
.compact-hud[data-fishing-state="ready"] #hudTop .fight-hud,.compact-hud[data-fishing-state="charging"] #hudTop .fight-hud{display:none}
.compact-hud .tension-caption{display:none}.compact-hud .meter-label{margin-bottom:3px}.compact-hud .meter-label span{font-size:9px}.compact-hud .meter-label strong{font-size:16px}.compact-hud .tension-track{height:5px}.compact-hud #hudTop .telemetry{display:flex;margin:4px 0 0;padding:0;border:0;gap:3px 10px;font-size:10px;line-height:1.3}
.compact-hud #fightLoads{font-size:9px!important;padding-top:3px!important;margin-top:3px}
.compact-hud #hudBottom{display:flex;flex-direction:column;align-items:stretch;gap:4px;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom))}
.compact-hud.touch-mode #hudBottom{bottom:calc(106px + env(safe-area-inset-bottom))}
.compact-hud #hudBottom .section-panel,.compact-hud.touch-mode #hudBottom .section-panel{display:block!important;width:100%;padding:0 8px}
.compact-hud #hudBottom .section-head{min-height:38px;display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:0;gap:8px}.compact-hud #hudBottom .section-head small{font-size:9px}.compact-hud #sectionToggle{min-width:44px;min-height:38px;padding:4px 10px}
.compact-hud #hudBottom .section-panel canvas{height:clamp(58px,11vh,90px)}.compact-hud #hudBottom .section-panel.collapsed canvas{display:none}
.compact-hud #hudBottom .controls{width:100%;padding:5px 8px}.compact-hud #hudBottom .control-hint{display:none}.compact-hud #hudBottom .gauge{height:23px}.compact-hud #hudBottom .gauge span{font-size:10px}.compact-hud #hudBottom .action-buttons{gap:4px}.compact-hud #hudBottom .action-buttons button{min-height:44px;font-size:11px}
.compact-hud.touch-mode #hudBottom .controls{display:none}.compact-hud.touch-mode[data-fishing-state="charging"] #hudBottom .controls{display:block}
.compact-hud #hudBottom .field-status,.compact-hud.touch-mode #hudBottom .field-status{display:block;min-height:24px;max-height:24px;padding:2px 7px;background:#132d299c;pointer-events:none}
.compact-hud #hudBottom .field-status>span{display:none}.compact-hud #hudBottom .field-status p{font-size:10px;line-height:19px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compact-hud #tooltip,.compact-hud #tooltip[hidden]{display:none!important}
.compact-hud.touch-mode #joystick{width:82px!important;height:82px!important;left:max(12px,env(safe-area-inset-left))!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;background:#a8bd8c18}
.compact-hud.touch-mode #touchLeft{left:108px!important;right:auto!important;bottom:calc(18px + env(safe-area-inset-bottom))!important}.compact-hud.touch-mode #touchRight{right:max(12px,env(safe-area-inset-right))!important;bottom:calc(18px + env(safe-area-inset-bottom))!important}
.compact-hud .touch-mouse{width:66px;height:66px;background:#152b2866}.compact-hud .touch-mouse b{font-size:24px}.compact-hud .touch-mouse span{font-size:9px}
.compact-hud.touch-mode .touch-tuning{display:none!important}.compact-hud.touch-mode.tuning-open .touch-tuning{display:flex!important;left:8px!important;right:8px!important;bottom:calc(109px + env(safe-area-inset-bottom))!important;width:auto!important;height:70px;flex-direction:row;gap:12px;background:#19362ff5;border:1px solid var(--line);border-radius:10px;z-index:6;padding:9px 12px}
.compact-hud .touch-tuning label{font-size:11px;min-width:0;flex:1}.compact-hud .touch-tuning input{height:32px;margin-top:3px}
#mobileMenuDialog{width:min(500px,calc(100vw - 16px));max-height:calc(100dvh - 20px);padding:0}#mobileMenuDialog .dialog-head{padding:14px 16px}#mobileMenuDialog h2{font-size:22px}#mobileMenuDialog .dialog-head button{min-width:44px;min-height:44px}#mobileMenuDialog .popup-body{padding:8px 14px 16px}#mobileMenuDialog .menu-note{margin:0 0 12px;font-size:11px}
#mobileMenuDock{display:grid;gap:12px}#mobileMenuDock>.hud{position:static!important;inset:auto!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0;padding:12px;visibility:visible;box-shadow:none;backdrop-filter:none}
#mobileMenuDock .career-hud{display:block}#mobileMenuDock .career-hud>div:first-child{display:flex;justify-content:space-between;align-items:center}#mobileMenuDock .career-hud b{font-size:22px}#mobileMenuDock .career-buttons{display:grid;grid-template-columns:1fr 1fr;margin:12px 0 0;gap:6px}#mobileMenuDock .career-buttons button{min-height:46px;font-size:12px;padding:8px}#mobileMenuDock .career-standing{min-height:44px;font-size:11px;padding:8px;margin:6px 0 0}#mobileMenuDock .zoom-tools{margin-top:8px;justify-content:space-between;font-size:11px}#mobileMenuDock .zoom-tools button{min-width:44px;min-height:44px}
#mobileMenuDock .equipment{display:flex;gap:10px;flex-wrap:wrap;align-items:center}#mobileMenuDock .equipment>div{flex:1}#mobileMenuDock .equipment b{font-size:14px}#mobileMenuDock .equipment small{font-size:11px}#mobileMenuDock .equipment button{min-height:44px}#mobileMenuDock #tunePopup{display:none}
#mobileMenuDock .top-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px}#mobileMenuDock .top-tools button{min-height:44px;padding:8px;font-size:12px}#mobileMenuDock .top-tools kbd,#mobileMenuDock .top-tools button>span,#mobileMenuDock #pause{display:none}
.compact-hud.in-store #hudTop,.compact-hud.in-store #hudBottom{visibility:hidden}.compact-hud.in-store #mobileToolbar{visibility:hidden}.compact-hud.in-store.touch-mode #joystick{bottom:calc(16px + env(safe-area-inset-bottom))!important}.compact-hud.in-store.touch-mode .touch-tuning{display:none!important}

@media(orientation:landscape) and (max-height:500px){.compact-hud #hudBottom,.compact-hud.touch-mode #hudBottom{right:auto;width:min(280px,42vw)}.compact-hud #hudTop .fight-hud{max-height:65px}.compact-hud #hudBottom .section-panel canvas{height:72px}}

@media(orientation:landscape) and (max-height:500px){.compact-hud #hudBottom,.compact-hud.touch-mode #hudBottom{left:64px;width:min(220px,32vw)}}