:root{--paper:#f3f1e8;--ink:#263f38;--muted:#646e60;--line:#d8dccd;--wash:#e9eddf;--white:#fafbf5;--accent:#bd6a48}em{font-weight:400;color:#5b8069}.button{display:inline-block;border:1px solid var(--line);padding:11px 16px;border-radius:5px;font-size:12px}.button.primary{color:var(--paper);background:var(--ink)}.hero .eyebrow{font-size:9px}.hero h1{font-size:clamp(45px,5vw,76px)}.hero p{max-width:400px}.hero .flex{gap:22px}.hero .flex>span{font-size:8px}.resource-bar{display:grid;grid-template-columns:repeat(10,1fr);border:1px solid var(--line);background:var(--white);border-radius:7px;overflow:hidden}.resource{padding:16px 10px;border-right:1px solid var(--line);text-align:center}.resource:last-child{border:0}.resource .symbol{height:22px;font-size:18px;color:#75967d}.resource b{display:block;font:21px Georgia,serif;margin:7px 0 2px;color:var(--ink)}.resource span{font:9px monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.resource small{display:block;font:9px monospace;color:#6c9777;min-height:15px}.village-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0 22px}.village-name{font-size:29px;border:0;padding:5px 12px 5px 0}.village-heading .eyebrow{font-size:9px}.village-heading .button-row button{font-size:11px}.village-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:20px}.map-column{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#e8eddf}.map-top{padding:14px 18px;display:flex;justify-content:space-between;align-items:center;background:var(--white);border-bottom:1px solid var(--line)}.map-top .eyebrow{font-size:8px}.map-stage{height:550px;position:relative;background:radial-gradient(ellipse at center,#f2f4e8,#e0e7d6)}#town{width:100%;height:100%;display:block;touch-action:pan-y}.map-corner{position:absolute;top:20px;left:22px;font:14px Georgia,serif;pointer-events:none}.map-corner span{font:8px monospace;color:var(--muted)}.map-caption{position:absolute;left:20px;right:20px;bottom:15px;display:flex;justify-content:space-between;align-items:center;font:9px monospace;color:#7f8a76}.map-caption button{font-size:9px;background:#fafbf599}.plot-selector{display:flex;align-items:center;gap:15px;padding:14px 18px;background:var(--white);border-top:1px solid var(--line)}.plot-selector select{width:180px;padding:7px 10px;font-size:11px}.plot-selector label{font-size:10px;white-space:nowrap}.plot-selector>span{margin-left:auto;font:10px monospace}.village-bottom{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;background:var(--white);border-top:1px solid var(--line);font-size:10px}.village-bottom button{font-size:10px}.build-panel{border:1px solid var(--line);border-radius:7px;background:var(--white);overflow:hidden;align-self:stretch}.panel-tabs{display:flex;border-bottom:1px solid var(--line);padding:9px;gap:7px}.panel-tabs button{flex:1;border:0;font-size:11px}.panel-tabs .active{background:var(--ink);color:var(--paper)}#build-content{max-height:651px;overflow:auto;padding:0 18px}.build-item{width:100%;border:0;border-bottom:1px solid var(--line);padding:15px 0;display:grid;grid-template-columns:35px 1fr auto;gap:9px;align-items:center;text-align:left;border-radius:0}.build-item .icon{width:32px;height:32px;display:grid;place-content:center;background:var(--wash);font-size:18px;border-radius:5px}.build-item h3{font-size:12px;margin:0 0 4px}.build-item p{font-size:9px;margin:0}.build-item .unlock{font:9px monospace;color:var(--muted)}#plot-content{padding:25px 20px}#plot-content h2{font-size:28px}#plot-content p{font-size:12px}.plot-hero{font:46px Georgia,serif;color:#8b9c7e;margin-bottom:20px}.plot-meta{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0;font-size:11px}.plot-actions{display:grid;gap:8px;margin-top:22px}.plot-actions button{font-size:11px}.village-note{display:flex;align-items:center;gap:7px;margin:14px 0 50px;font-size:9px;color:var(--muted)}.village-note>span:last-child{margin-left:auto}.dot{width:5px;height:5px;border-radius:50%;background:#80a688}.activity-nav{display:flex;border-bottom:1px solid var(--line);gap:10px;margin-bottom:24px}.activity-nav button{border:0;border-radius:0;font-size:12px;padding:14px 18px;border-bottom:2px solid transparent}.activity-nav .active{border-bottom-color:var(--ink)}.recipe-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.production-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:30px}.recipe{padding:22px;border:1px solid var(--line);background:var(--white);border-radius:5px}.recipe h3{font:21px Georgia;margin:0 0 12px}.recipe p{font-size:11px}.recipe select{width:65px;padding:6px}.recipe button{font-size:10px;padding:8px 10px}.queue{background:var(--wash);padding:25px;border-radius:5px}.queue h3{font:24px Georgia}.queue-item{border-bottom:1px solid var(--line);padding:16px 0;font-size:12px}.queue-item>div{display:flex;align-items:center;justify-content:space-between}.queue-item small{font-size:10px;color:var(--muted)}.queue-item button{padding:3px 6px;border:0;color:#ae6550;font-size:10px}.queue-item progress{width:100%;height:4px;margin-top:12px;accent-color:var(--ink)}.order-person{font-size:9px;color:var(--muted)}.card.done{opacity:.58}.card button{font-size:11px}.guide{display:grid;grid-template-columns:1fr 1.4fr;gap:12%;border-top:1px solid var(--line);padding:55px 0 0;margin-top:65px}.guide>div>p{font-size:13px}.guide summary{font-size:12px}.guide details:first-child{border:0;padding-top:0}.field-equation{font:12px/1.8 monospace;padding:20px;background:var(--wash);border-radius:5px}.intro-village{display:flex;align-items:end;justify-content:center;gap:9px;height:110px}.intro-village i{display:block;width:40px;height:55px;background:#98b19a;position:relative;animation:grow 1.4s both}.intro-village i:before{content:'';position:absolute;bottom:100%;left:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:25px solid #a8674f}.intro-village i:nth-child(2n){height:80px;animation-delay:.1s}.intro-village i:nth-child(3){height:105px;animation-delay:.2s;background:#597f67}.intro-village i:nth-child(4){animation-delay:.3s}.intro-village i:nth-child(5){animation-delay:.4s}@keyframes grow{0%{transform:translateY(25px) scaleY(.5);opacity:0}55%,100%{transform:translateY(0) scaleY(1);opacity:1}}.skip{position:absolute;top:-80px;background:var(--ink);color:var(--paper);padding:10px;z-index:500}.skip:focus{top:0}#plan-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:70px 30px 65px;height:100%;align-content:center}#plan-grid button{min-height:65px;border-color:#bac8b0;background:#f5f7ed;font:20px Georgia}#plan-grid .selected{outline:2px solid var(--accent)}#plan-grid small{display:block;font:9px monospace;color:var(--muted)}#plan-grid .road{background:#d5c7a4}.forecast-totals{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0}.forecast-totals div{padding:12px;background:var(--wash);font:10px monospace}.forecast-totals b{display:block;font-size:20px;margin-top:5px}.save-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:13px 0;gap:15px}.save-item button{font-size:10px;padding:6px 9px}.save-item span{font-size:12px}.save-item small{font-size:9px;color:var(--muted)}@media(max-width:1100px){.village-layout{grid-template-columns:minmax(0,1fr) 280px}.resource-bar{grid-template-columns:repeat(5,1fr)}.resource:nth-child(-n+5){border-bottom:1px solid var(--line)}.resource{padding:11px}.resource .symbol{float:left;font-size:16px}.resource b{margin:0;font-size:18px}.resource small{display:none}.map-stage{height:470px}.village-heading{flex-wrap:wrap}.plot-selector{gap:9px}.plot-selector>span{font-size:9px}.production-layout{grid-template-columns:1fr 1fr}.recipe-grid{grid-template-columns:1fr}}@media(max-width:760px){.village-layout{grid-template-columns:1fr}.map-stage{height:390px}.build-panel{min-height:0}.build-item{padding:13px 0}#build-content{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;max-height:270px;padding:0 15px}.build-item .unlock{display:none}.build-item{grid-template-columns:30px 1fr}.village-heading .button-row{gap:6px}.village-heading .button-row button{font-size:10px;padding:9px 11px}.village-name{font-size:25px}.plot-selector{flex-wrap:wrap}.plot-selector>span{flex-basis:100%;margin:0}.map-top{padding:10px}.map-top .eyebrow{font-size:7px}.map-top .small{font-size:10px;padding:6px 8px}.village-note{flex-wrap:wrap;margin-bottom:30px}.village-note>span:last-child{flex-basis:100%;margin:0}.production-layout{grid-template-columns:1fr}.recipe-grid{grid-template-columns:1fr 1fr;gap:10px}.recipe{padding:16px}.recipe h3{font-size:20px}.activity-nav{overflow:auto;gap:0}.activity-nav button{font-size:11px;padding:12px}.guide{grid-template-columns:1fr;gap:25px;margin-top:40px}.resource{padding:10px 4px}.resource .symbol{float:none;font-size:14px}.resource b{font-size:18px}.resource span{font-size:8px}.village-bottom{gap:10px}.village-bottom>span{font-size:9px}.village-bottom button{white-space:nowrap;font-size:9px}#plan-grid{gap:5px;padding:65px 12px 55px}#plan-grid button{min-height:51px;padding:5px;font-size:18px}.forecast-totals{grid-template-columns:repeat(2,1fr)}.hero .flex>span{display:none}header .pw-connect{font-size:11px}}
#plan-grid{overflow:auto;align-content:start}#plan-grid button{min-width:0}@media(max-width:760px){#plan-grid{padding-top:48px;padding-bottom:50px}#plan-grid button{min-height:35px}.recipe-grid{grid-template-columns:1fr}.recipe h3{font-size:22px}.recipe p{font-size:12px}.recipe button{font-size:12px}}

.build-item h3{font-size:14px}.build-item p{font-size:10px}.build-item .unlock{font-size:10px}.resource span,.resource small{font-size:10px}