.sonar-actions{position:absolute;left:max(14px,env(safe-area-inset-left));top:calc(env(safe-area-inset-top) + 84px);display:flex;gap:7px;z-index:8}
.sonar-actions[hidden],#cast-depth[hidden],#snag-notice[hidden]{display:none}
.sonar-actions button{display:flex;gap:7px;align-items:center;min-height:42px;padding:8px 11px;background:#0a222ce8;color:#e5eee8;border:1px solid #68847e;border-radius:11px;font:600 13px system-ui}
.sonar-actions svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5}
.sonar-actions button[aria-pressed=true]{color:#e5c88d;border-color:#d7b779}
#cast-depth{position:absolute;left:max(14px,env(safe-area-inset-left));top:calc(env(safe-area-inset-top) + 135px);max-width:min(330px,60vw);color:#edf5ef;font:500 12px/1.6 system-ui;text-shadow:0 1px 4px #000,0 0 8px #000;pointer-events:none;z-index:7}
#snag-notice{position:absolute;left:50%;bottom:24%;transform:translateX(-50%);max-width:85vw;color:#ffd3a0;background:#122025dd;border:1px solid #bba277;border-radius:12px;padding:12px 17px;font:600 14px/1.5 system-ui;text-align:center;z-index:9}
#sonar-dialog{width:min(960px,96vw);max-width:96vw;max-height:94dvh;padding:0;border:1px solid #638480;border-radius:20px;background:#0c202a;color:#e5eee9;overflow:auto;font-family:system-ui}
#sonar-dialog::backdrop{background:#020c11b8;backdrop-filter:blur(4px)}
.sonar-header,.sonar-toolbar,.sonar-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:16px 20px}
.sonar-header h2{font-size:24px;letter-spacing:-.04em;margin:0}.sonar-header small{color:#adc9c3;letter-spacing:.04em;font-size:11px}.sonar-header strong{display:block;margin-top:7px;color:#ecd098;font-size:18px}
#sonar-dialog button{min-height:44px;padding:9px 14px;border:1px solid #587974;border-radius:10px;background:#19333b;color:#e5eee9;font:600 14px system-ui;cursor:pointer}
#sonar-dialog button[aria-pressed=true],#sonar-dialog button:hover{background:#2a5149;border-color:#a6cfb6}#sonar-dialog button:disabled{opacity:.45}#sonar-dialog button:focus-visible{outline:2px solid #e7c689;outline-offset:2px}
.sonar-toolbar{padding-top:0}.sonar-toolbar>div{display:flex;gap:7px}.sonar-toolbar label{font-size:13px}.sonar-toolbar input{width:18px;height:18px;vertical-align:middle}
#sonar-map{display:block;width:100%;height:350px;touch-action:none;cursor:crosshair}#sonar-profile{display:block;width:100%;height:165px;border-top:1px solid #3d5a63}
.sonar-legend{display:flex;gap:16px;flex-wrap:wrap;color:#adcac3;font-size:12px;padding:12px 20px}.sonar-legend i{display:inline-block;width:90px;height:8px;background:linear-gradient(90deg,#a2dad3,#092642);border-radius:5px;margin:0 5px}.sonar-legend em{color:#8dc999;font-style:normal}
#sonar-details{min-height:38px;margin:0;padding:10px 20px;font-size:14px;line-height:1.5;color:#e3d4b4}.sonar-footer{padding-top:8px}.sonar-footer p{margin:0;color:#adc4c6;font-size:12px;max-width:440px;line-height:1.5}
.sonar-equipment{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #496861;border-radius:12px;margin:14px 0}.sonar-equipment img{width:65px;height:48px;object-fit:contain;border-radius:8px}.sonar-equipment span{flex:1}.sonar-equipment small{display:block;color:#a6c6bc;margin-top:4px}
@media(max-width:600px){.sonar-actions{top:calc(env(safe-area-inset-top) + 75px)}#cast-depth{top:calc(env(safe-area-inset-top) + 126px);font-size:11px;max-width:85vw}#sonar-map{height:280px}.sonar-header,.sonar-toolbar,.sonar-footer{padding:12px}.sonar-header h2{font-size:21px}#sonar-profile{height:135px}.sonar-legend{padding:10px 12px;font-size:11px;gap:9px}.sonar-equipment{flex-wrap:wrap}}

/* Two quiet, distinct depth symbols; no sentence over the lake. */
#cast-depth{display:flex;align-items:center;gap:22px;margin:0;max-width:calc(100% - 28px);font-family:system-ui}
.depth-reading{display:flex;align-items:center;gap:6px;white-space:nowrap}
.depth-reading svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #0009)}
.depth-reading strong{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.depth-reading small{font-size:13px;opacity:.9}
.water-depth{color:#e9f5f4}.bait-depth{color:#f4d49b}
@media(max-width:600px){#cast-depth{gap:18px}.depth-reading strong{font-size:18px}.depth-reading svg{width:25px;height:25px}}

/* Weather and both depths form one bottom row, on every screen. */
#scene .location{display:flex;align-items:center;gap:22px;max-width:calc(100% - 32px);flex-wrap:wrap;pointer-events:none;z-index:7}
#scene .location #cast-depth{position:static;top:auto;left:auto;max-width:none;gap:18px;flex:none}
#scene .location .depth-reading{display:flex;align-items:center;letter-spacing:0}
#scene .location .depth-reading small{margin:0;font-size:13px}
#scene .location .conditions{flex:none;margin:0}
@media(max-width:600px),(pointer:coarse){
 #scene .location,#scene[data-fighting="true"] .location{bottom:max(94px,calc(env(safe-area-inset-bottom,0px) + 86px));gap:14px;left:max(14px,env(safe-area-inset-left))}
 #scene .location #cast-depth{gap:12px}
 #scene .location .depth-reading{gap:4px}
 #scene .location .depth-reading strong{font-size:17px}
 #scene .location .depth-reading svg{width:23px;height:23px}
 #scene .location .depth-reading small{font-size:11px}
 #scene .location .conditions{gap:6px;font-size:13px}
 #scene .location .weather-icon{width:28px;height:28px}
 #scene:has(#payout:not([hidden])) .location{bottom:max(158px,calc(env(safe-area-inset-bottom,0px) + 150px))}
}

#debris-catch{position:absolute;left:50%;top:57%;transform:translate(-50%,-50%);z-index:8;display:flex;align-items:center;flex-direction:column;gap:9px;color:#f3e6ca;text-align:center;pointer-events:none;text-shadow:0 2px 6px #000,0 0 12px #000}
#debris-catch[hidden]{display:none}#debris-catch svg{width:150px;height:150px;fill:currentColor;fill-opacity:.22;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 6px #0009)}#debris-catch strong{font:650 24px system-ui}#debris-catch small{font:14px system-ui;max-width:260px}

/* Bathymetry first: compact instruments, spacious map, secondary cross-section. */
.sonar-readings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 20px 14px;background:#29434c;border:1px solid #29434c;border-radius:10px;overflow:hidden}
.sonar-readings>div{background:#102832;padding:10px 14px}.sonar-readings small{display:block;color:#a3bec5;font-size:11px}.sonar-readings strong{display:block;margin-top:4px;font-size:19px;font-variant-numeric:tabular-nums}.sonar-readings>div:first-child strong{color:#ffe29a}
#sonar-map{height:430px}.sonar-section{border-top:1px solid #29434c}.sonar-section summary{padding:13px 20px;font-size:13px;color:#b9ced1;cursor:pointer}.sonar-section[open] summary{color:#ffe29a}#sonar-fish-key{margin:0;padding:0 20px 8px;font-size:11px;color:#b7dce8}
#sonar-details{min-height:0;color:#d6e6e7}.sonar-toolbar label{flex-basis:100%}.sonar-header{align-items:flex-start}.sonar-header h2{margin-top:3px}.sonar-header strong{font-size:15px}.sonar-footer p{font-size:11px}
@media(max-width:600px){#sonar-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:96dvh;border-radius:16px}.sonar-header{gap:8px}.sonar-header h2{font-size:22px}#sonar-close{font-size:12px;padding:8px 10px;min-height:40px}.sonar-header small{font-size:9px;letter-spacing:0}.sonar-readings{margin:0 12px 10px}.sonar-readings>div{padding:9px 8px}.sonar-readings small{font-size:10px}.sonar-readings strong{font-size:17px}.sonar-toolbar{gap:8px}#sonar-dialog .sonar-toolbar button{font-size:12px;padding:8px 10px}.sonar-toolbar>div{gap:5px}#sonar-map{height:min(390px,48dvh)}#sonar-fish-key{padding:0 12px 8px}.sonar-section summary{padding:12px}.sonar-legend{gap:8px 12px}.sonar-legend i{width:65px}#sonar-details{font-size:12px}}

#fish-status[data-state=caught]{pointer-events:auto}#catch-inspect{display:block;margin:10px auto 0;padding:6px 10px;border:0;background:#0c222aae;border-radius:8px;color:#e2e9dd;font:12px system-ui;cursor:pointer}#catch-inspect[hidden]{display:none}

#catch-value{display:block;margin-top:8px;font:13px system-ui;color:#e9d2a5}#catch-value[hidden]{display:none}

.sonar-map-wrap{position:relative}#sonar-fish-depth[hidden]{display:none}

#sonar-cast-error{position:absolute;z-index:4;top:12px;left:50%;transform:translateX(-50%);width:min(360px,calc(100% - 24px));box-sizing:border-box;padding:14px 16px;border:1px solid #efc381;border-radius:14px;background:#112631f7;color:#ffe6b9;box-shadow:0 6px 24px #0007;pointer-events:none;font:600 14px/1.45 system-ui;text-align:center}
#sonar-cast-error[hidden]{display:none}#sonar-cast-error>strong{font-size:20px}#sonar-cast-error>div{display:flex;justify-content:center;gap:24px;margin:8px 0}#sonar-cast-error span{font-size:11px;color:#cad8d8}#sonar-cast-error b{display:block;font-size:22px;color:#fff0d1}#sonar-cast-error small{font-size:12px;color:#ebd4ac}

/* A compact, fixed-height row inside the column menu. Never reserve the
   viewport as a flex basis: menu content must keep all remaining space. */
.language-switch{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:none}
.language-switch button{border:1px solid #597e79;border-radius:9px;background:#112a32;color:#ddece8;font:700 12px system-ui;letter-spacing:.04em;cursor:pointer}
.language-switch button[aria-pressed=true]{background:#31564e;border-color:#abd3c0;color:#fff}
.language-switch button:focus-visible,#language-toggle:focus-visible{outline:2px solid #e8ca8c;outline-offset:3px}
#language-toggle{min-width:42px;font:700 12px system-ui;letter-spacing:.04em}
#game-menu>.language-switch{flex:0 0 44px;height:44px;min-height:44px;max-height:44px;box-sizing:border-box;padding:4px max(16px,env(safe-area-inset-right));border-bottom:1px solid #ffffff16}
#game-menu>.language-switch>button{flex:none;width:40px;height:32px;min-height:32px;padding:5px 8px;font-size:12px;line-height:1}
@media(max-width:600px){#language-toggle{min-width:36px;padding:8px}}

/* Landscape touch screens keep instruments along the lower left edge.
   Leave the lower right free for casting and fight controls. */
@media (orientation:landscape) and (max-height:600px) and (pointer:coarse){
 #scene .location,#scene[data-fighting="true"] .location,
 #scene:has(#payout:not([hidden])) .location{
  top:auto;bottom:max(16px,calc(env(safe-area-inset-bottom,0px) + 12px));
  left:max(14px,calc(env(safe-area-inset-left,0px) + 8px));
  max-width:calc(100% - 240px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));
  gap:10px;flex-wrap:nowrap;
 }
 #scene .location #cast-depth{gap:10px}
 #scene .location .depth-reading strong{font-size:16px}
 #scene .location .depth-reading svg{width:22px;height:22px}
 #scene .location .conditions{font-size:12px;gap:5px}
 #sonar-dialog{max-height:96dvh;border-radius:12px}
 .sonar-header,.sonar-toolbar{padding:8px 12px;gap:6px}
 .sonar-header h2{font-size:18px}
 .sonar-header strong{font-size:12px;margin-top:3px}
 #sonar-dialog .sonar-toolbar button,#sonar-close{padding:6px 10px;font-size:12px}
 .sonar-toolbar label{flex-basis:auto;font-size:12px}
 .sonar-readings{margin:0 12px 8px}
 .sonar-readings>div{padding:6px 10px}
 .sonar-readings strong{font-size:16px;margin-top:2px}
 #sonar-map{height:clamp(180px,55dvh,330px)}
 .sonar-legend{padding:8px 12px;gap:8px;font-size:11px}
}

/* The map and its information row share the dialog scroll area. */
#sonar-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.sonar-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;flex:1 1 auto}


/* A single upper-left row frees the lake view on landscape phones. */
@media (orientation:landscape) and (max-height:600px) and (pointer:coarse){
 #scene .sonar-actions{
  top:max(14px,env(safe-area-inset-top,0px));
  left:max(14px,calc(env(safe-area-inset-left,0px) + 8px));
  bottom:auto;width:96px;
 }
 #scene .sonar-actions button{width:96px;height:56px;min-height:56px;justify-content:center;padding:8px;gap:6px}
 #scene #selected-bait{
  top:max(14px,env(safe-area-inset-top,0px));bottom:auto;
  left:calc(max(14px,calc(env(safe-area-inset-left,0px) + 8px)) + 108px);
  height:56px;min-height:56px;margin:0;
 }
}

/* One lake, three banks and a moored fishing boat. Thumbnails remain outside the depth map. */
#sonar-spots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 20px 12px}
#sonar-spots[hidden],#fishing-spot-choice[hidden]{display:none}
#sonar-spots button{display:flex;align-items:center;gap:9px;text-align:left;padding:7px;min-width:0;background:#122d35}
#sonar-spots button img{width:62px;height:48px;object-fit:cover;border-radius:6px;flex:none}
#sonar-spots button span{min-width:0}#sonar-spots b{display:block;font-size:12px;line-height:1.3}#sonar-spots small{display:block;margin-top:4px;color:#afc7c6;font-size:10px;line-height:1.3}
#sonar-spots button[aria-pressed=true]{background:#294b42;border-color:#dfc58e}
#sonar-spot-status:empty,#fishing-spot-status:empty{display:none}#sonar-spot-status{padding:0 20px 10px;margin:0;color:#f3d49b;font:13px system-ui}
#fishing-spot-status{margin:8px 0;color:#f3d49b;font:13px system-ui}
@media(max-width:600px),(max-height:500px){#sonar-spots{padding:0 12px 8px;gap:5px}#sonar-spots button{display:block;padding:6px}#sonar-spots button img{width:100%;height:42px;margin-bottom:5px}#sonar-spots small{display:none}#sonar-spots b{font-size:11px}}

/* Open on the map; square location photos stay in the section below it. */
.sonar-scroll{scroll-behavior:auto;scrollbar-gutter:stable}
.sonar-header{padding:12px 16px;gap:8px}
.sonar-header h2{font-size:21px}.sonar-header strong{font-size:13px;margin-top:3px}
.sonar-toolbar{padding:0 16px 10px;gap:6px}
.sonar-toolbar label{display:none}
#sonar-close{position:sticky;top:8px}
#sonar-map{height:clamp(240px,53dvh,480px)}
#sonar-spots-heading{margin:18px 20px 10px;font:600 16px system-ui;color:#e6ede7}
#sonar-spots-heading[hidden]{display:none}
#sonar-spots{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 20px 16px}
#sonar-dialog #sonar-spots button{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:7px;overflow:hidden;min-width:0;border-radius:13px;touch-action:manipulation}
#sonar-dialog #sonar-spots button img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center;border-radius:8px;margin:0}
#sonar-spots button span{display:block;padding:2px 3px 4px}#sonar-spots b{font-size:12px}#sonar-spots small{font-size:11px}
#sonar-dialog #sonar-spots button[aria-pressed=true]{border-color:#a7dfb7;background:#244a37;box-shadow:0 0 0 1px #a7dfb744}
#sonar-spots button[aria-pressed=true]::after{content:'✓';position:absolute;top:12px;right:12px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#c5efcf;color:#193d29;font-weight:800;box-shadow:0 1px 5px #0006}
@media(max-width:600px){#sonar-spots{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px 14px;gap:9px}#sonar-spots-heading{margin-left:12px}#sonar-spots small{display:block}#sonar-map{height:clamp(220px,48dvh,400px)}.sonar-header,.sonar-toolbar{padding-left:12px;padding-right:12px}#sonar-dialog .sonar-toolbar button{min-height:40px;padding:7px 9px}}
@media(orientation:landscape) and (max-height:600px){#sonar-map{height:clamp(170px,54dvh,330px)}#sonar-spots{grid-template-columns:repeat(4,minmax(0,1fr))}.sonar-header{padding-top:8px;padding-bottom:8px}.sonar-header h2{font-size:18px}.sonar-header small,.sonar-header strong{display:none}.sonar-toolbar{padding-bottom:8px}}

/* Keep the selected fish depth prominent in a stable row directly below the map. */
#sonar-dialog .sonar-legend{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;min-height:116px;padding:10px 20px;border-bottom:1px solid #29434c}
.sonar-depth-scale{display:flex;align-items:center;white-space:nowrap;gap:4px}
#sonar-fish-depth{position:static;display:grid;grid-template-columns:minmax(0,1fr);gap:3px;min-height:86px;box-sizing:border-box;width:fit-content;max-width:100%;justify-self:start;min-width:0;margin:0;padding:10px 16px;border:1px solid #d8be76;border-left:4px solid #ffe5a2;border-radius:12px;background:#29382f;box-shadow:0 4px 18px #0003;color:#fff1c6;font:600 14px/1.3 system-ui;pointer-events:none;text-align:left;overflow-wrap:anywhere}
.sonar-fish-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#e6d6a7}
.sonar-fish-value{font-size:32px;line-height:1.1;font-weight:800;font-variant-numeric:tabular-nums;color:#fff3ca}
.sonar-fish-distance{font-size:14px;color:#dce9df;font-variant-numeric:tabular-nums}
.sonar-fish-action{font-size:11px;font-weight:500;color:#c2d5c6}
.sonar-fish-error{align-self:center;font-size:16px;color:#ffd1ae}
#sonar-fish-depth[hidden]{display:none}
@media(max-width:600px){#sonar-dialog .sonar-legend{min-height:116px;padding:8px 12px;gap:10px}.sonar-depth-scale{gap:2px}#sonar-dialog .sonar-legend i{width:45px}#sonar-fish-depth{padding:9px 10px}.sonar-fish-value{font-size:26px}.sonar-fish-distance{font-size:12px}.sonar-fish-label{font-size:10px}}
/* Map at the top; weather has its own lower-left anchor in both orientations. */
#scene .sonar-actions{top:max(14px,env(safe-area-inset-top,0px));bottom:auto;left:max(14px,calc(env(safe-area-inset-left,0px) + 8px));width:auto}
#scene .weather-hud{position:absolute;z-index:7;left:max(14px,calc(env(safe-area-inset-left,0px) + 8px));bottom:max(14px,calc(env(safe-area-inset-bottom,0px) + 10px));color:#edf5ef;pointer-events:none;text-shadow:0 1px 4px #000,0 0 8px #000}
#scene .weather-hud .conditions{display:flex;align-items:center;gap:6px;white-space:nowrap;font:500 12px/28px system-ui}
#scene .weather-hud .weather-icon{width:24px;height:24px;flex:none}
@media(max-width:600px),(pointer:coarse){#scene .controls{width:min(252px,calc(100% - 156px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)))}#scene .sonar-actions button{min-height:46px;padding:8px 10px;font-size:12px}#scene #selected-bait{top:auto;bottom:calc(max(14px,calc(env(safe-area-inset-bottom,0px) + 10px)) + 40px);left:max(14px,calc(env(safe-area-inset-left,0px) + 8px))}}
@media(orientation:landscape){#scene #selected-bait{top:auto;bottom:calc(max(14px,calc(env(safe-area-inset-bottom,0px) + 10px)) + 40px);left:max(14px,calc(env(safe-area-inset-left,0px) + 8px))}}
/* Portrait instruments form a narrow stack above the weather, beside the reel metres. */
@media(orientation:portrait) and (max-width:600px), (orientation:portrait) and (pointer:coarse){
 #scene .location,#scene[data-fighting="true"] .location,#scene:has(#payout:not([hidden])) .location{
  top:auto;bottom:calc(max(14px,calc(env(safe-area-inset-bottom,0px) + 10px)) + 34px);
  left:max(14px,calc(env(safe-area-inset-left,0px) + 8px));
  width:128px;max-width:calc(100% - 180px);display:flex;flex-direction:column;align-items:flex-start;flex-wrap:nowrap;gap:4px;
 }
 #scene .location #cast-depth{order:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;max-width:100%}
 #scene .location #cast-depth[hidden]{display:none}
 #scene .location .depth-reading{gap:4px;min-height:23px}
 #scene .location .depth-reading strong{font-size:17px;line-height:23px}
 #scene .location .depth-reading svg{width:21px;height:21px}
 #scene .location .depth-reading small{font-size:11px}
 #scene .location #bottom-status{order:1;max-width:100%;margin:0;padding:5px 7px;font-size:11px;line-height:16px;white-space:normal}
 #scene #selected-bait{bottom:calc(max(14px,calc(env(safe-area-inset-bottom,0px) + 10px)) + 40px)}
}

/* Rested feeder: depth stays above the right controls, away from reel distance. */
#scene[data-rod-rest="true"] .location #cast-depth{position:fixed;left:auto;top:auto;right:max(14px,calc(env(safe-area-inset-right,0px) + 8px));bottom:calc(env(safe-area-inset-bottom,0px) + 90px);display:flex;flex-direction:column;align-items:flex-end;gap:3px;width:max-content;max-width:128px;text-align:right}
#scene[data-rod-rest="true"] .location #cast-depth[hidden]{display:none}
#scene #audio-recover{position:absolute;z-index:9;top:calc(max(14px,env(safe-area-inset-top,0px)) + 58px);left:max(14px,calc(env(safe-area-inset-left,0px) + 8px));width:auto;min-height:36px;padding:7px 10px;font:600 12px system-ui;border:1px solid #a6cbb4;border-radius:10px;background:#102d35;color:#e7f4ea}
#scene #audio-recover[hidden]{display:none}

/* In landscape the feed status sits above the weather/time row. */
@media(orientation:landscape){
 #scene .location,#scene[data-fighting="true"] .location,#scene:has(#payout:not([hidden])) .location{top:auto;bottom:calc(max(14px,calc(env(safe-area-inset-bottom,0px) + 10px)) + 40px);left:max(14px,calc(env(safe-area-inset-left,0px) + 8px));max-width:calc(100% - 210px)}
 #scene .location #bottom-status{margin:0;max-width:100%;line-height:18px}
}

/* All casting styles and viewport sizes: reserve the full controls/payout stack. */
#scene .location #cast-depth,#scene[data-rod-rest="true"] .location #cast-depth{position:fixed;top:var(--depth-top,50%);bottom:auto;left:auto;right:max(14px,calc(env(safe-area-inset-right,0px) + 8px));display:flex;flex-direction:column;align-items:flex-end;gap:3px;width:max-content;max-width:128px;text-align:right;pointer-events:none}
#scene .location #cast-depth[hidden]{display:none}
/* Lift the bait above the reel metres in both phone orientations. The dynamic
   metre placement also reserves this badge's live rectangle. */
@media(max-width:600px),(pointer:coarse),(orientation:landscape){
 #scene #selected-bait{top:auto;bottom:calc(max(14px,calc(env(safe-area-inset-bottom,0px) + 10px)) + 88px);left:max(14px,calc(env(safe-area-inset-left,0px) + 8px))}
}