body[data-region=home] { background:#e9eedb; }
body[data-region=home] .topbar { position:absolute;inset:0 0 auto;z-index:10;max-width:none;padding:18px 28px;border:0;background:linear-gradient(#f8f7eeef,#f8f7ee00); }
body[data-region=home] main { max-width:none;padding:0; }
body[data-region=home] #homeScene { position:relative;min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at 15% 18%,#fff4ce77,transparent 55%),linear-gradient(#eff1df 8%,#dde6cf 53%,#bdcfaa 100%); }
body[data-region=home] .intro { position:absolute;left:32px;top:104px;z-index:3; }
body[data-region=home] .intro h1 { font-size:31px;color:#34583e;text-shadow:0 1px 5px #f4f2db; }
body[data-region=home] .intro .eyebrow { margin-bottom:8px;font-size:9px; }
body[data-region=home] .intro .eyebrow span,body[data-region=home] .intro-note { display:none; }
body[data-region=home] .origin-storage-note { position:absolute;top:166px;left:32px;z-index:3;max-width:calc(100% - 64px);margin:0;padding:4px 6px;box-sizing:border-box;border-radius:6px;background:#f8f8eded;color:#486446;font-size:10px;line-height:1.6;pointer-events:none; }
body[data-region=home] .region-map { position:absolute;top:101px;right:28px;z-index:5;margin:0; }
body[data-region=home] .map-label { display:none; }
body[data-region=home] .map-path { display:flex;gap:5px; }
body[data-region=home] .map-path a { min-height:44px;min-width:76px;padding:8px 13px;font-size:10px;gap:6px;border-radius:24px;background:#f7f8e7b3;border-color:#b5c4a777; }
body[data-region=home] .map-path a[aria-current=location] { background:#ecf3dfd9;border-color:#9eb18c; }
body[data-region=home] .map-icon { font-size:19px;min-width:18px; }
body[data-region=home] .map-position,body[data-region=home] .map-path a small { display:none; }
body[data-region=home] .garden-wrap { position:relative;height:100svh;min-height:650px;margin:0;border-radius:0;background:none; }
body[data-region=home] #world { position:absolute;inset:20px 0 0;height:calc(100% - 20px);overflow:visible; }
body[data-region=home] .scene-caption { display:none; }
body[data-region=home] .scene-actions { right:28px;top:auto;bottom:130px;gap:16px; }
body[data-region=home] .scene-actions .new-button { color:#566e46;background:#f6f5e29c;border-radius:14px;padding-inline:10px;min-height:44px; }
body[data-region=home] .scene-bottom { left:32px;right:auto;bottom:116px;font-size:10px;color:#486446;z-index:3; }
body[data-region=home] .scene-help { display:none; }
body[data-region=home] .care-strip { position:absolute;left:28px;bottom:158px;z-index:5;width:330px;margin:0;padding:13px 14px;background:#f8f8edc9;border-color:#d2dcc2;border-radius:17px;backdrop-filter:blur(10px);gap:10px; }
body[data-region=home] .care-copy { gap:0; }
body[data-region=home] .care-symbol { display:none; }
body[data-region=home] .care-copy h2 { font-size:11px;margin-bottom:4px; }
body[data-region=home] .care-copy p { font-size:10px;color:#5f7856; }
body[data-region=home] .water-button { min-width:107px;padding:10px;font-size:10px; }
body[data-region=home] .workbench { position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:510px;max-width:calc(100% - 24px);margin:0;z-index:5; }
body[data-region=home] .shelf-heading { display:none; }
body[data-region=home] .asset-shelf { padding:3px 8px;background:#f7f8e9c9;border-color:#c4d0b5;border-radius:20px;backdrop-filter:blur(10px);box-shadow:0 8px 25px #30412c12; }
body[data-region=home] .asset-button { min-height:66px;font-size:9px;padding:3px 2px 6px; }
body[data-region=home] .asset-button svg { width:50px;height:42px; }
body[data-region=home] .live-line { position:absolute;left:0;right:0;bottom:-23px;min-height:18px;font-size:9px;color:#4b6847;gap:10px; }
body[data-region=home] .live-line p { margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
body[data-region=home] .prototype-note { display:none; }
body[data-region=home] .selection-bar { position:absolute;left:auto;right:28px;bottom:28px;transform:none;z-index:6;background:#f7f8e8e6;border-color:#bdcdb0; }
body[data-region=home] .empty-hint { z-index:2;top:43%;color:#496541; }
.island>path:nth-child(1),.island>path:nth-child(2),.island>path:nth-child(5) { opacity:.18; }
.island>path:nth-child(3) { stroke:#b4c590;stroke-opacity:.3; }
.island>path:nth-child(4) { opacity:.22; }
.scenery { pointer-events:none; }
.cast-shadow { fill:#466544;opacity:.2;pointer-events:none; }
.object-shadow { opacity:.14; }
.plant-art { transform-box:fill-box;transform-origin:center bottom;animation:plant-breeze 8s ease-in-out infinite; }
.placed[data-kind=flowers] .plant-art { animation-duration:6.7s;animation-delay:-3s; }
.placed[data-kind=blossom] .plant-art { animation-delay:-2s; }
.placed.selected .plant-art,.placed.dragging .plant-art { animation:none; }
.meadow-breeze { transform-box:fill-box;transform-origin:center bottom;animation:meadow-breeze 9s ease-in-out infinite; }
.meadow-breeze.late { animation-delay:-4s;animation-duration:11s; }
.sun-mote { animation:mote-drift 13s ease-in-out infinite; }
.sun-mote.late { animation-delay:-6s; }
@keyframes plant-breeze { 0%,100% { transform:rotate(-.25deg); } 50% { transform:rotate(.4deg); } }
@keyframes meadow-breeze { 0%,100% { transform:rotate(-.7deg); } 50% { transform:rotate(1deg); } }
@keyframes mote-drift { 0%,100% { transform:translate(0,5px);opacity:.25; } 50% { transform:translate(12px,-14px);opacity:.65; } }
@media(max-width:1000px) and (min-width:761px) {
  body[data-region=home] .intro { top:98px; }
  body[data-region=home] .intro h1 { font-size:26px; }
  body[data-region=home] .region-map { top:158px;left:28px;right:auto; }
  body[data-region=home] .origin-storage-note { top:214px;left:28px;max-width:calc(100% - 56px); }
}
@media(max-width:760px) {
  body[data-region=home] .topbar { padding:15px 14px; }
  body[data-region=home] .intro { top:80px;left:17px; }
  body[data-region=home] .intro h1 { font-size:24px; }
  body[data-region=home] .intro .eyebrow { display:none; }
  body[data-region=home] .origin-storage-note { top:175px;left:17px;max-width:calc(100% - 129px); }
  body[data-region=home] .region-map { top:119px;left:14px;right:auto; }
  body[data-region=home] .map-path a { flex-direction:row;min-width:73px;min-height:44px;font-size:9px;padding:7px 11px; }
  body[data-region=home] .map-icon { font-size:17px; }
  body[data-region=home] .garden-wrap { min-height:620px; }
  body[data-region=home] #world { inset:-50px 0 0;height:calc(100% - 13px); }
  body[data-region=home] .care-strip { left:12px;right:12px;bottom:148px;width:auto;padding:10px 12px;max-width:none; }
  body[data-region=home] .care-copy h2 { font-size:10px; }
  body[data-region=home] .care-copy p { font-size:9px; }
  body[data-region=home] .water-button { min-width:106px; }
  body[data-region=home] .workbench { bottom:27px;width:calc(100% - 24px); }
  body[data-region=home] .asset-shelf { padding:3px 4px; }
  body[data-region=home] .asset-button svg { width:39px;height:38px; }
  body[data-region=home] .asset-button { min-height:63px;font-size:8px; }
  body[data-region=home] .selection-bar { left:50%;right:auto;bottom:225px;transform:translateX(-50%); }
  body[data-region=home] .scene-bottom { left:17px;bottom:130px;font-size:9px; }
  body[data-region=home] .scene-actions { right:13px;bottom:104px;gap:5px; }
  body[data-region=home] .scene-actions .new-button { font-size:8px;padding-inline:7px; }
  body[data-region=home] .scene-actions #startScene { max-width:none;white-space:nowrap; }
  body[data-region=home] .live-line { display:block;text-align:center;font-size:8px;bottom:-20px; }
  body[data-region=home] .live-line p { margin:0; }
}
@media(max-width:760px) and (max-height:700px) {
  body[data-region=home] .garden-wrap { min-height:740px; }
  body[data-region=home] #world { inset:-15px 0 0;height:600px; }
}
@media(prefers-reduced-motion:reduce) { .plant-art,.meadow-breeze,.sun-mote { animation:none!important; } }
@media(max-width:760px), (max-width:1000px) and (max-height:500px) {
  body[data-region=home] .topbar { padding:calc(var(--garden-safe-top) + 12px) calc(var(--garden-safe-right) + 12px) 8px calc(var(--garden-safe-left) + 12px);gap:4px; }
  body[data-region=home] .brand { font-size:11px;gap:5px;letter-spacing:0; }
  body[data-region=home] .brand-mark { font-size:20px; }
  body[data-region=home] .brand small { display:none; }
  body[data-region=home] .top-actions { gap:2px;flex-shrink:0; }
  body[data-region=home] .history-controls { border:0;padding:0;gap:0; }
  body[data-region=home] .icon-button { width:44px;height:44px; }
  body[data-region=home] #open { min-width:50px;font-size:9px;padding:6px 4px; }
  body[data-region=home] #save { min-width:62px;font-size:10px;padding:6px;min-height:44px; }
  body[data-region=home] #save .save-dot { display:none; }
  body[data-region=home] .intro { left:calc(var(--garden-safe-left) + 17px);top:calc(var(--garden-safe-top) + 80px); }
  body[data-region=home] .intro h1 { font-size:24px; }
  body[data-region=home] .intro .eyebrow { display:none; }
  body[data-region=home] .region-map { left:calc(var(--garden-safe-left) + 14px);right:auto;top:calc(var(--garden-safe-top) + 119px); }
  body[data-region=home] .origin-storage-note { top:calc(var(--garden-safe-top) + 175px);left:calc(var(--garden-safe-left) + 17px);max-width:calc(100% - var(--garden-safe-left) - var(--garden-safe-right) - 129px); }
  body[data-region=home] .workbench { bottom:calc(var(--garden-safe-bottom) + 27px);max-width:calc(100% - var(--garden-safe-left) - var(--garden-safe-right) - 24px); }
  body[data-region=home] .care-strip { bottom:calc(var(--garden-safe-bottom) + 148px); }
  body[data-region=home] .selection-bar { bottom:calc(var(--garden-safe-bottom) + 225px); }
  body[data-region=home] .scene-bottom { bottom:calc(var(--garden-safe-bottom) + 130px); }
  body[data-region=home] .selection-bar button { min-width:44px; }
  body[data-region=home] #world { touch-action:pan-y; }
  body[data-region=home] .placed,body[data-region=home]:has(.asset-button[aria-pressed=true]) #world { touch-action:none; }
}

body[data-region=home] .scene-actions { flex-wrap:wrap;justify-content:flex-end;max-width:400px; }