*{box-sizing:border-box}body{margin:0;background:#091422;color:#e7eee6;font-family:MiSans,"PingFang SC",sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,#scene:focus-visible{outline:2px solid #b4d7af;outline-offset:4px}.garden{position:relative;isolation:isolate;height:100svh;min-height:930px;overflow:hidden;background:radial-gradient(ellipse at 62% 29%,#284e5c8c,transparent 47%),radial-gradient(ellipse at 52% 75%,#25345166,transparent 50%),linear-gradient(#102839,#07111e 78%)}.garden:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#081625cc,transparent 42%);z-index:1}
.garden-header{position:absolute;inset:27px 42px auto;z-index:6;display:flex;align-items:center;justify-content:space-between}.back{font-size:12px;letter-spacing:1px}.edition{font-size:9px;letter-spacing:2px;color:#8ba8ae}.server-link{padding:13px 20px;border:1px solid #d9e9c7;background:#d9e9c7;color:#273f37;font-size:11px;letter-spacing:1px;box-shadow:0 4px 22px #c9dfb516}.server-link span{margin-left:14px}.server-link:hover{background:#edf5dd}.intro{position:absolute;top:133px;left:5%;width:330px;z-index:4;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:3px;color:#a5c2b8;margin:0 0 23px}h1{font-size:45px;font-weight:400;line-height:1.5;letter-spacing:5px;margin:0 0 15px}h1 span{color:#bad8ae}.subtitle{font-size:11px;line-height:2;letter-spacing:2px;color:#a4b5b6;max-width:260px;margin:0}.view-controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:26px;pointer-events:auto}.view-controls button,.extra-controls button{border:1px solid #9db8ac30;background:#172d38bb;color:#a9bfbd;font-size:10px;padding:9px 11px;border-radius:3px}.view-controls button span{display:none}.view-controls button[aria-pressed=true]{background:#cadfbb;color:#31443b;border-color:#d9e9c7}.view-controls button:hover,.extra-controls button:hover{border-color:#b5cfbd}.extra-controls{display:flex;gap:7px;margin-top:11px;pointer-events:auto}.extra-controls button{font-size:9px;color:#99b4af;padding:7px 10px}.extra-controls button[aria-pressed=true]{color:#dceccc;border-color:#a1bd9444}
#scene{position:absolute;top:76px;bottom:121px;left:16%;right:-1%;touch-action:none;cursor:grab;z-index:0}#scene:active{cursor:grabbing}#scene canvas{display:block;width:100%;height:100%}.loading{position:absolute;top:45%;left:30%;right:10%;text-align:center;z-index:4;font-size:12px;line-height:2;color:#bacfbd;letter-spacing:2px;pointer-events:none}.companion-label{position:absolute;top:96px;right:46px;z-index:2;color:#b1c8bc;font-size:9px;letter-spacing:2px;pointer-events:none}.companion-label span{color:#739496;margin-left:10px}.scene-caption{position:absolute;bottom:160px;left:48%;right:4%;text-align:center;font-size:9px;letter-spacing:1px;color:#8ba8a7;z-index:2;pointer-events:none}.live-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#b9dba2;margin:0 8px 2px 0}.world-meta{position:absolute;left:5%;bottom:90px;font-size:9px;letter-spacing:1px;color:#729197;line-height:2;z-index:3}.world-meta strong{font-weight:400;color:#a6c2b7}
.quest-card{position:absolute;left:5%;top:490px;width:247px;padding:18px 19px;border:1px solid #9cbca326;background:#142a329e;backdrop-filter:blur(8px);z-index:3}.quest-kicker{font-size:8px;letter-spacing:2px;color:#9dbb9e}.quest-card h2{font-size:14px;font-weight:400;margin:13px 0 10px;letter-spacing:1px}.quest-card p{font-size:9px;color:#8fa9a5;line-height:1.8}.quest-card ul{list-style:none;margin:13px 0;padding:0;font-size:9px;line-height:2.5;color:#9ab2aa}.quest-card .complete{color:#c7dfa8}.quest-progress{display:flex;justify-content:space-between;font-size:8px;color:#a3bba4}.quest-card progress{display:block;width:100%;height:3px;margin-top:10px;border:0;accent-color:#afc78d}.quest-card progress::-webkit-progress-bar{background:#2e484b}.quest-card progress::-webkit-progress-value{background:#b8d19c}
.game-toast{position:absolute;bottom:125px;left:43%;right:4%;text-align:center;font-size:10px;line-height:1.8;color:#a8c0b3;z-index:3;pointer-events:none}.game-hud{position:absolute;bottom:54px;left:43%;z-index:3}.vitals{display:flex;justify-content:space-between;color:#aec0a6;font-size:8px;margin:0 3px 7px}.vitals>span:first-child{color:#c78f8b;letter-spacing:4px}.hotbar{display:flex;gap:4px;padding:4px;background:#263f43b8;border:1px solid #829e8466}.hotbar button{display:flex;align-items:center;justify-content:center;position:relative;gap:6px;min-width:64px;height:35px;padding:0 7px;background:#c3d5ae;border:1px solid #d5e3c1;color:#384f3c;font-size:9px}.hotbar button[aria-pressed=true]{background:#e1eccf;outline:1px solid #f4f8e4;outline-offset:2px}.hotbar small{position:absolute;left:3px;top:1px;font-size:7px;color:#718566}.hotbar svg{width:19px;height:19px;shape-rendering:crispEdges}.hotbar #interact{background:#69856c;color:#e8f0dc;border-color:#a5bc92}.hotbar #interact:disabled{opacity:.5;cursor:wait}kbd{font:inherit;border:1px solid #adbf9988;padding:1px 3px;font-size:8px}
.timeline{position:absolute;bottom:52px;right:4%;width:280px;padding:12px 16px;background:#17323b9e;backdrop-filter:blur(8px);border:1px solid #a9cbb12b;z-index:3}.time-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px}.time-heading>div{display:flex;align-items:center;gap:6px}.sun-icon{color:#d0bd8a;font-size:15px}.time-description{display:none}#clock{font-size:16px;letter-spacing:1px;font-variant-numeric:tabular-nums}input[type=range]{appearance:none;display:block;width:100%;height:3px;margin:13px 0 10px;background:linear-gradient(90deg,#567789,#e0c394 25%,#abc8b6 50%,#ba9c99 75%,#526a87);cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border:2px solid #dfedd0;border-radius:50%;background:#698c78}input[type=range]::-moz-range-thumb{width:7px;height:7px;border:2px solid #dfedd0;border-radius:50%;background:#698c78}.time-labels{display:flex;justify-content:space-between;font-size:7px;color:#819c9e}.garden-footer{position:absolute;bottom:18px;left:42px;right:42px;display:flex;justify-content:space-between;color:#6e8d93;font-size:8px;letter-spacing:1px;z-index:3}.garden-footer a{color:#a2bba7}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.walk-pad{position:absolute;left:37%;bottom:210px;display:grid;grid-template-columns:repeat(3,38px);gap:4px;z-index:5}.walk-pad[hidden]{display:none}.walk-pad button{width:38px;height:38px;border:1px solid #b4cfaa55;background:#183b42cc;color:#d7e6c9;border-radius:4px;touch-action:none;user-select:none}.walk-pad button:first-child,.walk-pad button:last-child{grid-column:2}.walk-pad button:nth-child(2){grid-column:1}
@media(min-width:1500px){.intro{left:7%;top:150px}h1{font-size:51px}.quest-card{left:7%;top:530px}.world-meta{left:7%}#scene{left:18%;right:0}.game-hud{left:47%}.timeline{width:310px}}
@media(max-width:1100px) and (min-width:601px){.intro{left:4%;width:260px}h1{font-size:36px}.quest-card{left:4%;width:220px;top:455px}.game-hud{left:34%}.timeline{width:240px}.hotbar button{min-width:57px}.companion-label span{display:none}}
@media(max-width:600px){.garden{min-height:1090px}.garden:before{background:linear-gradient(#0b1f2866,transparent 40%)}.garden-header{inset:20px 21px auto}.edition{display:none}.server-link{padding:10px 12px;font-size:10px}.server-link span{margin-left:6px}.back{font-size:10px}.intro{top:95px;left:22px;right:22px;width:auto;text-align:center}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:12px}h1{font-size:29px;line-height:1.45;letter-spacing:3px;margin-bottom:9px}h1 br{display:none}.subtitle{font-size:9px;letter-spacing:1px;max-width:none}.view-controls{margin-top:17px;justify-content:center;gap:4px}.view-controls button{font-size:9px;padding:8px 10px}.extra-controls{justify-content:center;margin-top:8px}.extra-controls button{font-size:8px;padding:5px 9px}#scene{top:245px;bottom:302px;left:0;right:0}.companion-label{top:294px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:1px}.companion-label span{display:none}.scene-caption{bottom:303px;left:12px;right:12px;font-size:8px}.quest-card{top:auto;bottom:250px;left:24px;right:24px;width:auto;padding:10px 12px;backdrop-filter:none}.quest-kicker,.quest-card h2,.quest-card p,.quest-card ul{display:none}.quest-card progress{margin-top:7px}.game-toast{bottom:206px;left:20px;right:20px;font-size:9px;min-height:29px}.game-hud{bottom:135px;left:50%;transform:translateX(-50%)}.hotbar button{min-width:68px;height:37px}.timeline{bottom:40px;left:24px;right:24px;width:auto;padding:10px 16px}.world-meta{display:none}.garden-footer{bottom:13px;left:22px;right:22px;font-size:6px;letter-spacing:0}.walk-pad{left:15px;bottom:331px;grid-template-columns:repeat(3,34px)}.walk-pad button{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
h1{font-size:42px;letter-spacing:3px}.quest-card{top:500px}
@media(min-width:1500px){.intro{width:390px}.quest-card{top:540px}}
@media(max-width:600px){.garden{min-height:1140px}.intro{top:87px}h1{font-size:27px;letter-spacing:2px}h1 br{display:block}.subtitle br{display:none}.extra-controls{margin-top:7px}.companion-label{top:320px}#scene{top:325px;bottom:302px}.quest-card{top:auto}}
/* One edge-to-edge scene; controls float above it, never crop the canvas. */
.garden{height:100svh;height:100dvh;min-height:0}
#scene{inset:0}
.garden[data-mode="walk"] .intro h1,.garden[data-mode="walk"] .eyebrow,.garden[data-mode="walk"] .subtitle,.garden[data-mode="walk"] .quest-card{display:none}
.garden[data-mode="walk"]:after{content:"+";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font:24px monospace;text-shadow:0 1px 3px #000;pointer-events:none;z-index:2}
.garden[data-mode="walk"] .scene-caption{display:block;left:10%;right:10%;bottom:170px}
.garden[data-locked="true"] .walk-pad{display:none}
.loading{left:0;right:0;top:48%}
.intro{top:100px}
.quest-card{top:auto;bottom:160px}
.game-hud{left:50%;transform:translateX(-50%)}
.scene-caption,.game-toast{left:25%;right:25%}
@media(max-height:800px) and (min-width:601px){
 .intro{top:85px}h1{font-size:30px}.eyebrow{margin-bottom:10px}.subtitle{display:none}
 .quest-card{padding:12px 15px;bottom:150px}.quest-kicker,.quest-card h2,.quest-card p{display:none}
 .timeline{width:220px;right:24px}.world-meta{bottom:45px}
}
@media(max-width:600px){
 .intro{top:76px;left:16px;right:16px}h1{font-size:20px;margin-bottom:0}h1 br{display:none}
 .eyebrow,.subtitle,.companion-label,.quest-card,.scene-caption{display:none}
 .view-controls{margin-top:10px}.extra-controls{margin-top:6px}
 .game-toast{bottom:184px;left:16px;right:16px;font-size:8px}
 .game-hud{bottom:123px}.timeline{bottom:32px;left:16px;right:16px}
 .walk-pad{bottom:210px;left:16px}
}
@media(max-height:500px){
 .intro{top:65px}.intro h1,.quest-card,.game-toast,.world-meta,.scene-caption,.companion-label{display:none}
 .view-controls{margin-top:0}.game-hud{bottom:35px}.timeline{bottom:35px;width:200px;left:auto;right:16px}
}
.build-bar{position:absolute;z-index:5;bottom:190px;left:50%;transform:translateX(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:min(560px,92%);padding:10px;border-radius:12px;background:#edf6eedb;color:#365747;backdrop-filter:blur(12px)}
.build-bar[hidden]{display:none}.build-bar span{width:100%;text-align:center;font-size:12px}.build-bar button{font:inherit;font-size:12px;padding:7px 10px;border:1px solid #adc5b5;border-radius:6px;background:#f6faf3;color:#365747;cursor:pointer}.build-bar button[aria-pressed="true"]{background:#527c60;color:white}
.garden[data-mode="walk"] .scene-caption,.garden[data-mode="walk"] .game-hud{display:none}
@media(max-width:600px){.build-bar{bottom:180px;padding:6px}.build-bar button{padding:6px}.build-bar span{font-size:10px}}
/* Daytime follows the classic clear blue sky; the timeline still supports night. */
body{background:#b6d9f3}.garden:not([data-sky="night"]){color:#2e5061;background:linear-gradient(180deg,#86b5ee 0%,#b3d8f3 48%,#e2eff7 100%)}.garden:not([data-sky="night"]):before{background:linear-gradient(90deg,#e6f2f75c,transparent 44%)}
.garden:not([data-sky="night"]) :is(.edition,.eyebrow,.subtitle,.companion-label,.companion-label span,.scene-caption,.game-toast,.world-meta,.world-meta strong,.garden-footer,.garden-footer a){color:#466b7e}.garden:not([data-sky="night"]) h1 span{color:#567e68}.garden:not([data-sky="night"]) .server-link{background:#f0f7e9;color:#385849;border-color:#ffffff}.garden:not([data-sky="night"]) .view-controls button,.garden:not([data-sky="night"]) .extra-controls button{background:#eff7f5b8;border-color:#ffffff99;color:#456879}.garden:not([data-sky="night"]) .view-controls button[aria-pressed="true"]{background:#719986;color:#fff;border-color:#8db29c}.garden:not([data-sky="night"]) .extra-controls button[aria-pressed="true"]{color:#345f47;border-color:#749c83}
.garden:not([data-sky="night"]) :is(.quest-card,.timeline){background:#f5faf4bd;border-color:#ffffffbd;box-shadow:0 7px 25px #52809a0c}.garden:not([data-sky="night"]) :is(.quest-kicker,.quest-card p,.quest-card ul,.quest-progress,.vitals,.time-labels){color:#587581}.garden:not([data-sky="night"]) .quest-card .complete{color:#4c7856}.garden:not([data-sky="night"]) .quest-card progress::-webkit-progress-bar{background:#c8dce4}.garden:not([data-sky="night"]) .quest-card progress::-webkit-progress-value{background:#79a17a}.garden:not([data-sky="night"]) .hotbar{background:#e5efe1b8;border-color:#adc4af}.garden:not([data-sky="night"]) .walk-pad button{background:#eff7eadd;color:#446b62;border-color:#b4ccba}.garden:not([data-sky="night"]) .sun-icon{color:#bc924d}.garden:not([data-sky="night"]) .vitals>span:first-child{color:#b77d7c}
/* Crisp inventory textures and a quiet first-person interface. */
.extra-controls{flex-wrap:wrap}
.build-bar{bottom:32px;width:min(650px,96%);border:2px solid #171717;border-radius:0;background:#252525e8;color:#fff;box-shadow:inset 0 0 0 2px #777;backdrop-filter:none;gap:5px}
.build-bar button{border-radius:0;background:#777;color:#fff;border:2px solid;border-color:#b8b8b8 #333 #333 #b8b8b8;text-shadow:1px 1px #222}
.build-bar .block-slot{position:relative;flex:1 1 8%;min-width:0;height:64px;padding:4px 1px;background:#555;display:flex;align-items:center;flex-direction:column;gap:3px}
.block-slot canvas{width:30px;height:30px;image-rendering:pixelated}.block-slot small{font-size:9px;white-space:nowrap}.block-slot em{position:absolute;right:3px;top:21px;font:12px monospace;text-shadow:1px 1px #000}
.build-bar button[aria-pressed=true]{background:#777;border-color:#fff;box-shadow:0 0 0 1px #111}
.build-bar .mining-progress{width:100%;height:4px;accent-color:#8ce346;border:0}
.garden[data-mode=walk] :is(.timeline,.world-meta,.companion-label,.game-toast){display:none}
.garden[data-mode=walk] .intro{top:68px;left:24px;width:auto;right:24px}.garden[data-mode=walk] .view-controls{margin-top:0}
.garden[data-mode=walk]:before{display:none}
@media(max-width:600px){.build-bar{bottom:26px;padding:7px;gap:3px}.build-bar .block-slot{height:55px;padding:3px 0}.block-slot canvas{width:24px;height:24px}.block-slot small{font-size:8px}.build-bar>span{line-height:1.7}.garden[data-mode=walk] .walk-pad{bottom:225px}.garden[data-mode=walk] .intro{left:12px;right:12px}}