/* Save state stays reachable without covering the garden. */
button.save-status{display:flex;border:1px solid #d3f2df70;border-radius:12px;background:#123e46dc;padding:6px 10px;cursor:pointer;font-family:Tahoma,sans-serif}
button.save-status:focus-visible{outline:2px solid #fff2b8;outline-offset:2px}
.guide-toggle{display:none}
@media(max-width:700px),(max-width:1400px) and (any-pointer:coarse){
 button.save-status{display:flex;position:fixed;inset:calc(var(--hud-bottom) + 4px) auto auto 50%;transform:translateX(-50%);width:clamp(88px,calc(var(--screen-w) - 220px),146px);max-width:none;min-height:44px;align-items:center;justify-content:center;gap:0;border:1px solid #d3f2df70;border-radius:13px;padding:5px;background:#123e46dc;color:#e5fff2;z-index:28;text-align:center}
 button.save-status>span{display:none}
 button.save-status::after{content:attr(data-label);font:12px/1.5 Tahoma,sans-serif}
 button.save-status:is([data-status=offline],[data-status=signin]){color:#fff0bd;border-color:#d9c78c}
 button.save-status:is([data-status=unsaved],[data-status=conflict],[data-status=recovery],[data-status=incompatible],[data-status=outdated]){background:#66382eef;color:#fff2dc;border-color:#efc298}
 .shop-open button.save-status,.placing button.save-status,.editing-garden button.save-status,body:has(.selected-panel:not([hidden])) button.save-status{display:none}
 .garden-guide{left:var(--ui-left);right:auto;top:calc(var(--hud-bottom) + 54px);transform:none;width:min(300px,calc(var(--screen-w) - var(--safe-left) - var(--safe-right) - 20px));padding:10px 12px;max-height:calc(var(--screen-h) - var(--hud-bottom) - var(--dock-height) - 90px);overscroll-behavior:contain}
 .garden-guide .guide-toggle{display:block;width:100%;min-height:44px;padding:4px 8px;margin-top:5px;background:#ffffff45;color:#174c54;border:1px solid #619c9780;border-radius:10px;font:14px Tahoma,sans-serif}
 .garden-guide.is-collapsed :is(p,progress,.guide-action){display:none}
 .garden-guide.is-collapsed strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
 .garden-guide.is-collapsed .guide-toggle{margin-top:4px}
 dialog.feature-dialog,dialog.community-dialog,dialog.garden-detail-dialog,#settings-dialog{max-height:calc(var(--screen-h) - var(--safe-top) - var(--safe-bottom) - 24px);overscroll-behavior:contain;scroll-padding:54px 10px 20px}
 dialog input:not([type=checkbox]):not([type=radio]):not([type=file]),dialog select,dialog textarea{font-size:16px}
 .cloud-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 .cloud-actions :is(button,.file-button),.recovery-actions :is(button,.recovery-import){min-height:44px;white-space:normal;font-size:14px}
}
@media(max-width:1400px) and (max-height:650px) and (orientation:landscape){
 .garden-guide{width:250px;max-height:calc(var(--screen-h) - var(--hud-bottom) - var(--dock-height) - var(--safe-bottom,0px) - 66px)}
 .cloud-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
body.photo-mode button.save-status{display:none!important}

/* A short first journey, with the next action reachable even when minimized. */
.journey-target{outline:2px solid #fff2b2;outline-offset:4px;border-radius:18px}
.garden-guide .guide-summary{display:flex;align-items:center;justify-content:space-between;gap:8px}
.garden-guide .guide-count{font:14px/1.5 system-ui,Tahoma,sans-serif;overflow-wrap:anywhere}
.garden-guide .guide-count[hidden]{display:none}
.garden-guide .guide-action{white-space:normal;padding:8px;overflow-wrap:anywhere}
@media(max-width:700px),(max-width:1400px) and (any-pointer:coarse){
 .garden-guide small{display:block;margin-bottom:4px;padding-inline-start:30px;padding-inline-end:0;text-align:start}
 .garden-guide .guide-skip{left:auto;inset-inline-start:0;top:0}
 .garden-guide strong,.garden-guide.is-collapsed strong{white-space:normal;overflow:visible;text-overflow:clip;font-size:15px;line-height:1.4;padding:0;overflow-wrap:anywhere}
 .garden-guide .guide-toggle{width:auto;min-width:44px;flex-shrink:0;margin:0;margin-inline-start:auto;font-size:12px}
 .garden-guide .guide-summary{margin-top:5px}
 .garden-guide.is-collapsed progress{display:block;margin:5px 0}
 .garden-guide.is-collapsed .guide-action:not([hidden]){display:block;margin-top:5px}
 .garden-guide p{margin:7px 0}
}
.loading>span:not(.loading-moon){max-width:min(480px,calc(100vw - 40px));font:18px/1.6 system-ui,Tahoma,sans-serif;text-align:center;overflow-wrap:anywhere}
.loading>button{min-height:48px;padding:10px 24px;border:1px solid #c8f3db;border-radius:14px;background:#1e605d;color:#f6ffe5;font:16px/1.5 system-ui,Tahoma,sans-serif;cursor:pointer}