:root{--ink:#3b2a1e;--ink-soft:#6b5440;--paper:#fbf3df;--paper-2:#f3e5c4;--wood:#6b4527;--wood-dark:#3f2816;--wood-light:#9a6a3c;--gold:#f2c14e;--accent:#c0632b;--accent-dark:#8f4119;--good:#3f8a4a;--warn:#b5402f;--shadow:0 8px 22px #28180a52;--radius:14px;--heading:"Fraunces", Georgia, serif;--body:"Nunito Sans", system-ui, -apple-system, sans-serif;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--parchment-tex:url(/assets/ui/parchment.jpg)}*{box-sizing:border-box}html,body{height:100%;font-family:var(--body);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#2a1d12;margin:0;overflow:hidden}#world{touch-action:none;outline:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0}#overlay{pointer-events:none;background:radial-gradient(at 50% 45%,#0000 55%,#321e0a47 100%);position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}.hud>*,.title,.loading,.modal-wrap{pointer-events:auto}img{-webkit-user-drag:none}.panel{background:var(--parchment-tex) center / 320px, var(--paper);border:2px solid var(--wood);border-radius:var(--radius);box-shadow:var(--shadow), inset 0 0 0 1px #ffffff80, inset 0 0 24px #a0783c2e}button{font:inherit;color:inherit;cursor:pointer;border:2px solid var(--wood);background:linear-gradient(#fffaf0,#f3e5c4);border-radius:10px;padding:6px 10px;transition:transform 80ms,background .15s,box-shadow .15s,filter .15s}button:hover{filter:brightness(1.05)}button:active{transform:translateY(1px)scale(.98)}button:disabled,button[aria-disabled=true]{cursor:default}button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}button.primary{background:linear-gradient(#d9773a, var(--accent));border-color:var(--accent-dark);color:#fff;text-shadow:0 1px #00000040;box-shadow:0 3px 0 var(--accent-dark);font-weight:800}button.primary:disabled{opacity:.5}button.big{width:100%;margin-top:12px;padding:12px 16px;font-size:18px}.muted{color:var(--ink-soft)}.small{font-size:13px}.overlay{position:absolute;inset:0;overflow:hidden}.bubble{background:var(--paper);border:2px solid var(--wood);transform-origin:50% 100%;border-radius:50% 50% 50% 10%;place-items:center;width:40px;height:40px;animation:1.6s ease-in-out infinite bob;display:grid;position:absolute;top:0;left:0;box-shadow:0 4px 10px #28180a59}.bubble img{width:28px;height:28px}.bubble .glyph{white-space:nowrap;letter-spacing:-1px;text-align:center;color:#fff;background:var(--accent);border:1.5px solid #fff;border-radius:9px;width:18px;height:18px;font:900 11px/17px system-ui,sans-serif;position:absolute;top:-6px;right:-6px;overflow:hidden}.bubble .glyph.bad{background:var(--warn)}.bubble .glyph.info{background:#6b7f8f}@keyframes bob{50%{margin-top:-4px}}.floater{font:900 15px var(--body);color:#fff;text-shadow:0 1px 2px #0009,0 0 6px #0000004d;white-space:nowrap;align-items:center;gap:2px;display:flex;position:absolute;top:0;left:0}.floater img{filter:drop-shadow(0 1px 2px #0006);width:22px;height:22px}.floater.bonus{color:var(--gold);font-size:17px}.topbar{top:calc(10px + var(--safe-t));justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;left:10px;right:10px}.res{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.res-plaque{background:linear-gradient(#7a5230, var(--wood));border:2px solid var(--wood-dark);color:#fff6e0;font-variant-numeric:tabular-nums;border-radius:12px;align-items:center;gap:4px;height:40px;padding:0 12px 0 4px;display:inline-flex;box-shadow:inset 0 1px #ffdcaa59,0 4px 10px #1e120859}.res-plaque img{filter:drop-shadow(0 1px 1px #0006);width:32px;height:32px}.res-plaque b{font:800 17px var(--body);min-width:18px;display:inline-block}.res-plaque b.bump{animation:.45s ease-out bump}@keyframes bump{30%{color:var(--gold);transform:scale(1.35)}}.res-plaque small{color:#e8cfa6;font-weight:700}.res-plaque.warn,.res-plaque.full{border-color:#e8a33a}.res-plaque.warn b{color:#ffb4a0}.hungry{font:800 13px var(--body);color:#fff;background:var(--warn);border:2px solid #7a1f14;border-radius:10px;padding:6px 10px}.pulse{animation:1.1s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.07)}}.speed{align-items:center;gap:6px;display:flex}.clock{font:800 15px var(--body);font-variant-numeric:tabular-nums;color:#fff6e0;background:#28180a8c;border-radius:10px;padding:8px 10px}.seg{background:linear-gradient(#7a5230, var(--wood));border:2px solid var(--wood-dark);border-radius:12px;gap:2px;padding:3px;display:flex;box-shadow:0 4px 10px #1e120859}.seg button{color:#f3dcb6;background:0 0;border:none;border-radius:8px;min-width:36px;padding:5px 9px;font-weight:800}.seg button.on{background:var(--paper);color:var(--ink)}.menu-btn{background:linear-gradient(#7a5230, var(--wood));border-color:var(--wood-dark);color:#fff6e0;border-radius:12px;width:44px;height:44px;padding:0;font-size:20px}.paused-tag{top:calc(64px + var(--safe-t));font:800 13px var(--body);letter-spacing:.1em;text-transform:uppercase;color:#fff6e0;background:#28180ab3;border-radius:8px;padding:4px 10px;position:absolute;right:12px}.goals{top:calc(64px + var(--safe-t));background:var(--parchment-tex) center / 300px, var(--paper);border:2px solid var(--wood);width:286px;box-shadow:var(--shadow);border-radius:6px 6px 14px 14px;padding:6px 12px 10px;position:absolute;left:10px}.goals:before,.goals:after{content:"";border:1.5px solid var(--wood-dark);background:linear-gradient(#a0703f,#6b4527);border-radius:6px;height:10px;position:absolute;left:-6px;right:-6px}.goals:before{top:-6px}.goals:after{display:none}.goals-head{text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:6px 0 4px;display:flex}.goals-head:hover{filter:none}.goals-head img{width:30px;height:30px}.goals .chap{font:700 17px var(--heading);flex-direction:column;flex:1;line-height:1.05;display:flex}.goals .chap small{font:700 10px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.goals .count{color:var(--ink-soft);font-size:13px;font-weight:700}.chapter-bar{background:#6b45272e;border-radius:3px;height:5px;margin-bottom:6px;overflow:hidden}.chapter-bar>div{background:linear-gradient(90deg, #6aa84f, var(--good));height:100%;transition:width .4s}.goals ul{margin:0;padding:0;font-size:14px;list-style:none}.goals li{border-top:1px dashed #6b452733;align-items:baseline;gap:7px;padding:4px 0;display:flex}.goals li:first-child{border-top:none}.goals li .label{flex-direction:column;flex:1;display:flex}.goals li .label em{color:var(--accent-dark);margin-top:2px;font-size:12.5px;font-style:normal;font-weight:600}.goals li.done{color:var(--good)}.goals li.done .label{opacity:.7;text-decoration:line-through}.goals li.next{font-weight:800}.goals li .tick{text-align:center;width:14px}.goals li.next .tick{color:var(--accent)}.goals .prog{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:12.5px;font-weight:700}.goals-next{padding-bottom:2px;font-size:14px;font-weight:800}.buildbar,.placebar{bottom:calc(10px + var(--safe-b));max-width:calc(100vw - 20px);position:absolute;left:50%;transform:translate(-50%)}.shelf{scrollbar-width:none;border:2px solid var(--wood-dark);box-shadow:inset 0 2px 0 #ffdcaa4d, inset 0 -4px 0 #0003, var(--shadow);background:linear-gradient(#8a5c33,#5e3d22);border-radius:16px;gap:8px;padding:10px 10px 12px;display:flex;overflow-x:auto}.shelf::-webkit-scrollbar{display:none}.card{background:var(--parchment-tex) center / 200px, var(--paper);border:2px solid var(--wood-dark);border-radius:12px;align-content:start;justify-items:center;gap:2px;width:92px;min-width:92px;padding:6px 4px;display:grid;position:relative;box-shadow:0 3px #1e120880}.card:hover:not(.locked){transform:translateY(-3px);box-shadow:0 6px #1e120880,0 0 0 3px #f2c14e99}.card-icon{filter:drop-shadow(0 2px 2px #3c1e0a4d);width:52px;height:52px}.card-name{white-space:nowrap;font-size:12.5px;font-weight:800}.card-cost{gap:4px;font-size:12px;font-weight:800;display:flex}.cost{align-items:center;gap:1px;display:inline-flex}.cost img{width:18px;height:18px}.card.short .card-cost{color:var(--warn)}.card.locked{filter:grayscale(.85)brightness(.85);opacity:.8}.card .lock{color:var(--ink-soft);white-space:nowrap;font-size:10.5px;font-weight:800}.hotkey{font:800 10px var(--body);color:var(--ink-soft);opacity:.7;position:absolute;top:3px;left:5px}.placebar{align-items:center;gap:10px;min-width:min(520px,100vw - 20px);padding:8px 10px 8px 8px;display:flex}.placebar>img{width:48px;height:48px}.placebar .ptext{flex-direction:column;flex:1;font-size:14px;font-weight:700;display:flex}.placebar .ptext strong{font:700 17px var(--heading)}.placebar .ok{color:var(--good)}.placebar .warn{color:var(--accent-dark)}.placebar .bad{color:var(--warn)}.pbtns{gap:6px;display:flex}.pbtns button{padding:10px 14px;font-weight:800}.info{right:10px;top:calc(64px + var(--safe-t));width:290px;max-height:calc(100vh - 200px);padding:12px 14px;font-size:14px;position:absolute;overflow-y:auto}.info h3{font:700 19px var(--heading);flex-wrap:wrap;align-items:center;gap:6px;margin:0 22px 4px 0;display:flex}.h-icon{width:36px;height:36px}.tier-badge{font:800 11px var(--body);letter-spacing:.04em;text-transform:uppercase;border:1.5px solid var(--wood);background:#e9d3a8;border-radius:999px;padding:3px 7px}.tier-badge.t2{background:var(--gold)}.info p{margin:6px 0}.info .sub{color:var(--ink-soft);margin-top:0}.info .sub.alert{color:var(--accent-dark);font-weight:700}.info .doing{font-weight:800}.info .mats{flex-wrap:wrap;gap:12px;font-weight:800;display:flex}.info .mats span{align-items:center;gap:2px;display:inline-flex}.info .mats img{width:22px;height:22px}.info .close{background:0 0;border:none;padding:4px 8px;position:absolute;top:6px;right:6px}.crest{vertical-align:-2px;border:1.5px solid #00000059;border-radius:2px 2px 7px 7px;width:12px;height:16px;display:inline-block}.bar{background:#ead9b9;border:1px solid #6b45274d;border-radius:6px;height:10px;margin:6px 0;overflow:hidden}.bar>div{background:linear-gradient(90deg, #d79a4a, var(--accent));height:100%;transition:width .25s}.skills{gap:5px;margin:8px 0 4px;display:grid}.skill{grid-template-columns:1fr auto;gap:1px 6px;font-size:12.5px;display:grid}.sk-name{font-weight:800}.sk-tier{color:var(--ink-soft);text-align:right;font-weight:700}.sk-bar{background:#6b452726;border-radius:3px;grid-column:1/-1;height:6px;overflow:hidden}.sk-bar>div{background:#b9a37e;height:100%}.sk-bar>div.t1{background:linear-gradient(90deg, #6aa84f, var(--good))}.sk-bar>div.t2{background:linear-gradient(90deg,#f6d06e,#e0a92c)}button.danger{color:var(--warn);background:#fff7ee;border-color:#d8a89c;margin-top:8px;font-size:13px}button.danger.armed{background:var(--warn);color:#fff}.toasts{top:calc(66px + var(--safe-t));flex-direction:column;align-items:center;gap:6px;width:min(460px,100vw - 20px);display:flex;position:absolute;left:50%;transform:translate(-50%);pointer-events:none!important}.toast{background:var(--paper);border:2px solid var(--wood);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:14px;font-weight:700;animation:.4s cubic-bezier(.2,1.4,.4,1) toast-in;display:flex}.toast img{flex:none;width:34px;height:34px}.toast.good{border-color:var(--good)}.toast.warn{border-color:var(--warn);background:#fff1ea}.toast.big{box-shadow:var(--shadow), 0 0 0 3px #f2c14e80;background:linear-gradient(#fff8e2,#f7e3a8);border-color:#b8860b;font-size:15px}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.95)}}.banner{place-items:center;display:grid;position:absolute;top:26%;left:0;right:0;pointer-events:none!important}.banner-ribbon{text-align:center;color:#fff6e0;box-shadow:var(--shadow), inset 0 2px 0 #ffdcaa59;background:linear-gradient(#c0632b,#9a4a1c);border:3px solid #6b2f0f;border-radius:10px;padding:14px 48px 12px;animation:.6s cubic-bezier(.2,1.5,.4,1) banner-in,.6s ease-in 3.6s forwards banner-out}.banner-ribbon h2{font:700 30px var(--heading);text-shadow:0 2px #0000004d;margin:0}.banner-ribbon p{margin:2px 0 0;font-weight:700}@keyframes banner-in{0%{opacity:0;transform:scale(.6)rotate(-3deg)}}@keyframes banner-out{to{opacity:0;transform:translateY(-20px)}}.modal-wrap{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;background:#1e120873;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{width:min(460px,100%);max-height:calc(100dvh - 32px);padding:20px 22px;animation:.35s cubic-bezier(.2,1.4,.4,1) toast-in;position:relative;overflow-y:auto}.modal.wide{width:min(720px,100%)}.modal h2{font:700 26px var(--heading);margin:0 0 8px}.modal .close{background:0 0;border:none;font-size:18px;position:absolute;top:10px;right:10px}.modal.celebrate{text-align:center}.modal-icon{width:84px;height:84px}.field-label{font:800 12px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin:14px 0 6px;display:block}.choices{gap:6px;display:grid}.choices.row{grid-template-columns:repeat(3,1fr)}.choice{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;display:flex}.choice span{color:var(--ink-soft);font-size:12.5px}.choice.on{border-color:var(--accent);background:linear-gradient(#fff3d6,#f6dc9e);box-shadow:0 0 0 2px #c0632b59}.seed-row{gap:6px;display:flex}.seed-row input{font:700 18px var(--body);letter-spacing:.08em;border:2px solid var(--wood);color:var(--ink);background:#fffaf0;border-radius:10px;flex:1;min-width:0;padding:8px 12px}.seed-row button{padding:4px 12px;font-size:20px}.warn-note{color:var(--accent-dark);margin:10px 0 0;font-size:13px;font-weight:700}.slider{grid-template-columns:90px 1fr 34px;align-items:center;gap:10px;margin:4px 0;font-weight:700;display:grid}.slider input{accent-color:var(--accent)}.slider .val{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-soft)}.toggle{align-items:center;gap:8px;margin-top:14px;font-weight:700;display:flex}.toggle input{width:18px;height:18px;accent-color:var(--accent)}.howto-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.howto-step{align-items:flex-start;gap:10px;display:flex}.howto-step img{flex:none;width:64px;height:64px}.howto-step h3{font:700 17px var(--heading);margin:2px 0}.howto-step p{margin:0;font-size:14px}.controls{border-collapse:collapse;width:100%;margin-top:14px;font-size:13.5px}.controls th{text-align:left;font:800 11px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.controls td,.controls th{border-bottom:1px dashed #6b452740;padding:5px 6px}.controls td:first-child{font-weight:800}.title{flex-direction:column;justify-content:center;display:flex;position:fixed;inset:0}.title-backdrop,.loading-art{background-position:50%;background-size:cover;transition:opacity 1.4s;position:absolute;inset:-20px}.title .title-backdrop{filter:blur(6px)saturate(1.1)}.title.ready .title-backdrop{opacity:0}.title-vignette{background:linear-gradient(90deg,#1e12089e 0%,#1e120840 42%,#0000 70%),radial-gradient(#0000 50%,#1e120880 100%);position:absolute;inset:0}.title-col{flex-direction:column;align-items:stretch;gap:8px;width:min(440px,100%);margin-left:max(5vw,24px);animation:.9s cubic-bezier(.2,1,.3,1) rise;display:flex;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.logo{filter:drop-shadow(0 6px 14px #00000073);width:100%}.logo.small{width:min(360px,70vw)}.logo.tiny{width:220px;margin:0 auto 6px;display:block}.tagline{text-align:center;font:600 italic 17px var(--heading);color:#fff3d6;text-shadow:0 2px 6px #0009;margin:-6px 0 12px}.title-menu{flex-direction:column;gap:10px;display:flex}.plaque{text-align:left;border:2px solid var(--wood-dark);color:#fff3d6;background:linear-gradient(#8a5c33,#5e3d22);border-radius:14px;flex-direction:column;align-items:flex-start;padding:12px 18px;display:flex;box-shadow:inset 0 2px #ffdcaa4d,0 4px #140c0499,0 10px 22px #00000059}.plaque:hover{filter:brightness(1.12);transform:translate(4px)}.plaque.primary{background:linear-gradient(#e0843f,#b4561f);border-color:#6b2f0f}.pl-title{font:700 22px var(--heading);text-shadow:0 2px #0000004d}.pl-sub{opacity:.85;font-size:13px;font-weight:700}.pause .title-menu .plaque{padding:10px 16px}.pause .pl-title{font-size:19px}.title-error{color:#ffd1c4;text-shadow:0 1px 3px #000;font-weight:700}.title-foot{bottom:calc(10px + var(--safe-b));text-align:center;color:#fff3d6bf;text-shadow:0 1px 3px #000c;font-size:12px;font-weight:700;position:absolute;left:0;right:0}.loading{padding:calc(6vh + var(--safe-t)) 20px calc(7vh + var(--safe-b));background:#2a1d12;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0}.loading-art{animation:20s ease-out forwards slow-zoom}@keyframes slow-zoom{to{transform:scale(1.08)}}@keyframes fade-in{0%{opacity:0}}.loading .title-vignette{background:linear-gradient(#0000 55%,#1e1208b3),radial-gradient(#0000 55%,#1e120880 100%)}.loading .logo{position:relative}.loading-box{width:min(520px,100%);position:relative}.loading-label{color:#fff3d6;font:700 17px var(--heading);text-shadow:0 2px 4px #000000b3;justify-content:space-between;margin-bottom:6px;display:flex}.loading-bar{border:2px solid var(--wood-dark);background:#1e120899;border-radius:10px;height:18px;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}.loading-bar>div{background:linear-gradient(#ffd479,#e09a2c);height:100%;transition:width .25s;box-shadow:inset 0 2px #ffffff80}.tip{text-align:center;color:#f3e3c2;text-shadow:0 1px 3px #000c;margin:10px 0 0;font-size:14px;font-weight:700}@media (width<=720px){.topbar{top:calc(6px + var(--safe-t));flex-wrap:wrap;left:6px;right:6px}.res{gap:4px}.res-plaque{height:34px;padding:0 8px 0 2px}.res-plaque img{width:26px;height:26px}.res-plaque b{font-size:15px}.clock{display:none}.goals{top:calc(92px + var(--safe-t));width:min(250px,100vw - 12px);left:6px}.info{width:auto;top:auto;left:6px;right:6px;bottom:calc(128px + var(--safe-b));max-height:42vh}.buildbar{max-width:none;left:6px;right:6px;bottom:calc(6px + var(--safe-b));transform:none}.card{width:80px;min-width:80px}.card-icon{width:44px;height:44px}.placebar{min-width:0;left:6px;right:6px;bottom:calc(6px + var(--safe-b));transform:none}.toasts{top:auto;bottom:calc(132px + var(--safe-b))}.title{padding-bottom:calc(48px + var(--safe-b));justify-content:flex-end}.title-col{margin:0 auto;padding:0 18px}.title-vignette{background:linear-gradient(#0000 20%,#1e1208b3 75%),radial-gradient(at 50% 40%,#0000 50%,#1e120866 100%)}.pl-title{font-size:20px}.howto-grid,.choices.row{grid-template-columns:1fr}.banner-ribbon{padding:10px 22px 8px}.banner-ribbon h2{font-size:21px}.banner-ribbon p{font-size:13px}.toast:nth-last-child(n+3){display:none}.toast{padding:4px 10px 4px 4px;font-size:13px}.toast img{width:28px;height:28px}}