@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap";:root{font-family:DM Sans,sans-serif;color:#473f31;background:#f5eddc;font-synthesis:none;--ink:#473f31;--rust:#b74c31;--teal:#246c63;--line:#cdbfa644}*{box-sizing:border-box}body{margin:0}button,a,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button{border:0;background:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:4px}a{color:inherit}svg.lucide{width:18px;height:18px;stroke-width:1.6;flex-shrink:0}header{height:96px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;text-decoration:none;gap:12px;font:600 25px Playfair Display,Georgia,serif}.brand img{width:48px;height:48px}.brand small{display:block;font:9px DM Sans,sans-serif;letter-spacing:3px;margin-top:3px}.header-note{font-size:11px;opacity:.65}.header-actions{display:flex;gap:8px;align-items:center}#save-state{font-size:10px;margin-right:14px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--teal);margin-right:6px}.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#f7efde}.icon-button:hover{background:#e7d6b9}main{max-width:1700px;margin:auto;padding:0 4%}.hero-copy{display:flex;justify-content:space-between;align-items:center;padding:34px 0 26px;gap:32px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600}.hero-copy h1{font:500 clamp(38px,4.6vw,68px)/1.02 "Playfair Display",Georgia,serif;margin:12px 0 0;letter-spacing:-2px}.hero-copy h1 br{display:none}.hero-copy h1 em{color:var(--rust)}.hero-copy>p{font-size:12px;line-height:1.9;border-left:1px solid #c8b697;padding-left:25px;margin-left:auto}.seal{border:1px solid #ad604c;border-radius:50%;width:90px;height:90px;flex-shrink:0;text-align:center;display:flex;flex-direction:column;justify-content:center;font-size:10px;letter-spacing:2px;color:var(--rust);transform:rotate(12deg);line-height:1.5}.seal b{font-weight:500}.playground{display:grid;grid-template-columns:220px minmax(0,1fr);border:1px solid #d8cbb0;min-height:560px;background:#ede0c6;border-radius:5px;overflow:hidden}.field-notes{padding:30px 22px;background:#f8f0df;border-right:1px dashed #cdbc9c;z-index:1}.resources{margin-top:30px;display:grid;gap:16px}.resources>div{display:flex;align-items:baseline;gap:9px;font-size:11px}.resources strong{font-size:19px;font-weight:500}.resources .balance-row{flex-wrap:wrap;margin-bottom:14px}.balance-row strong{font:500 38px Playfair Display,serif}.balance-row svg{width:22px;height:22px;color:var(--teal)}.local-note{font-size:11px;line-height:1.7;opacity:.6;margin:24px 0}#harvest{padding:14px 12px;background:var(--teal);border-radius:3px;color:#fff6e3;display:flex;align-items:center;gap:8px;width:100%;font-size:12px;box-shadow:0 4px #174940}#harvest:hover{background:#348378}#harvest b{font-size:10px;margin-left:auto}.field-notes>small{display:block;font-size:9px;text-align:center;margin-top:13px;opacity:.65}.note-sketch{margin-top:28px;color:var(--rust);font-size:58px;text-align:center}.note-sketch p{font:italic 17px/1.3 Playfair Display,serif;margin:0}.world-area{position:relative;min-width:0;background:radial-gradient(ellipse at 50% 40%,#f6e8c9,#ead5ae)}.world-top{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;gap:15px;z-index:2}.world-tabs{display:flex;border:1px solid #bdab8999;border-radius:30px;padding:3px}.world-tabs button{padding:7px 14px;border-radius:20px;font-size:10px}.world-tabs button.active{background:#fff6e5}.world-top>#weather{font-size:10px;display:flex;align-items:center;gap:7px}#canvas-wrap{height:560px;width:100%;position:relative}#world{width:100%;height:100%;display:block;touch-action:none}#fallback{position:absolute;inset:20%;background:#f5eddc;padding:30px;text-align:center;font-size:14px;line-height:1.8}.map-label{position:absolute;bottom:70px;left:25px;font-size:10px;letter-spacing:2px;pointer-events:none}.map-label small{font-size:7px;letter-spacing:1px;display:block;margin-top:8px}.camera-controls{position:absolute;right:22px;bottom:62px;display:flex;gap:5px}.world-footer{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:0;left:0;right:0;padding:18px 24px;border-top:1px solid #ccb58c66;font-size:8px;letter-spacing:1px}.world-footer button{font-size:9px;display:flex;gap:6px;align-items:center}.workbench{padding:35px 0}.bench-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.bench-top h2{font:500 26px Playfair Display,serif;margin:8px 0 22px}.main-nav{display:flex;gap:5px;padding:4px;border:1px solid #d2c4aa;border-radius:4px;margin-bottom:15px}.main-nav button{font-size:11px;display:flex;align-items:center;gap:9px;padding:11px 18px;border-radius:3px}.main-nav button.active{background:var(--ink);color:#fff6e3}#panel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}#panel>.goal-card{grid-column:1/-1;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:14px 0;margin-bottom:4px}.goal-top{display:flex;gap:8px;align-items:center;font-size:8px;letter-spacing:1px;color:var(--teal)}.goal-card h3{font-size:12px;margin:0}.goal-card p{font-size:10px;margin:0 0 0 auto}.progress{width:80px;height:3px;background:#dbd0b8}.progress span{display:block;height:100%;background:var(--teal)}.section-row{display:flex;align-items:center;justify-content:space-between;grid-column:1/-1;gap:20px}.section-row h3{font:500 20px Playfair Display,serif;margin:0}.section-row>span{font-size:10px;opacity:.6}.filters{grid-column:1/-1;display:flex;gap:12px;margin:0 0 4px}.filters button{font-size:10px;border-bottom:1px solid transparent;padding:4px 0}.filters button.active{color:var(--rust);border-color:var(--rust)}.build-card{border:1px solid #d9ccb3;background:#f9f2e3;overflow:hidden;border-radius:4px;transition:transform .2s}.build-card:hover{transform:translateY(-3px)}.building-image{display:block;width:100%;height:142px;object-fit:contain;background:#ede1cb}.build-info{padding:16px}.build-info .top{display:flex;align-items:start;flex-direction:column;gap:5px}.build-info h4{font:500 18px Playfair Display,serif;margin:0}.level{font-size:9px;opacity:.65}.build-info p{font-size:10px;line-height:1.6;min-height:32px;margin:10px 0 15px;opacity:.7}.bottom{display:flex;flex-direction:column;gap:12px}.income{font-size:10px;color:var(--teal)}.buy-button{background:#efe1c5;border:1px solid #cdb994;display:flex;gap:6px;align-items:center;justify-content:center;border-radius:2px;padding:8px;font-size:11px}.buy-button span{margin-left:auto}.buy-button:hover{background:#e4cda6}.panel-note{grid-column:1/-1;font-size:12px;line-height:1.7;opacity:.7;margin:0 0 12px}.villager{padding:22px;background:#efe2c9;border:1px solid #d6c5a6;border-radius:4px}.villager h3{font:500 22px Playfair Display,serif}.villager .level{display:block;margin-top:5px}.villager p{font-size:12px;line-height:1.8}.villager button{background:var(--teal);color:#fff;padding:12px;font-size:11px;width:100%}#panel[data-mode=village],#panel[data-mode=collection]{grid-template-columns:repeat(3,1fr)}.collection-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.environment{min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid #cbb794;background:#eee0c5;border-radius:4px}.environment.active{border:2px solid var(--teal);color:var(--teal)}.environment strong{font:500 20px Playfair Display,serif}.environment small{font-size:10px}.stat-grid{display:flex;gap:20px;grid-column:1/-1;margin:15px 0}.stat-grid>div{padding:18px 25px;background:#eee2cd;flex:1;font-size:10px}.stat-grid strong{display:block;font:500 30px Playfair Display,serif;margin-bottom:8px}.primary,.secondary{padding:13px 18px;border-radius:3px;font-size:12px;display:inline-block}.primary{background:var(--teal);color:#fff4dd}.secondary{border:1px solid #cdbb9a;background:#f1e5ce}.wide{width:100%;margin:5px 0}.setting-row{display:flex;flex-direction:column;gap:10px;font-size:12px;margin:25px 0}.setting-row select{font:inherit;padding:12px;background:#f6ebd5;border:1px solid #cdbb9a;color:inherit}footer{display:flex;justify-content:space-between;gap:20px;padding:26px 0;border-top:1px solid var(--line);font-size:10px}footer>span:last-child{font-size:8px;letter-spacing:1px}dialog{border:1px solid #cdbb9a;background:#f9f0df;color:var(--ink);border-radius:7px;padding:35px;width:min(460px,90vw);max-height:85dvh;overflow:auto}dialog::backdrop{background:#32271988;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-close{position:absolute;right:12px;top:12px}dialog h2{font:500 32px Playfair Display,serif}dialog p{font-size:13px;line-height:1.7}dialog .building-image{height:190px;background:none}.float-text{position:fixed;z-index:30;color:var(--teal);font-weight:700;animation:float 1s ease-out forwards;pointer-events:none}@keyframes float{to{transform:translateY(-65px);opacity:0}}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);background:#3c4737;color:#fff6e5;padding:15px 25px;border-radius:4px;font-size:12px;opacity:0;pointer-events:none;z-index:70;max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%)}#intro{position:fixed;inset:0;z-index:20;pointer-events:none;background:linear-gradient(#eddbbaee,transparent 45%,#eddbbad9);display:flex;flex-direction:column;justify-content:space-between;padding:35px 5%;transition:opacity .5s}#intro.hidden{opacity:0;visibility:hidden}.intro-top,.intro-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px}.intro-top button{pointer-events:auto;border:1px solid #a58b69;border-radius:30px;padding:12px 18px;font-size:11px;letter-spacing:0}.intro-copy{text-align:center;margin-top:auto;margin-bottom:2vh}.intro-copy>p:first-child{font-size:10px;letter-spacing:4px}.intro-copy h1{font:500 clamp(35px,5vw,70px) "Playfair Display",serif;margin:10px}.intro-copy>p:last-child{font-size:12px}.intro-bottom{margin-top:30px;font-size:8px}.intro-progress{height:2px;background:var(--rust);width:30%;transform-origin:left;animation:progress 10.5s linear}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.intro-active{overflow:hidden}.intro-active #app>*{visibility:hidden}.intro-active .world-area,.intro-active #canvas-wrap,.intro-active #world{visibility:visible}.intro-active #canvas-wrap{position:fixed;inset:0;height:100dvh;z-index:19;background:radial-gradient(ellipse,#f1deb9,#ddbf91)}.intro-active .world-area>*:not(#canvas-wrap){visibility:hidden}.night .world-area{background:radial-gradient(ellipse,#8b9696,#686b7b)}.night .world-top,.night .world-footer,.night .map-label{color:#fff4dd}.no-script{position:fixed;z-index:50;inset:20%;padding:40px;background:#f5eddc}#panel[data-mode=collection]>h3{grid-column:1/-1}@media(min-width:1450px){#canvas-wrap{height:620px}.playground{grid-template-columns:250px 1fr}.field-notes{padding:40px 30px}}@media(max-width:1000px){.header-note{display:none}.hero-copy h1 br{display:block}.seal{display:none}.playground{grid-template-columns:180px 1fr}.field-notes{padding:25px 14px}#panel{grid-template-columns:repeat(3,1fr)}.goal-top{display:none}.build-card .building-image{height:150px}.hero-copy h1{font-size:47px}#canvas-wrap{height:540px}.bench-top h2{font-size:24px}.main-nav button{padding:10px}}@media(max-width:650px){header{height:80px;padding:0 5%;gap:8px}.brand{font-size:22px}.brand img{width:38px;height:38px}.brand small{font-size:7px}#save-state{display:none}.icon-button{width:31px;height:31px}.header-actions{gap:4px}main{padding:0 5%}.hero-copy{padding:28px 0 24px;gap:15px;align-items:end}.hero-copy h1{font-size:43px;letter-spacing:-1.5px}.hero-copy>.eyebrow{font-size:8px}.hero-copy>p{font-size:10px;padding-left:12px;max-width:130px;line-height:1.7}.playground{display:flex;flex-direction:column-reverse}.field-notes{border:0;border-top:1px dashed #cdbc9c;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:17px}.field-notes>.eyebrow,.local-note,.note-sketch,.field-notes>small{display:none}.resources{margin:0;gap:6px;grid-template-columns:1fr 1fr}.resources .balance-row{grid-column:1/-1;margin:0;gap:6px}.balance-row strong{font-size:27px}.resources>div{font-size:8px;gap:4px}.resources strong{font-size:13px}.resources .balance-row strong{font-size:27px}#harvest{align-self:center;font-size:11px;padding:14px 10px}#canvas-wrap{height:420px}.world-top{top:15px;left:12px;right:12px;gap:5px}.world-tabs button{padding:7px 9px;font-size:9px}.world-top>#weather{font-size:9px}.world-top>#weather svg{display:none}.map-label{left:14px;bottom:68px;font-size:8px}.map-label small{font-size:6px;max-width:145px;line-height:1.5}.camera-controls{right:12px;bottom:66px;gap:3px}.camera-controls .icon-button{width:28px;height:28px}.world-footer{padding:12px;font-size:7px}.world-footer>span{max-width:130px;line-height:1.5}.world-footer button{font-size:8px}.bench-top{display:block}.bench-top h2{font-size:26px;margin-bottom:18px}.main-nav{width:100%;justify-content:space-between}.main-nav button{flex:1;justify-content:center;font-size:11px}.workbench{padding:27px 0}#panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.goal-card{flex-wrap:wrap;gap:10px!important}.goal-card h3{font-size:11px}.goal-card p{margin:0;font-size:9px}.progress{margin-left:auto}.build-info{padding:12px}.build-info h4{font-size:17px}.build-info p{font-size:10px;min-height:48px}.building-image{height:140px}.section-row h3{font-size:20px}.section-row>span{font-size:9px}.collection-grid{grid-template-columns:repeat(2,1fr);gap:12px}.environment strong{font-size:16px}.environment small{font-size:8px}.environment{min-height:125px}#panel[data-mode=village],#panel[data-mode=collection]{grid-template-columns:1fr}.stat-grid{gap:10px}.stat-grid>div{padding:16px}footer{flex-wrap:wrap;font-size:9px}.intro-copy{margin-bottom:5vh}.intro-copy h1{font-size:38px}.intro-top{font-size:8px}.intro-bottom{font-size:7px;gap:10px}.intro-copy>p:last-child{font-size:10px;line-height:1.7}.intro-active #canvas-wrap{inset:5vh 0 15vh;height:80dvh}.no-script{inset:10%;padding:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}