:root{font-family:Arial,Helvetica,sans-serif;color:#35483c;background:#f8f5ed;font-synthesis:none;font-weight:400;--muted:#899084;--green:#43684c;--line:#e4e5d8}
*{box-sizing:border-box}body{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #6c956c;outline-offset:5px}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{max-width:1440px;margin:auto;padding:0 6.25%}.header{height:101px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-family:Georgia,serif;font-size:28px;letter-spacing:-1.2px;font-weight:bold}.brand svg{width:28px;height:32px;fill:#dbe5c8;stroke:#516c4e;stroke-width:1.6;stroke-linejoin:round}.brand-dot{align-self:flex-start;font:10px Arial;margin:5px 0 0 -7px}nav{display:flex;align-items:center;gap:37px;font-size:13px}.nav-current{position:relative}.nav-current:after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:#527150;bottom:-14px;left:50%}.nav-button{border:0;background:none;color:#8b8d80;padding:8px 0}.nav-button span{font-size:10px;padding:3px 6px;border:1px solid #dcded2;border-radius:5px;margin-left:5px}.today{display:flex;align-items:center;gap:9px;font-size:11px;color:#808777}.status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#8ba17a}.intro{text-align:center;padding-top:51px}.eyebrow,.overline{font-size:9px;letter-spacing:2px;font-weight:600}.eyebrow{color:#8b947d;display:flex;justify-content:center;align-items:center;gap:8px}.small-line{height:1px;width:17px;background:#8b947d}h1{font-family:Georgia,'Times New Roman',serif;font-weight:normal;font-size:clamp(32px,3.4vw,49px);letter-spacing:-1.9px;margin:18px 0 14px}h1 em{font-weight:normal;color:#7e9270}.intro p{font-size:13px;color:#8a8c80;margin:0}.world-stage{height:484px;position:relative;display:flex;align-items:center;justify-content:center;margin-top:8px}.canvas-wrap{position:relative;width:560px;height:560px;max-width:65vw;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}canvas{width:100%;height:auto;image-rendering:pixelated;position:relative;z-index:1}.world-shadow{position:absolute;left:22%;right:22%;height:14px;bottom:20px;background:#687851;filter:blur(17px);opacity:.11;border-radius:50%}.world-caption{position:absolute;left:3.4%;top:162px;z-index:2}.overline{color:#9a9d8b;font-size:9px;letter-spacing:1.7px}.world-caption h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.5px;font-size:23px;margin:13px 0 9px}.world-caption p{color:#969788;font-size:11px;margin:0}.biome-tag{display:inline-flex;align-items:center;gap:6px;margin-top:22px;border:1px solid #e0e4d5;border-radius:6px;padding:6px 9px;font-size:10px;color:#7b8d6d;background:#eff0e4}.biome-tag span:first-child{font-size:14px}.stage-aside{position:absolute;right:3.6%;top:163px;width:145px}.mode-badge{font-size:8px;letter-spacing:1.5px;display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:5px;background:#eeeee2;color:#7e8870}.mode-badge span{width:4px;height:4px;background:#8da17d;border-radius:50%}.stage-aside p{font-family:Georgia,serif;font-style:italic;color:#969b89;font-size:13px;line-height:1.8;margin-top:13px}.tiny-spark{font-size:31px;font-weight:normal;color:#bbc5a5;margin-top:33px;margin-left:41px}.world-bottom{position:absolute;bottom:5px;left:3.4%;right:3.4%;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#999b8a}.little-star{color:#9dab87;margin-right:7px}.text-button{border:0;background:none;padding:7px 0;font-size:10px;color:#849078}.text-button span{font-size:16px;margin-right:6px}.text-button:hover{color:#385c40}.day-panel{max-width:910px;margin:23px auto 0;border:1px solid #e2e4d5;border-radius:13px;background:#fbfaf4;padding:25px 29px 20px;box-shadow:0 4px 18px #61734203}.progress-heading{display:flex;justify-content:space-between;align-items:center}.progress-heading .overline{font-size:8px;letter-spacing:1.4px}h3{font-size:13px;font-weight:400;margin:9px 0 0;color:#64745c}.time-display{font-size:12px;color:#9b9d8a;white-space:nowrap}.time-display strong{font-size:24px;letter-spacing:-1px;font-weight:400;color:#546a4b;margin-right:4px}.time-display select{background:transparent;border:0;color:#969b85;padding:4px 0;font-size:11px;max-width:65px}.progress-track{height:5px;background:#e9ecde;border-radius:4px;margin-top:24px;overflow:hidden}.progress-track>div{height:100%;width:0;background:#98ae83;border-radius:4px;transition:width .5s}.milestones{display:flex;justify-content:space-between;margin-top:11px;font-size:9px;color:#b0b2a0}.milestones .reached{color:#7a916d}.panel-bottom{border-top:1px solid #ebecdf;margin-top:21px;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:15px}.quiet-note{display:flex;align-items:center;gap:8px;font-size:10px;color:#9b9d8c}.quiet-note .status-dot{width:4px;height:4px;background:#a3b293}.actions{display:flex;align-items:center;gap:10px}.primary-button,.secondary-button{border-radius:6px;padding:12px 16px;font-size:11px;border:1px solid #dfe4d3;transition:background .2s}.primary-button{color:#f7f8ef;background:#476a4d;border-color:#476a4d;box-shadow:0 2px 2px #334b3010}.primary-button:hover{background:#36573d}.primary-button span{font-size:9px;margin-right:7px}.secondary-button{background:transparent;color:#839175}.secondary-button:hover{background:#eef0e4}.secondary-button span{margin-right:6px}.preview-controls{padding-top:18px;margin-top:18px;border-top:1px solid var(--line)}.preview-top,.preview-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#829176}.preview-bottom{font-size:10px;color:#9c9f8f;gap:12px}input[type=range]{width:100%;accent-color:#759767;margin:16px 0}footer{max-width:910px;margin:24px auto 28px;display:flex;justify-content:space-between;font-size:9px;color:#a5a694;letter-spacing:.1px}.footer-right{display:flex;align-items:center;gap:6px}.footer-right svg{width:10px;height:10px;fill:none;stroke:#98a384;stroke-width:1.5}dialog{background:#fbfaf4;border:1px solid #e0e4d5;border-radius:16px;width:min(650px,90vw);color:#35483c;padding:30px}dialog::backdrop{background:#26392b44;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading h2{font:28px Georgia;margin:12px 0 20px}.close-button{border:0;background:#edf0e3;border-radius:50%;width:30px;height:30px;font-size:20px}.empty-state{padding:40px 15px;text-align:center;color:#8b9580;line-height:1.8;font-size:13px}.empty-state span{display:block;font-size:35px;margin-bottom:12px}.storage-note{font-size:10px;color:#a1a591;border-top:1px solid var(--line);padding-top:18px;margin-bottom:0}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.collection-card{background:#f1f2e6;border-radius:8px;padding:15px}.collection-card canvas{width:100%;display:block}.collection-card h3{margin-top:0}.collection-card p{color:#929a87;font-size:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#3b5942;color:#fffdf3;padding:14px 22px;border-radius:8px;font-size:12px;z-index:5;max-width:90vw}
@media(min-width:1500px){.intro{padding-top:65px}.world-stage{height:535px}.canvas-wrap{width:610px;height:610px}.world-caption,.stage-aside{top:185px}}
@media(max-width:1000px){.app-shell{padding:0 5%}.world-caption{left:0}.stage-aside{right:0;width:115px}.world-caption h2{font-size:20px}.canvas-wrap{width:500px}.world-stage{height:450px}.world-caption p{max-width:130px;line-height:1.7}.world-bottom{left:0;right:0}.quiet-note{max-width:200px;line-height:1.6}}
@media(max-width:700px){.header{height:79px}.brand{font-size:23px;gap:7px}.brand svg{width:23px}.today{display:none}nav{gap:20px;font-size:11px}.intro{padding-top:36px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:32px;letter-spacing:-1.5px}.intro p{font-size:11px;line-height:1.7;max-width:260px;margin:auto}.world-stage{height:475px;margin-top:21px;align-items:flex-end;padding-bottom:35px}.canvas-wrap{width:430px;height:430px;max-width:100vw;margin:0 -5vw}.world-caption{top:0;left:2%}.world-caption h2{font-size:18px;margin:7px 0}.world-caption p{display:none}.biome-tag{margin-top:3px;font-size:8px;padding:4px 6px}.stage-aside{top:4px;right:2%;text-align:right;width:120px}.stage-aside p{font-size:11px;line-height:1.6;margin-top:9px}.tiny-spark{display:none}.world-bottom{font-size:8px;gap:8px;bottom:0;left:2%;right:2%}.world-bottom .text-button{font-size:9px}.day-panel{margin-top:16px;padding:19px 17px 16px;border-radius:10px}.progress-heading .overline{font-size:7px;letter-spacing:.9px}h3{font-size:11px;max-width:180px;line-height:1.6;margin-top:6px}.time-display strong{font-size:20px}.milestones{font-size:8px}.panel-bottom{flex-direction:column-reverse;gap:15px;margin-top:17px}.actions{width:100%;gap:8px}.primary-button{flex:1}.secondary-button{flex:1}.quiet-note{max-width:none;font-size:9px}.preview-bottom{flex-direction:column;align-items:flex-start;gap:4px}footer{font-size:8px;line-height:1.7;gap:18px;margin:20px 5px}.footer-right{max-width:135px}.collection-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.world-settings{max-width:910px;margin:24px auto 0;padding:17px 21px;border:1px solid var(--line);border-radius:10px;display:flex;gap:22px;align-items:center;background:#f4f4e9}.world-settings label{display:block;font-size:9px;letter-spacing:1px;color:#7c8972;margin-bottom:7px}.world-settings select,.world-settings input{border:1px solid #dce2cf;border-radius:5px;background:#fbfaf4;padding:10px;color:#496447;font:12px Arial}.world-settings select{min-width:105px}.world-settings input{width:158px;min-width:0}.seed-entry{display:flex;gap:7px}.seed-entry button{padding:10px 12px}.world-settings p{font-size:10px;line-height:1.8;color:#849078;margin:12px 0 0}.world-settings+.day-panel{margin-top:15px}@media(max-width:700px){.world-settings{flex-wrap:wrap;gap:14px;padding:16px;margin-top:18px}.world-settings input{width:116px}.world-settings select{min-width:85px}.world-settings p{margin:0;flex-basis:100%;font-size:9px}.seed-entry button{padding:10px;font-size:10px}.world-settings form{flex:1}.seed-entry input{flex:1;width:80px}}