:root{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#354a50;background:#eaf0ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0;--sky-top:#accfe0;--sky-mid:#e4eef0;--sky-bottom:#fff0d5;--wall-light:#fff0df;--wall-mid:#e5c5bd;--wall-dark:#ba94a4;--roof-light:#7696c4;--roof-mid:#47649c;--roof-dark:#293b71;--gold:#d4ad65;--grass:#8da993;--grass-light:#bbccb0;--hedge:#426f62;--hedge-light:#729c78;--leaf:#f5bed1;--leaf-light:#ffdae3;--leaf-dark:#d98ea9;--water:#91c5cc;--path:#e7d8c7;--window:#537086;--snow-opacity:0;--flower-opacity:1;transition:background 1.2s,color 1.2s}body[data-season=summer]{--grass:#73a782;--grass-light:#b4ca96;--hedge:#356b4c;--hedge-light:#699a65;--leaf:#619879;--leaf-light:#92b98b;--leaf-dark:#407960;--sky-top:#8fc8e7;--sky-bottom:#f6f4d4}body[data-season=autumn]{--grass:#a29b6f;--grass-light:#d1ba86;--hedge:#65704e;--hedge-light:#989767;--leaf:#d29451;--leaf-light:#f1bc6b;--leaf-dark:#ad6550;--sky-top:#b9cfdf;--sky-bottom:#ffe5c1}body[data-season=winter]{--grass:#bdcfce;--grass-light:#ecf2e9;--hedge:#6e9390;--hedge-light:#afc6bd;--leaf:#c2d9d6;--leaf-light:#f2f7ef;--leaf-dark:#96b5b1;--sky-top:#b3ccda;--sky-bottom:#f4edf0;--snow-opacity:1;--flower-opacity:0}body[data-time=night]{color:#e6e7f4;background:#101b35;--sky-top:#091329;--sky-mid:#1c2c51;--sky-bottom:#696485;--wall-light:#d0c4da;--wall-mid:#9584ae;--wall-dark:#605879;--roof-light:#556c9f;--roof-mid:#2b3b74;--roof-dark:#152447;--gold:#e5ba75;--grass:#3e5d64;--grass-light:#6d8180;--hedge:#254851;--hedge-light:#527077;--leaf:#8c769e;--leaf-light:#b398bc;--leaf-dark:#555074;--water:#536f97;--path:#8f8fa3;--window:#ffe5a0}body[data-time=night][data-season=summer]{--leaf:#426b70;--leaf-light:#668886;--leaf-dark:#274b59}body[data-time=night][data-season=autumn]{--leaf:#8b715d;--leaf-light:#bc9266;--leaf-dark:#684e58}body[data-time=night][data-season=winter]{--leaf:#849faf;--leaf-light:#bfccdf;--grass-light:#a5b8cd;--grass:#788ba6;--path:#a3abc0}.experience{position:relative;min-height:100svh;overflow:hidden;display:flex;flex-direction:column}.masthead{position:absolute;z-index:2;top:34px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.brand{display:flex;gap:15px;align-items:center}.crest{font-family:Georgia,serif;font-size:46px;font-weight:400;color:#8d795d}.eyebrow{font:10px Georgia,serif;letter-spacing:3px;opacity:.7}h1{font-family:"Songti SC","STSong","SimSun",serif;font-size:29px;letter-spacing:6px;font-weight:500;margin:7px 0 10px}.brand p{font-size:10px;letter-spacing:3px;opacity:.68;margin:0}.top-actions{display:flex;gap:24px;align-items:center;pointer-events:auto}.edition{font:9px Georgia,serif;letter-spacing:2px;opacity:.65}.edition i{margin:0 8px}.icon-button{border:1px solid #71828b40;background:#ffffff18;width:38px;height:38px;border-radius:50%;font-size:24px;color:inherit;cursor:pointer}.scene{position:relative;height:calc(100svh - 144px);min-height:630px;background:linear-gradient(var(--sky-top),var(--sky-mid) 48%,var(--grass-light));isolation:isolate}#world{width:100%;height:100%;display:block;overflow:visible}.scene-note{position:absolute;bottom:22px;left:4.5%;display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:2px;opacity:.8}.note-line{width:25px;height:1px;background:currentColor}.control-dock{display:flex;align-items:center;justify-content:center;gap:26px;z-index:3;min-height:105px;width:max-content;max-width:94%;padding:18px 27px;margin:-4px auto 0;border:1px solid #fff9;border-radius:18px;background:#fbfaf4e8;box-shadow:0 8px 36px #2e455015;color:#445457;backdrop-filter:blur(18px)}.control-label{display:block;font-size:10px;letter-spacing:2px;margin:0 0 10px 4px}.control-label small{font:8px Georgia,serif;letter-spacing:1.7px;margin-left:8px;color:#92a19f}.segments{display:flex;gap:5px}button{font-family:inherit;touch-action:manipulation}button:focus-visible{outline:3px solid #ce9d4d;outline-offset:4px}.segments button{border:0;background:none;border-radius:8px;padding:9px 13px;font-size:13px;color:#7d8988;cursor:pointer;transition:background .25s,color .25s}.segments button>span:first-child{margin-right:6px}.seasons button{display:flex;align-items:center;gap:1px}.segments button[aria-pressed=true]{background:#e1e9e0;color:#345448}.segments button:hover{background:#e9eee8}.english{font:8px Georgia,serif;letter-spacing:.8px;margin-left:5px}.times button{padding:9px 12px}.dock-divider{height:48px;width:1px;background:#d4dbd2}.fireworks-button{border:1px solid #dbc697;background:#f5eddc;border-radius:11px;display:flex;align-items:center;gap:10px;padding:12px 18px;cursor:pointer;color:#897246;text-align:left;min-width:150px}.fireworks-button b{display:block;font-size:12px;letter-spacing:1px;font-weight:500}.fireworks-button small{display:block;font-size:9px;margin-top:5px;opacity:.75}.fireworks-icon{font-size:29px}.fireworks-button[aria-pressed=true]{background:#394a72;color:#f7dc9a;border-color:#7f819c}.motion-button{font:15px Georgia,serif;border:1px solid #d5dbd2;border-radius:50%;width:30px;height:30px;background:none;color:#78877d;cursor:pointer}footer{display:flex;justify-content:space-between;margin:17px 4.5% 12px;font-size:9px;letter-spacing:2px;opacity:.6}footer i{margin:0 8px}.snow-cap{opacity:var(--snow-opacity);fill:#f3f8f5;transition:opacity 1s}.flowers{opacity:var(--flower-opacity);transition:opacity 1s}.night-only{opacity:0;transition:opacity 1.5s}body[data-time=night] .night-only{opacity:1}.day-only{opacity:1;transition:opacity 1.5s}body[data-time=night] .day-only{opacity:0}.window{fill:var(--window);transition:fill 1.2s}.lit-glow{opacity:0;transition:opacity 1s}body[data-time=night] .lit-glow{opacity:.65}.cloud{animation:cloud-drift 32s ease-in-out infinite alternate}.cloud:nth-child(2){animation-delay:-17s}.flag{transform-box:fill-box;transform-origin:left center;animation:flag-wave 3s ease-in-out infinite alternate}.water-ring{transform-box:fill-box;transform-origin:center;animation:ripple 3.5s ease-out infinite}.water-ring:nth-child(2){animation-delay:-1.7s}.fountain-jet{stroke-dasharray:6 4;animation:water-flow 1.3s linear infinite}.star{animation:twinkle 4s ease-in-out infinite alternate}.paused *{animation-play-state:paused!important}.paused #world{cursor:default}@keyframes cloud-drift{to{transform:translateX(45px)}}@keyframes flag-wave{to{transform:scaleX(.82) skewY(-5deg)}}@keyframes ripple{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.2);opacity:0}}@keyframes water-flow{to{stroke-dashoffset:-30}}@keyframes twinkle{to{opacity:.25}}@media(min-aspect-ratio:18/10){.scene{height:calc(100svh - 144px);min-height:540px}.masthead{top:25px}}@media(max-width:1000px){.control-dock{gap:13px;padding:15px}.english{display:none}.segments button{padding:9px 11px}.edition{display:none}}@media(max-width:600px){.masthead{top:24px;left:6%;right:6%}.crest{font-size:33px}.eyebrow{font-size:8px;letter-spacing:2px}h1{font-size:22px;letter-spacing:4px}.brand p{font-size:9px;letter-spacing:1.5px}.scene{height:61svh;min-height:430px}#world{position:absolute;width:160%;max-width:none;left:-30%;top:42px;height:100%}.control-dock{width:90%;max-width:420px;flex-wrap:wrap;gap:13px;padding:18px;margin:0 auto;border-radius:18px}.season-block{width:100%}.seasons{justify-content:space-between}.seasons button{padding:10px 17px}.english{display:inline;font-size:7px}.dock-divider{display:none}.time-block{margin-right:auto}.fireworks-button{min-width:132px;padding:10px}.fireworks-button small{font-size:8px}.motion-button{width:27px;height:27px}.scene-note{bottom:14px;font-size:9px;left:6%;letter-spacing:1px}footer{font-size:8px;letter-spacing:1px;justify-content:center;gap:20px;margin-bottom:20px}footer>span:first-child{display:none}.control-label{font-size:9px}.icon-button{width:33px;height:33px}.top-actions{gap:0}}

.snow-outline{fill:none}.cloud-bank{transition:opacity 1.5s}body[data-time=night] .cloud-bank{opacity:.09}@media(max-width:600px){.scene{overflow:hidden}.seasons button{padding:10px 12px}.control-dock{gap:12px}.fireworks-button{min-width:125px}.time-block{margin-right:0}.control-dock .motion-button{width:25px;height:25px}}

@media(max-width:600px){.scene{background:linear-gradient(var(--sky-top) 0 80%,var(--grass-light) 80%)}.seasons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.seasons .english{display:none}.seasons button{justify-content:center;padding:11px 8px}.control-dock{gap:10px}.time-block{width:130px}.times button{font-size:12px;padding:9px 10px}.fireworks-button{min-width:120px;padding:10px 8px}.motion-button{flex-shrink:0}}

/* Scene and controls occupy separate rows; nothing floats over the garden. */
body { --planter-face: #cbbfa9; --planter-base: #a6a38a; --planter-rim: #f2e7d2; }
body[data-time=night] { --planter-face: #78818e; --planter-base: #4c5a69; --planter-rim: #bcc3ce; }
.experience { min-height: 100svh; padding: 0; background: #edf0e9; }
body[data-time=night] .experience { background: #121d33; }
.scene { position: relative; inset: auto; width: 100%; height: calc(100svh - 184px); min-height: 560px; flex: 0 0 auto; overflow: hidden; background: var(--sky-top); }
#world { position: static; display: block; width: 100%; height: 100%; max-width: none; overflow: hidden; }
.scene-note { position: static; min-height: 12px; margin: 13px 4.5%; font-size: 10px; }
.control-dock { position: relative; margin: 0 auto; flex-shrink: 0; }
footer { position: static; margin: 14px 4.5% 16px; min-height: 12px; }
@media (max-width: 600px) {
  .scene { height: auto; aspect-ratio: 1380 / 1500; min-height: 0; }
  .scene-note { margin: 12px 6%; font-size: 9px; }
  .control-dock { margin: 0 auto; }
  footer { margin: 16px 4.5%; }
}