@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Marcellus&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--cream);margin:0;font-family:DM Sans,sans-serif}button,input{font:inherit}button{color:inherit}main{background:radial-gradient(circle at 50% 0,#fff 0,transparent 29rem),linear-gradient(135deg,#164f4c06 25%,transparent 25%) 0 0/32px 32px,var(--cream);min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#fffefae6;justify-content:space-between;align-items:center;height:78px;padding:0 max(5vw,24px);display:flex}.brand{color:var(--ink);letter-spacing:2px;align-items:center;gap:12px;font:18px Marcellus,serif;text-decoration:none;display:flex}.brand b{color:var(--gold);letter-spacing:4px;margin-top:2px;font:10px DM Sans;display:block}.rune,.shield{color:#fff;background:var(--teal);clip-path:polygon(50% 0,95% 18%,83% 82%,50% 100%,17% 82%,5% 18%);place-items:center;width:38px;height:44px;font:22px Marcellus;display:grid}.config-note{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.config-note i{background:#6f9c76;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e2ede2}.hero{text-align:center;padding:54px 20px 42px}.eyebrow,.section-label{color:var(--gold);letter-spacing:3px;font-size:11px;font-weight:700}.eyebrow span{margin-right:9px}.hero h1{letter-spacing:-1px;margin:16px 0 12px;font:52px/1.08 Marcellus,serif}.hero h1 em{color:var(--gold);font-style:normal}.hero p{color:var(--muted);margin:0;font-family:Marcellus;font-size:16px}.calculator{background:var(--paper);border:1px solid var(--line);border-radius:18px;width:min(1180px,100% - 36px);margin:auto;overflow:hidden;box-shadow:0 24px 70px #1e302c1f}.mode-tabs{border-bottom:1px solid var(--line);background:#f9f7f1;grid-template-columns:repeat(3,1fr);display:grid}.mode-tabs button{border:0;border-right:1px solid var(--line);color:#88908e;cursor:pointer;background:0 0;padding:19px;font-weight:600}.mode-tabs button:last-child{border-right:0}.mode-tabs button span{margin-right:9px}.mode-tabs button.active{background:var(--paper);color:var(--teal);box-shadow:inset 0 -3px var(--gold)}.tier-picker{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:16px 24px;display:flex}.tier-picker>.section-label{flex:none}.tiers{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:0;display:flex}.tiers button{border:1px solid var(--line);cursor:pointer;background:#f8f5ee;border-radius:8px;min-width:54px;padding:9px 14px;font-weight:700}.workspace{grid-template-columns:43% 57%;display:grid}.inputs-panel,.results-panel{padding:38px}.inputs-panel{border-right:1px solid var(--line)}h2{margin:0 0 6px;font:26px Marcellus}.inputs-panel>p{color:var(--muted);margin:0 0 27px;font-size:13px}.field{margin:0 0 20px;display:block}.field>span{margin-bottom:8px;font-size:12px;font-weight:700;display:block}.input-wrap{position:relative}.input-wrap input{background:#fbfaf6;border:1px solid #d5d0c4;border-radius:8px;outline:none;width:100%;padding:13px 46px 13px 14px;font-weight:700}.input-wrap input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f1e3ce}.input-wrap b{color:var(--gold);position:absolute;top:13px;right:15px}.field>small{color:#9a9f9c;margin-top:6px;font-size:10px;display:block}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.batch-callout{color:#5f574b;background:#f5efe4;border:1px solid #ddd1bd;border-radius:9px;align-items:center;gap:14px;padding:13px 16px;display:flex}.batch-callout>span{color:var(--gold);font-size:20px}.batch-callout b,.batch-callout small{font-size:12px;display:block}.batch-callout small{color:#8f8b82;margin-top:2px}.results-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.results-heading h2{margin-top:6px}.results-heading strong{color:var(--gold)}.resources{grid-template-columns:1fr 1fr;gap:10px;display:grid}.resource-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;align-items:center;gap:14px;padding:15px;display:flex}.resource-icon,.stat-icon{background:#eee;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.resource-card small,.resource-card b,.resource-card em{display:block}.resource-card small,.stat-grid small,.saved small{letter-spacing:1.2px;color:#939997;font-size:9px;font-weight:700}.resource-card b{margin:3px 0;font:22px Marcellus}.resource-card em{color:#aaa;font-size:9px;font-style:normal}.food .resource-icon{color:#b06842;background:#f4e2d5}.wood .resource-icon{color:#745539;background:#eae0d3}.stone .resource-icon{color:#6c777b;background:#e2e8e8}.gold .resource-icon{color:#ba812c;background:#f5e8c8}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.stat-grid>div{background:var(--paper);border:1px solid var(--line);border-radius:10px;min-height:112px;padding:18px 15px 14px 90px;position:relative}.stat-image{background-position:50%;background-size:cover;border-radius:10px;width:64px;height:64px;position:absolute;top:18px;left:14px;box-shadow:inset 0 0 0 1px #d09d4e66,0 5px 14px #00000047}.might-image{background-image:url(/resources/might.png)}.original-time-image{background-image:url(/resources/original-time.png)}.estimated-time-image{background-image:url(/resources/estimated-time.png)}.batches-image{background-image:url(/resources/batches.png)}.stat-grid small,.stat-grid b,.stat-grid em{display:block}.stat-grid b{margin:6px 0;font:20px Marcellus}.stat-grid em{color:#999;font-size:9px;font-style:normal}.highlight b{color:var(--gold)}.saved{background:var(--teal);color:#fff;border-radius:9px;align-items:center;gap:13px;margin-top:10px;padding:10px 18px 10px 10px;display:flex}.saved-image{background:url(/resources/time-saved.png) 50%/cover;border-radius:10px;flex:none;width:64px;height:64px;box-shadow:inset 0 0 0 1px #f1d39d59,0 4px 12px #0000004d}.saved small{color:#a9c2bf}.saved b{margin-top:3px;font:17px Marcellus;display:block}.saved em{background:#356b67;border-radius:12px;margin-left:auto;padding:5px 9px;font-size:9px;font-style:normal}footer{text-align:center;color:#9b9d98;letter-spacing:1px;padding:28px;font:11px Marcellus}footer span{color:#b89a69;margin:0 10px}@media (width<=760px){.config-note{display:none}.hero{padding:38px 18px 30px}.hero h1{font-size:38px}.calculator{width:calc(100% - 20px)}.workspace{grid-template-columns:1fr}.inputs-panel{border-right:0;border-bottom:1px solid var(--line)}.inputs-panel,.results-panel{padding:25px 20px}.mode-tabs button{padding:16px 6px}.tiers{gap:6px}.tiers button{min-width:44px;padding:8px 10px}.resources,.stat-grid{grid-template-columns:1fr 1fr}.resource-card{gap:10px;padding:12px}.resource-card b{font-size:18px}.stat-grid>div{min-height:112px;padding-top:78px;padding-left:15px}.stat-image{width:52px;height:52px;top:14px}.saved-image{width:52px;height:52px}.saved em{display:none}}@media (width<=430px){.topbar{height:68px}.brand{font-size:15px}.rune{width:33px;height:39px}.field-row{grid-template-columns:1fr}.resources{grid-template-columns:1fr 1fr}.resource-icon{width:32px;height:32px}.resource-card small{letter-spacing:.5px}.resource-card b{font-size:16px}}:root{--ink:#f3ead7;--muted:#aebdb8;--cream:#071f20;--paper:#0c2b2b;--teal:#164f4c;--gold:#c89445;--line:#30504b}main{isolation:isolate;background:linear-gradient(180deg,#0415166b,#071f20 78%),url(/og.png) center top/cover fixed no-repeat,var(--cream);padding:72px 0 1px;position:relative}main:before{content:"";z-index:-1;background:linear-gradient(#071f2033 0,#071f20c7 35rem,#071f20 72rem);position:absolute;inset:0}.calculator{background:var(--paper);border-color:#5a6756;box-shadow:0 24px 70px #0000005c}.mode-tabs{background:#092424}.mode-tabs button.active{background:var(--paper);color:#f1d8aa}.tiers button{color:#c2cec9;border-color:var(--line);background:#102f2e}.tiers button.active{color:#10211f;background:var(--gold);border-color:#dfb56f;box-shadow:0 5px 13px #0000004d}.input-wrap input{color:var(--ink);background:#092525;border-color:#48635e}.input-wrap input::placeholder{color:#6f817c}.batch-callout{color:#d8c8aa;background:#182f2c;border-color:#6f5938}.results-panel{background:#092525}.resource-card{border-color:var(--line);background:#0d302f;padding:12px}.resource-image{background-position:50%;background-size:cover;border-radius:10px;flex:none;width:64px;height:64px;box-shadow:inset 0 0 0 1px #d09d4e59,0 5px 15px #0000003d}.stat-grid>div{border-color:var(--line);background:#0d302f}.stat-grid .highlight{background:#182f2c;border-color:#a77a3c;box-shadow:inset 0 0 0 1px #6d5635}footer{color:#7f918c}@media (width<=760px){main{background-size:auto 540px;background-attachment:scroll;padding-top:34px}.resource-image{width:52px;height:52px}}@media (width<=520px){.tier-picker{gap:12px;padding:13px 14px}.tier-picker>.section-label{letter-spacing:1.5px;font-size:9px}.tiers{gap:5px}.tiers button{min-width:36px;padding:7px 8px;font-size:12px}}