/* Living Garden / 1.0.0 — layered art, bounded motion, readable controls. */
:root{--vg-gilt:#e8ca88;--vg-ivory:#fff0ce;--vg-plum:#ab7097;--vg-mint:#8dcbbb}
#home73{background:radial-gradient(ellipse at 50% 25%,#66527330,transparent 55%),linear-gradient(165deg,#193b44f5,#0b2b35f7 65%,#082730),url('assets/v3/welcome-garden.webp') center/cover}
#home73::before{inset:9px;border-color:#d6bc794f;box-shadow:inset 0 0 0 5px #102f365c;z-index:-1}
#home73 .home73-intro h1{color:var(--vg-ivory);text-shadow:0 2px 0 #0a2533;font-size:clamp(30px,7.7vw,44px);letter-spacing:-.03em}
.home73-intro small{color:#d6c6b7}.home73-intro p{color:#bfc8c6;line-height:1.8}
.home73-scene{border:1px solid #baa2764a;background:radial-gradient(ellipse at 50% 70%,#45897730,transparent 67%);box-shadow:inset 0 1px #f9ddb933,0 12px 30px #021c272a;isolation:isolate;margin-top:10px}
.home73-scene::before{content:'';position:absolute;inset:6px;border:1px solid #d5c08f2c;border-radius:inherit;pointer-events:none;z-index:3}
.home73-scene .v6-garden-art{position:relative;z-index:1}.home73-scene .v6-art-piece.unbuilt{opacity:.24}
.home73-weather-chip,.home73-build-chip{z-index:5!important;font-size:11px!important;background:linear-gradient(140deg,#224854f5,#102f3cf7)!important;box-shadow:0 3px 0 #061e26;border-color:#d8b679a0!important;bottom:8px!important}
.home73-header button{background:linear-gradient(155deg,#264950,#12353c);border-color:#cbb37d69;box-shadow:inset 0 1px #edd39b30,0 3px 0 #092530}
.home73-continue{background:linear-gradient(108deg,#f3dba8,#ddbc7c 55%,#e8cc91)!important;position:relative;overflow:hidden;border:1px solid #fff0c6ad!important}
.home73-continue::after{content:'';position:absolute;inset:4px;border:1px solid #6f532b37;border-radius:15px;pointer-events:none}
.home73-menu button{border-radius:18px;background:linear-gradient(150deg,#315460,#173944 66%);box-shadow:inset 0 1px #e7d6b93d,0 3px 0 #092731;transition:transform .13s ease-out,border-color .13s;position:relative}
.home73-menu button::after{content:'';position:absolute;inset:4px;border:1px solid #bda66d20;border-radius:13px;pointer-events:none}
.home73-menu button:active{transform:translateY(2px);box-shadow:inset 0 1px #e7d6b923,0 1px 0 #092731}
.home73-menu button:focus-visible,.home73-header button:focus-visible{outline:2px solid #f0d791;outline-offset:3px}
.home73-weather-sunset .home73-scene{background:radial-gradient(ellipse at 23% 0,#ffe5a030,#a5656630 38%,#20313e20 73%)}
.home73-weather-rain .home73-scene{background:linear-gradient(#365c706d,#21444928 65%)}
.home73-weather-mist .home73-scene{background:linear-gradient(#768b9455,#1f48573b)}
.home73-weather-lantern .home73-scene{background:radial-gradient(ellipse at 50% 85%,#775d5133,#07142789 90%)}
.home73-weather-petals .home73-scene{background:linear-gradient(#7c557d4d,#35526026)}
.vg-atmosphere>.weather73{display:none!important}
.vg-weather-canvas{position:absolute;inset:0;width:100%;height:100%;max-width:100%;border-radius:inherit;z-index:2;pointer-events:none;contain:strict}
.vg-atmosphere{position:relative;isolation:isolate;overflow:hidden}
.weather73-preview{min-height:245px;border:1px solid #cdb17d55;border-radius:26px;background:linear-gradient(#15373d,#103337);isolation:isolate}
.weather73-preview .v6-garden-art{position:relative;z-index:1;display:block}
.weather73-options button{transition:border-color .12s,background .12s;box-shadow:inset 0 1px #ead09825}
.weather73-options button[aria-pressed=true]{border-color:#f4d38c;background:linear-gradient(145deg,#3b605f,#294647);box-shadow:inset 0 0 0 2px #d4b3764a,0 3px 0 #092a31}
.garden73-tabs button[aria-pressed=true]{background:linear-gradient(145deg,#70465a,#453648);border-color:#d5b581}
.garden73-swatches button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #f2d49088;background:#496264;border-color:#f7da98}
.garden73-editor{background:linear-gradient(150deg,#1e4649ee,#163238ee);border-color:#d5b57777}
.garden73-prize{background:linear-gradient(120deg,#594b3440,#103e3d90);border-color:#b7a76b55}
/* The new compositor owns continuous motion. Stop legacy full-screen work. */
body.home73-open #ambience,body.home73-open #garden-live{display:none!important}
body.home73-open .water-light,body.home73-open .veil{animation:none!important}
.vg-feedback{min-height:34px;display:flex;align-items:center;justify-content:center;gap:7px;padding:2px 4px;margin:0 auto 4px;font-size:12px;line-height:1.6;pointer-events:none;color:#d9d2ba;text-align:center;max-width:100%;overflow-wrap:anywhere}
.vg-feedback:empty{visibility:hidden}.vg-feedback svg{width:20px;height:20px;flex:0 0 20px}.vg-feedback[data-kind=answer],.vg-feedback[data-kind=bonus]{color:#ffe0a2}.vg-feedback[data-kind=wrong]{color:#ffc5ad}
.vg-feedback strong{font-weight:700}.vg-feedback .vg-answer-label{color:#a9d8c8}
.vg-feedback-burst{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden;border-radius:inherit;contain:strict}
.vg-feedback-spark{position:absolute;display:block;width:9px;height:9px;background:#f6d48b;clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%);pointer-events:none}
.vg-feedback-spark:nth-child(3n){background:#98d4bc;width:7px;height:11px;clip-path:ellipse(40% 50% at 50% 50%)}
#play-panel{isolation:isolate}.word-row.current-hit{animation:none!important}
.word-row.vg-word-celebrated{border-color:#f2d894!important;background:#2c696034!important;box-shadow:0 0 0 1px #e9c77845}
.vg-word-celebrated .word-cell{background:linear-gradient(145deg,#f7e3b9,#dcc481)!important;color:#133d3c!important;border-color:#ffeabc!important;text-shadow:0 1px #fff5}
#wheel.vg-result-correct .outer{border-color:#eac97f!important;box-shadow:0 0 0 2px #e7c6784a}
#wheel.vg-result-wrong .outer{border-color:#df987f!important;box-shadow:0 0 0 2px #cc846134}
.selection-row.vg-result-wrong{outline:1px solid #e0a17b88;outline-offset:3px}
.vg-feedback-neutral{color:#ddd3ac}
/* Smaller screens keep answers visible; feedback stays below the wheel. */
@media(max-width:420px){.home73-scene{margin-top:7px}.home73-header{padding-block:5px}.home73-menu button{min-height:71px}.vg-feedback{font-size:11px;min-height:32px}.home73-intro h1{line-height:1.45}}
@media(max-width:350px){.home73-scene .v6-garden-art{max-height:286px}.home73-build-chip,.home73-weather-chip{font-size:10px!important;padding:8px!important;min-height:40px!important}.home73-menu{gap:7px}.home73-progress{font-size:10px}.vg-feedback{font-size:10.5px}}
@media(prefers-reduced-motion:reduce){.vg-feedback-spark{display:none!important}.home73-menu button{transition:none!important}.word-row.vg-word-celebrated{transition:none!important}}
body.app-paused .vg-weather-canvas{visibility:hidden}