/* Native fullscreen when supported; the same usable garden layout otherwise. */
.header-actions .fullscreen-button{background:#e3edc8;color:#2b573b;border:1px solid #c6d6a9;white-space:nowrap;padding-inline:14px}
.fullscreen-button .fullscreen-exit-icon{display:none}
.fullscreen-button[aria-pressed=true] .fullscreen-enter-icon{display:none}
.fullscreen-button[aria-pressed=true] .fullscreen-exit-icon{display:block}
.fullscreen-notice{position:fixed;z-index:180;top:max(66px,calc(env(safe-area-inset-top) + 60px));left:50%;transform:translateX(-50%);width:min(540px,calc(100% - 28px));display:flex;align-items:center;gap:12px;padding:10px 10px 10px 16px;border:1px solid #c9d7a8;border-radius:16px;background:#fffcec;color:#315138;box-shadow:0 8px 30px #24442f30;font-size:14px;line-height:1.4}
.fullscreen-notice button{flex:none;min-height:44px;min-width:44px;border-radius:50%;background:#edf1d9;font-size:25px}
html:fullscreen{width:100%;height:100%;background:#f9f6e9}
html:-webkit-full-screen{width:100%;height:100%;background:#f9f6e9}
.eden-immersive{--eden-header-height:58px}
.eden-immersive .game-header{height:calc(var(--eden-header-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));gap:14px}
.eden-immersive .game-brand img{width:34px;height:34px}
.eden-immersive .game-brand>span{font-size:22px}
.eden-immersive .game-brand small{display:none}
.eden-immersive .garden-intro{display:none}
.eden-immersive .garden-app{height:calc(var(--eden-viewport-height,100dvh) - var(--eden-header-height) - env(safe-area-inset-top));grid-template-rows:minmax(0,1fr);padding:8px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));gap:0}
.eden-immersive .garden-layout{height:100%}
.eden-immersive .zone-tabs{min-height:54px;padding-block:4px}
.eden-immersive .world-footer{min-height:56px;padding-block:3px}
.eden-immersive .world-footer .walk-hint{display:none}
.eden-immersive .world-footer .plot-switcher{margin-inline:auto}
.eden-immersive .garden-dialog{max-height:calc(var(--eden-viewport-height,100dvh) - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
@media(max-width:1180px){.header-actions{gap:4px}.header-actions .icon-button{font-size:14px;gap:6px}.game-header{gap:14px}.back-to-shop{padding-inline:9px;font-size:13px}}
@media(max-width:1020px){
  .game-header .back-to-shop{display:none}
  .eden-immersive .garden-app{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  .eden-immersive .mobile-basket{bottom:calc(12px + env(safe-area-inset-bottom))}
  .eden-immersive .garden-basket{top:max(10px,env(safe-area-inset-top));bottom:max(10px,env(safe-area-inset-bottom));max-height:calc(var(--eden-viewport-height,100dvh) - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
}
@media(max-width:760px){
  .header-actions #fullscreen-toggle{width:auto;padding-inline:11px;gap:6px}
  .header-actions #fullscreen-toggle span{display:inline;font-size:13px;font-weight:750}
  .eden-immersive .game-header{gap:8px}
  .eden-immersive .garden-app{padding-inline:max(6px,env(safe-area-inset-left));padding-top:5px}
  .eden-immersive .world-pane{border-radius:16px}
  .eden-immersive .world-footer{min-height:54px;padding-inline:6px}
}
@media(max-width:600px){
  .game-header{gap:5px;padding-inline:10px}
  .game-brand>span{display:none}
  .game-brand img{width:34px;height:34px}
  .header-actions{gap:2px}
  .eden-immersive .header-actions #sound-toggle,.eden-immersive .header-actions #help-button{display:none}
  .eden-immersive .header-actions #immersive-map{width:auto;gap:6px;padding-inline:12px}
  .eden-immersive .header-actions #immersive-map span{display:inline;font-size:13px}
}
@media(max-width:350px){.game-header{padding-inline:7px;gap:0}.header-actions{gap:0}.header-actions #fullscreen-toggle{padding-inline:8px;gap:5px}.game-brand img{width:29px;height:29px}.header-actions #fullscreen-toggle span{font-size:12px}}
/* A landscape phone gets the same controls in a shallow strip, without forcing rotation. */
@media(max-height:500px) and (max-width:1020px) and (orientation:landscape){
  .eden-immersive{--eden-header-height:50px}
  .eden-immersive .game-brand>span,.eden-immersive .back-to-shop,.eden-immersive .header-actions #sound-toggle,.eden-immersive .header-actions #help-button{display:none}
  .eden-immersive .garden-app{padding-bottom:calc(58px + env(safe-area-inset-bottom));padding-top:3px}
  .eden-immersive .world-pane{grid-template-rows:minmax(0,1fr)}
  .eden-immersive .zone-tabs{display:none}
  /* Map replaces the category strip. Meadow and basket share one bottom row. */
  .eden-immersive .world-footer{position:fixed;bottom:calc(6px + env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));right:calc(min(310px,42vw) + 22px + env(safe-area-inset-right));min-height:48px;height:48px;padding:0;background:transparent;border:0;z-index:54}
  .eden-immersive .world-footer .plot-switcher{width:100%;max-width:none;margin:0;padding:0;min-height:46px}
  .eden-immersive .world-footer #plot-page{max-width:none}
  .eden-immersive .world-footer .journey-progress{display:none}
  .eden-immersive .world-badge{display:none}
  .eden-immersive .camera-controls{flex-direction:row;top:8px;right:8px;gap:4px}
  .eden-immersive .mobile-basket{height:49px;bottom:calc(6px + env(safe-area-inset-bottom));width:min(310px,42vw);left:auto;right:max(10px,env(safe-area-inset-right));transform:none;border-radius:14px;gap:8px;padding-inline:10px}
  .eden-immersive .mobile-basket-icon,.eden-immersive .mobile-basket-icon svg{width:32px;height:32px}
  .eden-immersive .mobile-basket-copy{flex-direction:column;align-items:flex-start;gap:0}
  .eden-immersive .mobile-basket-copy strong{font-size:14px}
  .eden-immersive .mobile-basket-arrow{display:none}
  .eden-immersive #mobile-basket-total{font-size:19px}
  .eden-immersive .garden-basket .basket-art,.eden-immersive .garden-basket .basket-heading .eyebrow{display:none}
  .eden-immersive .garden-basket .basket-heading h2{font-size:29px!important}
  /* One scrollable panel keeps both long item lists and checkout reachable. */
  .eden-immersive .garden-basket{display:block;overflow-y:auto;padding:12px 18px 16px;scroll-padding-top:60px}
  .eden-immersive .garden-basket .basket-heading{position:sticky;top:-12px;z-index:3;background:var(--paper);padding-block:6px}
  .eden-immersive .garden-basket .basket-lines{height:auto;max-height:none;min-height:0;overflow:visible}
  .eden-immersive .garden-basket .basket-summary{margin-top:8px}
}