/* Suppress double-tap zoom throughout the game while preserving scroll and pinch zoom. */
html,body{touch-action:manipulation}
header{position:sticky;top:0;z-index:20;background:#fffdf3f5;gap:12px;box-shadow:0 3px 16px #365b5020}
header .brand{margin-right:auto}
#header-lights{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff1bd;border-color:#d5b56d;flex-shrink:0;color:#74541c;min-height:46px}
#header-lights>span:first-child{font-size:26px}
#header-lights strong{display:block;font-size:18px;line-height:1.1}
#header-lights small{display:block;font-size:10px;color:#74541c;white-space:nowrap}
@media(max-width:420px){header{padding:10px 12px;gap:8px}header .brand{font-size:17px;gap:5px}header .brand-mark{font-size:25px}#header-lights{padding:5px 8px}header .icon-button{flex-shrink:0;width:42px}}
/* Each scene keeps its artwork behind a readable, warm paper surface. */
body{background:#dcf3ee url('assets/scenery/sky.webp') center top/cover fixed}
#earth-view{max-width:none;background:linear-gradient(90deg,#fffaf0e8, #fffaf045 65%,#fffaf010)}
.welcome-copy,.welcome-actions{background:#fffcf0e8;border-radius:22px;padding:20px}
.welcome-copy{margin-bottom:12px}.globe-caption{background:#fffcf0e8;border-radius:12px;padding:5px}
#kind-view,#collection-view{background-color:#ceeacb;background-position:center top;background-size:cover;background-attachment:fixed;padding:36px 24px 70px}
#kind-view{background-image:url('assets/scenery/lanterns.webp')}
#kind-view[data-scene=meadow]{background-image:url('assets/scenery/meadow.webp')}
#kind-view[data-scene=stream]{background-image:url('assets/scenery/stream.webp')}
#collection-view{background-image:url('assets/scenery/lanterns.webp')}
.kind-shell{background:#fffdf2ed;border:1px solid #fff9df;border-radius:28px;padding:28px;box-shadow:0 12px 45px #234f4930}
dialog{background-image:linear-gradient(#fffdf4ed,#fffdf4ed),url('assets/scenery/lanterns.webp');background-size:cover}
#puzzle-dialog{background-image:linear-gradient(#fffdf4ed,#fffdf4ed),url('assets/harbor.webp')}
footer{background:#fffdf0ed}
.garden-extras{border:1px solid #bbccb0;border-radius:16px;background:#fffdf4;padding:14px;margin:8px 0}
.garden-extras summary{font-size:16px;font-weight:600;min-height:32px;line-height:32px;color:#335f55}
.garden-extras[open]>:not(summary){margin-top:12px}
.garden-extras>button{display:block;width:100%;margin-top:10px}
.garden-supply{align-self:flex-end;font-size:14px;background:#fff0ba;border-color:#ceae62}
.garden-adventure{padding:20px;border-radius:20px;background:linear-gradient(#fffaf0eb,#fffaf0eb),url('assets/harbor.webp') center/cover;border:1px solid #b4c9b9;display:grid;gap:12px}
.globe-explainer{width:100%;text-align:center;background:#fffaf0eb;border-radius:14px;padding:10px;margin:0}
.globe-explainer p{font-size:13px}
/* Intrinsic image heights must never force tiles out of their grid tracks. */
.blossom-board,.stone-board{flex:none;grid-auto-rows:auto;grid-template-columns:repeat(4,minmax(0,1fr))}
.stone-board{grid-template-columns:repeat(3,minmax(0,1fr))}
.blossom-board button,.stone-board button{position:relative;min-width:0;min-height:0;width:100%;height:auto;aspect-ratio:1;overflow:hidden}
.blossom-board button .picture-sprite,.stone-board button .picture-sprite{position:absolute;inset:5%;width:90%;height:90%;max-height:none;padding:0;object-fit:contain}
#kind-content>.blossom-board+button,#kind-content>.stone-board+button{margin-top:8px}
@media(max-width:700px){
 body{background-attachment:scroll}
 #earth-view{padding:22px 14px;background:linear-gradient(#fffaf040,#fffaf090)}
 .welcome-copy,.welcome-actions{padding:16px;width:100%}
 #kind-view,#collection-view{padding:80px 12px 35px;background-attachment:scroll;background-size:auto 100%;background-position:center top}
 .kind-shell{padding:18px 12px;border-radius:22px;background:#fffdf2ed}
 .kind-shell h1{font-size:34px}
 .blossom-board{gap:7px}
}