/* One small dock. The game owns visibility; this sheet never unhides a tool. */
body.calm-hud #destinations{gap:4px;padding:5px;border-radius:20px;background:#10232ceb;border:1px solid #bcd4ce30;box-shadow:0 6px 25px #0004;backdrop-filter:blur(16px);overflow:visible;bottom:20px}
body.calm-hud #destinations>button[data-go]:not([data-go=gate]){display:none}
body.calm-hud #destinations>button,body.calm-hud #tool-tray.collapsed>.tray-toggle{padding:12px 20px;min-height:46px;border-radius:15px;font-size:13px;white-space:nowrap}
body.calm-hud #destinations #map-open{order:1;color:#e8d5a8}
body.calm-hud #destinations #tool-tray{order:2;position:static;inset:auto;transform:none;z-index:30;margin:0;max-width:none}
body.calm-hud #tool-tray.collapsed{display:block;padding:0;border:0;background:none;box-shadow:none;overflow:visible}
body.calm-hud #tool-tray.collapsed>:not(.tray-toggle){display:none!important}
body.calm-hud #tool-tray.collapsed>.tray-toggle{background:transparent;border:0;color:#dae4df;box-shadow:none}
body.calm-hud #destinations #tool-tray:not(.collapsed){position:absolute;bottom:calc(100% + 12px);left:50%;top:auto;right:auto;transform:translateX(-50%);width:360px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 180px);display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:16px;border:1px solid #adccc642;background:#10232cf5;border-radius:20px;box-shadow:0 20px 70px #0008;overflow:auto;overscroll-behavior:contain;backdrop-filter:blur(20px)}
body.calm-hud #tool-tray:not(.collapsed)>button{position:static;inset:auto;transform:none;width:auto;max-width:none;min-width:0;min-height:48px;margin:0;border-radius:12px;border:1px solid #bcd4ce25;background:#203640;color:#e5eee7;box-shadow:none;display:flex;justify-content:center;align-items:center;gap:6px;text-align:center;line-height:1.35;font-size:12px;padding:10px}
body.calm-hud #tool-tray:not(.collapsed)>button[hidden]{display:none}
body.calm-hud #tool-tray:not(.collapsed)>.tray-toggle{grid-column:1/-1;order:99;min-height:40px;background:none;color:#b9cec8}
body.calm-hud .kit-heading{grid-column:1/-1;order:-2;display:grid;gap:7px;text-align:left;padding:3px 2px 10px}
body.calm-hud .kit-heading small{font-size:8px;letter-spacing:.17em;color:#b4cfca}
body.calm-hud .kit-heading strong{font:22px/1.2 Georgia,serif;color:#f0dfb9}
body.calm-hud #tool-tray #toulouse-camera{background:#b7d8c7;color:#183a32;border-color:transparent}
body.calm-hud #tool-tray .achievement-button{color:#f0d69c;background:#3a3b30}
body.calm-hud #tool-tray #desk-open small{display:none}
body.calm-hud #tool-tray #party-count{font-size:10px}
body.calm-hud #tool-tray #quiet-toggle,body.calm-hud #tool-tray #fullscreen{order:10;font-size:12px}
body.calm-hud #tool-tray #quiet-toggle::after{content:'Hide interface'}
body.calm-hud #tool-tray #fullscreen::after{content:'Full screen'}
body.calm-hud #location{top:95px;opacity:.7}
body.calm-hud #location small{display:none}
body.calm-hud #hint{bottom:94px;opacity:.55;font-size:10px}
body.calm-hud #header{left:28px;right:28px;top:24px;padding:0}
body.calm-hud #garden-jump{bottom:28px;right:22px;width:auto;min-width:64px;height:46px;border-radius:15px;font-size:12px;background:#10232cdd}
body.calm-hud #garden-posture{bottom:83px}
body.calm-hud #toast{bottom:108px}
body.calm-hud #tool-tray button:focus-visible{outline:2px solid #f1d79e;outline-offset:2px}
@media(max-width:600px){
 body.calm-hud #header{left:16px;right:16px;top:16px;padding:0}
 body.calm-hud #location{top:78px;font-size:11px}
 body.calm-hud #destinations{bottom:max(12px,env(safe-area-inset-bottom));left:50%;width:auto;max-width:calc(100vw - 24px);gap:0}
 body.calm-hud #destinations>button,body.calm-hud #tool-tray.collapsed>.tray-toggle{padding:11px 14px;font-size:12px;min-height:44px}
 body.calm-hud #destinations #tool-tray:not(.collapsed){max-height:calc(100dvh - 165px);width:340px;padding:13px}
 body.calm-hud #hint{display:none}
 body.calm-hud #garden-jump{bottom:100px;right:16px}
 body.calm-hud #garden-posture{bottom:153px;right:16px}
 body.calm-hud #toast{bottom:82px}
}
@media(max-height:550px){body.calm-hud #destinations #tool-tray:not(.collapsed){max-height:calc(100dvh - 90px)}body.calm-hud #hint,body.calm-hud #location{display:none}}

body.calm-hud #destinations #tool-tray button span{font-size:inherit}
/* Legacy touch styles pinned Tools to the top of the viewport. Inside the new
   dock that would put the drawer below the screen; anchor it to the dock instead. */
@media(pointer:coarse),(max-width:600px){
 body.calm-hud #destinations #tool-tray:not(.collapsed){top:auto!important;bottom:calc(100% + 12px)!important;left:50%!important;right:auto!important}
 body.calm-hud #garden-jump{bottom:100px!important;right:16px!important;height:48px!important;width:64px!important;min-height:48px!important}
 body.calm-hud #garden-posture{bottom:158px!important;right:16px!important;height:48px;min-height:48px}
}
body.calm-hud.tools-open #walkpad,body.calm-hud.tools-open #garden-jump,body.calm-hud.tools-open #garden-posture{visibility:hidden}
@media(max-width:380px){
 body.calm-hud .brand{font-size:11px;gap:9px}
 body.calm-hud .brand small{font-size:7px}
 body.calm-hud .brand-mark{font-size:32px}
 body.calm-hud .header-actions{gap:7px}
 body.calm-hud #sound{font-size:11px;padding:7px 10px;gap:6px}
 body.calm-hud #sound-icon{font-size:16px}
 body.calm-hud #guide-open{width:36px;height:36px;min-height:36px}
}
body.calm-hud.tools-open:not(.pet-panel-open):not(.using-binoculars):not(.camera-raised) #tool-tray #party-pill{visibility:visible!important}
body.calm-hud #destinations #tool-tray:not(.collapsed)>.kit-heading{grid-row:1;grid-column:1/-1;padding-right:42px}
body.calm-hud #destinations #tool-tray:not(.collapsed)>.tray-toggle{position:sticky;top:0;bottom:auto;grid-row:1;grid-column:2;justify-self:end;align-self:start;order:-1;z-index:2;width:36px;min-height:36px;padding:0;background:#29414a;border-radius:10px;font-size:23px}
