/* The live garden is the title artwork; existing bitmap controls stay crisp above it. */
body[data-start-menu=true] #app>:not(#scene-wrap),body[data-start-menu=true] #scene-wrap>:not(#scene):not(#renderer-error),body[data-start-menu=true] :is(#camera-zoom-control,#trade-warehouse-shortcut,#sowing-label,#story-guide,#story-world-marker,.harvest-flight-layer){display:none!important}
body[data-start-menu=true] #scene{cursor:default}
#start-screen{position:fixed;inset:0;z-index:80;overflow:hidden;pointer-events:none;color:#fffdf0;letter-spacing:0}
#start-screen[hidden]{display:none}
.title-composition{position:absolute;left:7%;top:18%;width:370px;max-width:38%;display:flex;flex-direction:column;align-items:center;gap:36px;pointer-events:auto}
.title-brand{position:relative;width:100%;padding:12px 0 0;text-align:center;filter:drop-shadow(0 5px 0 #26573b) drop-shadow(0 8px 12px #173d3030)}
.title-brand>img{position:absolute;right:5%;top:-38px;width:76px;height:76px;object-fit:contain;transform:rotate(16deg)}
.title-brand h1{margin:0;color:#fffcdf;font-weight:900;line-height:1.08;letter-spacing:0;-webkit-text-stroke:6px #3b7651;paint-order:stroke fill;text-shadow:0 3px 0 #2c6746}
.title-brand h1 span{display:block;font-size:51px;white-space:nowrap}
.title-brand h1 strong{display:block;font-size:104px;font-weight:900;margin-top:7px}
.title-actions{width:290px;max-width:100%;display:grid;gap:14px}
.title-action{width:100%;height:78px;display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 24px;border:0;border-radius:8px;background:transparent url('../assets/ui/button-primary.png') center/100% 100% no-repeat;color:#fff9da;font-size:25px;font-weight:800;letter-spacing:0;box-shadow:none;text-shadow:0 2px 1px #20482d80;touch-action:manipulation}
.title-action>img{width:34px;height:38px;object-fit:contain;flex:0 0 auto}
.title-action-secondary{height:68px;background-image:url('../assets/ui/button-secondary.png');color:#4d603e;font-size:21px;text-shadow:0 1px #fffef1}
.title-action:hover:not(:disabled){filter:brightness(1.13);transform:translateY(-2px)}
.title-action:active:not(:disabled){transform:translateY(2px)}
.title-action:disabled{opacity:.7;filter:saturate(.65)}
#start-screen button:focus-visible,#start-screen select:focus-visible,#start-screen input:focus-visible{outline:3px solid #fff4af;outline-offset:4px}
#title-status{min-height:24px;max-width:100%;margin:-20px 0 0;text-align:center;font-size:14px;line-height:1.5;color:#fffdf1;font-weight:700;text-shadow:0 1px 4px #24482e,0 1px 8px #24482e}
#title-retry{pointer-events:auto;padding:10px 20px;background:#fffdf0;color:#386547;font-size:16px;border-radius:8px;margin-top:-20px}
#title-settings{width:460px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:3px solid #d1b27c;border-radius:8px;background:#f8f6e5 url('../assets/ui/panel.png') center/100% 100% no-repeat;color:#365841;box-shadow:0 12px 40px #183c3c42;pointer-events:auto;overflow:auto}
#title-settings::backdrop{background:#153e3640}
#title-settings header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px 18px;border-bottom:1px solid #c5d0b4}
#title-settings h2{margin:0;font-size:25px;line-height:1.3;letter-spacing:0;color:#365c43}
#title-settings-close{display:grid;place-items:center;width:40px;height:40px;padding:0;flex:0 0 40px;border:1px solid #b4c4a1;border-radius:8px;background:#edf1de;color:#486a4e;font:28px/1 system-ui}
.title-setting-fields{padding:6px 24px}
.title-setting{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:67px;border-bottom:1px solid #d4ddc5;font-size:17px;font-weight:700;cursor:pointer}
.title-setting:last-child{border:0}
.title-setting>span{min-width:0;line-height:1.4}
.title-setting input[type=checkbox]{appearance:none;flex:0 0 50px;width:50px;height:28px;margin:0;border:2px solid #839b83;border-radius:16px;background:#c7d1c4;position:relative;cursor:pointer;transition:background .15s}
.title-setting input[type=checkbox]:after{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fffdf2;box-shadow:0 1px 3px #365b4350;transition:transform .15s}
.title-setting input[type=checkbox]:checked{background:#4e987d;border-color:#40856d}
.title-setting input[type=checkbox]:checked:after{transform:translateX(22px)}
.title-setting select{width:150px;max-width:52%;min-height:42px;border:1px solid #b2c5a6;border-radius:6px;padding:8px;background:#fbfcf3;color:#365841;font-size:15px}
#title-settings footer{padding:16px 24px 24px;display:flex;justify-content:center}
#title-settings footer button{height:50px;width:180px;padding:8px 20px;border:0;border-radius:8px;background:transparent url('../assets/ui/button-primary.png') center/100% 100% no-repeat;color:#fff8df;font-size:18px;font-weight:800}
html[lang=en] .title-brand h1 span{font-size:37px}html[lang=en] .title-brand h1 strong{font-size:78px}
@media(min-width:1600px){.title-composition{left:9%;top:20%;width:400px;gap:42px}.title-brand h1 span{font-size:55px}.title-brand h1 strong{font-size:112px}.title-actions{width:310px}}
@media(max-aspect-ratio:9/10){
 .title-composition{inset:0;width:100%;max-width:none;padding:max(30px,env(safe-area-inset-top)) 24px max(26px,env(safe-area-inset-bottom));justify-content:space-between;gap:0;pointer-events:none}
 .title-brand{width:310px;max-width:100%;padding-top:0;pointer-events:auto}.title-brand>img{width:52px;height:52px;right:6%;top:-15px}
 .title-brand h1{-webkit-text-stroke-width:4px}.title-brand h1 span{font-size:33px}.title-brand h1 strong{font-size:66px;margin-top:2px}
 .title-actions{width:264px;gap:10px;margin-top:auto;pointer-events:auto}.title-action{height:64px;font-size:23px}.title-action-secondary{height:56px;font-size:19px}.title-action>img{width:28px;height:32px}
 #title-status{position:absolute;bottom:174px;left:24px;right:24px;margin:0;font-size:13px;pointer-events:none}
 #title-retry{position:absolute;bottom:175px;margin:0}
 html[lang=en] .title-brand h1 span{font-size:27px}html[lang=en] .title-brand h1 strong{font-size:57px}
}
@media(max-height:680px) and (max-aspect-ratio:9/10){.title-composition{padding-top:20px;padding-bottom:18px}.title-brand h1 span{font-size:29px}.title-brand h1 strong{font-size:57px}.title-brand>img{width:44px;height:44px;right:14%}.title-actions{width:238px;gap:7px}.title-action{height:56px;font-size:21px}.title-action-secondary{height:49px;font-size:18px}#title-status{bottom:143px}#title-settings header{padding:14px 18px}.title-setting-fields{padding:4px 18px}.title-setting{min-height:58px;font-size:16px}#title-settings footer{padding:10px 18px 16px}}
@media(max-height:560px) and (min-aspect-ratio:9/10){.title-composition{left:6%;top:10%;width:310px;gap:20px}.title-brand h1 span{font-size:32px}.title-brand h1 strong{font-size:62px}.title-brand>img{width:52px;height:52px;top:-18px;right:12%}.title-actions{width:250px;gap:9px}.title-action{height:58px;font-size:21px}.title-action-secondary{height:52px;font-size:18px}}
@media(max-aspect-ratio:9/10){html[lang=en] .title-brand>img{right:0}}
@media(max-height:560px){#title-settings header{padding:14px 18px}.title-setting-fields{padding:4px 18px}.title-setting{min-height:52px;font-size:16px}#title-settings footer{padding:10px 18px 16px}}
body[data-reduced-motion=true] #start-screen *{transition:none!important}
@media(prefers-reduced-motion:reduce){#start-screen *{transition:none!important}}