*{box-sizing:border-box}body{margin:0;background:#f3f1e9;color:#34493d;font-family:MiSans,"PingFang SC",sans-serif}.garden{position:relative;height:100svh;min-height:760px;overflow:hidden;background:radial-gradient(ellipse at 50% 57%,#fbfaf5 0%,#f3f1e9 68%)}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.garden-header{position:absolute;inset:30px 44px auto;display:flex;align-items:center;justify-content:space-between;z-index:3}.back{font-size:12px;letter-spacing:1px}.back:first-letter{font-size:23px}.edition{font-size:9px;letter-spacing:2px;color:#899086}.seal{border:1px solid #af7760;color:#af7760;padding:4px 6px;font-size:17px}.intro{position:absolute;top:95px;left:0;right:0;text-align:center;z-index:2;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:3px;color:#8b9185;margin:0 0 14px}h1{font-size:47px;font-weight:400;letter-spacing:9px;line-height:1.3;margin:0 0 12px;padding-left:14px}h1 span{color:#ad795e}.subtitle{font-size:12px;letter-spacing:3px;color:#8a9186;margin:0}.view-controls{display:inline-flex;gap:6px;margin-top:25px;padding:5px;background:#e9e8df99;border:1px solid #fff8;border-radius:30px;pointer-events:auto}.view-controls button{border:0;background:transparent;border-radius:22px;color:#7e877a;padding:10px 19px;font-size:11px;letter-spacing:1px;transition:background .2s,color .2s}.view-controls button span{margin-right:7px;font-size:17px;vertical-align:-1px}.view-controls button[aria-pressed=true]{background:#425d49;color:#fff;box-shadow:0 3px 8px #30483220}.view-controls button:hover{background:#d9dfd2;color:#314633}.view-controls button[aria-pressed=true]:hover{background:#354d3c}button:focus-visible,a:focus-visible,input:focus-visible,#scene:focus-visible{outline:2px solid #aa775a;outline-offset:5px}#scene{position:absolute;top:225px;bottom:190px;left:0;right:0;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}#scene canvas{display:block;width:100%;height:100%}.loading{position:absolute;top:52%;left:10%;right:10%;text-align:center;font-size:12px;letter-spacing:3px;color:#7e897b;pointer-events:none}.scene-caption{position:absolute;bottom:196px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:2px;color:#929889;pointer-events:none}.live-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#899a77;margin:0 8px 2px 0}.side-note{position:absolute;right:7%;top:47%;writing-mode:vertical-rl;letter-spacing:6px;font-size:12px;color:#8c9386;line-height:2.2}.side-note span{font-size:9px;color:#b3b5a9}.timeline{position:absolute;bottom:67px;left:50%;transform:translateX(-50%);width:min(460px,calc(100% - 48px));padding:21px 27px 17px;background:#ffffff70;backdrop-filter:blur(18px);border:1px solid #fff;border-radius:19px;box-shadow:0 12px 40px #484c3a08;z-index:3}.time-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px}.time-heading>div{display:flex;align-items:center;gap:9px}.sun-icon{color:#b79c65;font-size:20px}.time-description{font-size:10px;color:#969b90;margin-left:7px}#clock{font-size:19px;letter-spacing:1px;font-variant-numeric:tabular-nums}input[type=range]{appearance:none;width:100%;height:3px;margin:20px 0 12px;background:linear-gradient(90deg,#667786,#e4bd87 25%,#bdcda3 50%,#cb9c87 75%,#667786);border-radius:4px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;background:#52694c;border:3px solid #fff;width:14px;height:14px;border-radius:50%;box-shadow:0 1px 5px #34493d30}input[type=range]::-moz-range-thumb{background:#52694c;border:3px solid white;width:9px;height:9px;border-radius:50%}.time-labels{display:flex;justify-content:space-between;font-size:8px;color:#a0a598;letter-spacing:1px}.garden-footer{position:absolute;bottom:24px;left:44px;right:44px;display:flex;justify-content:space-between;font-size:9px;color:#a2a699;letter-spacing:2px}.garden-footer i{font-style:normal;font-size:16px;margin-left:12px;color:#72876a}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1100px){#scene{left:13%;right:13%;top:225px;bottom:178px}.intro{top:80px}}@media(max-width:600px){.garden{min-height:700px}.garden-header{inset:22px 25px auto}.edition{display:none}.intro{top:88px}h1{font-size:37px;letter-spacing:7px}.eyebrow{font-size:8px;letter-spacing:2px}.subtitle{font-size:10px;letter-spacing:2px}.view-controls{margin-top:21px}.view-controls button{padding:8px 15px;font-size:10px}#scene{top:235px;bottom:185px;left:-12%;right:-12%}.side-note{display:none}.scene-caption{bottom:192px;font-size:9px}.timeline{bottom:64px;padding:17px 22px}.time-description{font-size:9px;margin-left:0}.garden-footer{left:25px;right:25px;font-size:8px;letter-spacing:1px}.garden-footer>span:first-child{max-width:46%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.walk-pad{position:absolute;left:24px;bottom:225px;display:grid;grid-template-columns:repeat(3,42px);gap:5px;z-index:4}.walk-pad[hidden]{display:none}.walk-pad button{width:42px;height:42px;border:1px solid #fff;border-radius:13px;background:#f3f1e9dc;color:#425d49;touch-action:none;user-select:none}.walk-pad button:active{background:#425d49;color:white}.walk-pad button:first-child{grid-column:2}.walk-pad button:nth-child(2){grid-column:1}@media(min-width:900px){.walk-pad{left:calc(50% - 300px)}}
.garden{min-height:880px;background:radial-gradient(ellipse at 55% 48%,#faf9ed 0%,#edeedc 75%)}
.server-link{display:inline-flex;align-items:center;gap:15px;padding:12px 17px;background:#4b633f;color:#fff9e7;border:1px solid #394e32;box-shadow:3px 3px 0 #b8bda0;font-size:11px;letter-spacing:1px}.server-link:hover{background:#354d32}.intro{top:85px}.eyebrow{color:#8c916f}h1{font-size:44px;color:#425337}.subtitle{color:#82856c}.view-controls{border-radius:7px;background:#e3e5d3}.view-controls button{border-radius:4px}.view-controls button[aria-pressed=true]{background:#556b43}
#scene{top:200px;bottom:255px;left:10%;right:5%}.scene-caption{bottom:256px;letter-spacing:1px}.companion-label{position:absolute;top:264px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:1px;color:#68744f;pointer-events:none}.companion-label span{color:#969c7f}
.quest-card{position:absolute;top:330px;left:4%;width:218px;padding:18px;background:#f9f8ebd9;border:1px solid #d6dac3;box-shadow:4px 4px 0 #dce0c8;z-index:2}.quest-kicker{font-size:8px;letter-spacing:2px;color:#7f9068}.quest-card h2{font-size:15px;font-weight:400;margin:12px 0}.quest-card p{font-size:10px;color:#8b9079;line-height:1.8}.quest-card ul{list-style:none;margin:18px 0;padding:0;font-size:10px;line-height:2.5;color:#818870}.quest-card .complete{color:#50733e}.quest-progress{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#7c885e}.quest-card progress{width:100%;height:5px;accent-color:#7c9c4d;border:0;margin-top:12px}.quest-card progress::-webkit-progress-bar{background:#dfe3ca}.quest-card progress::-webkit-progress-value{background:#7c9c4d}
.game-toast{position:absolute;bottom:227px;left:50%;transform:translateX(-50%);width:min(510px,90%);text-align:center;font-size:11px;line-height:1.7;color:#687653;pointer-events:none}.game-hud{position:absolute;bottom:149px;left:50%;transform:translateX(-50%);z-index:3}.vitals{display:flex;justify-content:space-between;margin:0 3px 8px;font-size:10px;gap:36px;color:#95976f}.vitals>span:first-child{color:#bd7765;letter-spacing:4px}.hotbar{display:flex;padding:4px;gap:4px;background:#bbbda3;border:2px solid #7e876b;box-shadow:3px 3px 0 #d6dac1}.hotbar button{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-width:78px;height:42px;border:1px solid #cbd0b6;background:#e3e5d1;box-shadow:inset 2px 2px #f7f7e8,inset -2px -2px #b7bfa1;color:#536444;font-size:10px}.hotbar button[aria-pressed=true]{outline:2px solid #f8f5da;outline-offset:-3px;background:#b9c995}.hotbar button>span{font-size:19px}.hotbar small{position:absolute;left:4px;top:2px;font-size:8px;color:#899476}.hotbar #interact{background:#546b43;color:#fff9e5;box-shadow:inset 1px 1px #8f9e70;min-width:70px}.hotbar #interact:disabled{opacity:.55;cursor:wait}kbd{font:inherit;border:1px solid #a8b18c;padding:1px 3px;font-size:8px}
.timeline{bottom:35px;padding:14px 23px 12px;border-radius:8px;width:min(410px,calc(100% - 48px));background:#f9faeeae;backdrop-filter:blur(8px)}input[type=range]{margin:14px 0 9px}.garden-footer{bottom:12px;font-size:8px;letter-spacing:1px}.garden-footer a{color:#65784b}.walk-pad{bottom:290px}.loading{top:48%}
@media(min-width:1100px){.intro{top:75px}#scene{top:195px;bottom:245px;left:16%;right:5%}.companion-label{top:260px;left:56%}}
@media(max-width:900px){.quest-card{left:20px;width:170px;padding:12px}.quest-card p{display:none}.quest-card h2{font-size:12px}.quest-card ul{font-size:9px}}
@media(max-width:600px){.garden{min-height:960px}.garden-header{inset:20px 22px auto}.server-link{font-size:10px;padding:10px 12px;gap:7px}.intro{top:90px}h1{font-size:36px}.subtitle{font-size:10px;letter-spacing:1px}#scene{top:260px;bottom:337px;left:-12%;right:-12%}.companion-label{top:265px;font-size:9px;white-space:nowrap}.scene-caption{bottom:327px;font-size:9px}.quest-card{top:auto;bottom:284px;left:24px;right:24px;width:auto;padding:8px 12px;box-shadow:2px 2px 0 #dce0c8}.quest-kicker,.quest-card h2,.quest-card ul{display:none}.quest-card progress{margin-top:6px;height:4px;display:block}.game-toast{bottom:239px;font-size:10px;min-height:32px}.game-hud{bottom:157px}.hotbar button{min-width:73px}.hotbar #interact{min-width:65px}.vitals{font-size:9px}.timeline{bottom:45px}.garden-footer{left:20px;right:20px;bottom:14px;font-size:7px;letter-spacing:0}.garden-footer>span:first-child{max-width:42%}.walk-pad{left:18px;bottom:353px;grid-template-columns:repeat(3,36px)}.walk-pad button{width:36px;height:36px;border-radius:5px}}
.hotbar svg{width:21px;height:21px;shape-rendering:crispEdges;flex-shrink:0}
.companion-label{top:285px}@media(max-width:600px){.companion-label{top:272px}}