:root{font-family:Georgia,Times New Roman,serif;color:#ead8b9;background:#272326;font-synthesis:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button{font:inherit}#app{height:100vh;height:100svh;height:100dvh;min-height:540px;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#44362e,#272326 75%);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.masthead{flex:0 0 68px;display:flex;align-items:center;justify-content:space-between;padding:7px 5.3% 5px;position:relative;z-index:1}.brand{display:flex;align-items:center;gap:15px}.brand-mark{width:28px;height:40px;filter:drop-shadow(0 0 12px #eea34a30)}h1{font-weight:400;font-size:30px;letter-spacing:-.9px;margin:0;line-height:1.2;color:#f3dfba}.title-star{display:inline-block;margin-left:13px;vertical-align:middle;font-size:20px;color:#bc9461}.brand p{margin:5px 0 0;font-size:12px;letter-spacing:1px;color:#b3a18d}.header-note{color:#b7a58c;font:10px/1.6 system-ui,sans-serif;letter-spacing:2.2px}.header-note span{color:#cfaa74;font-size:21px;margin-right:10px;vertical-align:-2px}.scene{flex:1 1 auto;min-height:0;position:relative;isolation:isolate}.room,#fire,.hearth-aura{position:absolute;inset:0;width:100%;height:100%}#fire{pointer-events:none}.scene-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#272326 0%,transparent 13%,transparent 88%,#2c2524 100%)}.whisper{position:absolute;top:2%;left:50%;transform:translate(-50%,4px);opacity:0;margin:0;color:#ebd2aa;background:#302827e6;border:1px solid #b295692e;border-radius:40px;padding:9px 19px;font-size:13px;font-style:italic;text-align:center;white-space:nowrap;transition:opacity .6s,transform .6s;box-shadow:0 3px 15px #211d1e30}.whisper.visible{opacity:1;transform:translate(-50%)}.hearth-aura{pointer-events:none;opacity:0;transition:opacity .22s}.hearth-aura.welcoming{opacity:1}.fuel-tray{flex:0 0 155px;display:flex;flex-direction:column;align-items:center;padding:0 22px 6px;position:relative;z-index:1;background:linear-gradient(#2c252400,#2c252333)}.tray-caption{display:flex;align-items:center;gap:17px;color:#b9a58a}.tray-caption p{margin:0 0 4px;font-size:11px;font-style:italic}.tray-caption>span{width:47px;height:1px;background:linear-gradient(90deg,transparent,#9c805b70);margin-top:-6px}.tray-caption>span:last-child{transform:rotate(180deg)}.shelf-frame{width:min(740px,100%);position:relative;isolation:isolate}.shelf-frame:before{content:"";position:absolute;left:0;right:0;top:53px;height:21px;border-radius:4px 4px 7px 7px;background:linear-gradient(#bc9361,#826042 24%,#5f412e 29%,#795236 80%,#412d25);box-shadow:0 7px 12px #15141566,inset 0 -2px #b187522e;z-index:-1}.shelf-frame:after{content:"";position:absolute;top:69px;left:3%;right:3%;height:1px;background:repeating-linear-gradient(95deg,#d5ab6a50 0 30px,transparent 30px 45px);pointer-events:none;z-index:-1}.fuels{display:flex;width:100%;overflow-x:auto;overflow-y:hidden;padding:2px 0 4px;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b88b5e70 #352921}.fuels::-webkit-scrollbar{height:4px}.fuels::-webkit-scrollbar-track{background:#352921;border-radius:3px}.fuels::-webkit-scrollbar-thumb{background:#ac815970;border-radius:3px}.fuels.is-dragging{overflow-x:hidden;scroll-snap-type:none;scroll-behavior:auto;touch-action:none}.fuel{flex:0 0 25%;min-width:0;min-height:103px;padding:0 8px 3px;border:0;border-radius:12px;color:#e8d2ae;background:transparent;cursor:grab;scroll-snap-align:start;touch-action:pan-x pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.fuel svg{display:block;width:100%;height:62px;pointer-events:none;filter:drop-shadow(0 4px 3px #18161555);transition:opacity .15s,filter .2s}.fuel>span{display:block;max-width:150px;margin:3px auto 0;font-size:11px;line-height:1.25;min-height:28px;letter-spacing:.2px;pointer-events:none}.fuel:focus-visible{outline:2px solid #ffda91;outline-offset:-4px;background:#e8bd7520}.fuel.lifted svg{opacity:.2}.fuel.lifted>span{opacity:.65}@media(hover:hover){.fuel:hover svg{filter:drop-shadow(0 0 8px #f0bd6745)}}.shelf-cue{position:absolute;top:-20px;right:6px;color:#c3a074;font-size:13px;letter-spacing:2px;pointer-events:none}.hint{margin:6px 0 0;color:#beac94;font:11px/1.45 system-ui,sans-serif;letter-spacing:.2px;text-align:center}.hint span{color:#cfaa74;font-size:12px;margin-right:6px}.carrying-fuel{cursor:grabbing;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.dragged-fuel{position:fixed;top:0;left:0;width:120px;height:80px;z-index:100;pointer-events:none;will-change:transform}.carried-art{width:100%;height:100%;filter:drop-shadow(0 12px 7px #10101680);animation:pickup .18s ease-out}.carried-art svg{width:100%;height:100%}@keyframes pickup{0%{transform:scale(.85)}to{transform:scale(1)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){.scene{margin-inline:5%}.masthead{padding-inline:8%}}@media(max-height:780px)and (min-width:700px){.masthead{flex-basis:62px;padding-top:6px}h1{font-size:26px}.brand p{font-size:11px}.fuel-tray{flex-basis:150px}.fuel{min-height:101px}.fuel svg{height:64px}.shelf-frame{width:min(680px,100%)}.shelf-frame:before{top:55px}.shelf-frame:after{top:66px}.hint{margin-top:6px}}@media(max-width:699px){.masthead{flex-basis:67px;padding-inline:7%}.header-note{display:none}h1{font-size:26px}.scene{min-height:225px}.room,#fire,.hearth-aura{width:140%;left:-20%}.whisper{top:5%;font-size:12px;max-width:95%;white-space:normal}.fuel-tray{flex-basis:150px;padding-inline:12px}.fuel{min-height:99px;padding-inline:3px}.fuel svg{height:60px}.fuel>span{font-size:10px;min-height:32px}.shelf-frame:before{top:52px;height:20px}.shelf-frame:after{top:63px}.tray-caption p{font-size:12px}.tray-caption>span{width:25px}.hint{font-size:10px;max-width:320px;margin-top:8px}}@media(max-height:550px)and (orientation:landscape){#app{min-height:340px}.masthead{flex-basis:42px;padding-block:3px}h1{font-size:21px}.header-note{display:none}.brand p{display:block;font-size:9px;line-height:1.2;margin-top:1px;letter-spacing:.2px}.brand-mark{height:29px;width:22px}.fuel-tray{flex-basis:103px;padding-bottom:4px}.tray-caption{display:none}.shelf-frame{width:min(580px,100%)}.fuel{min-height:79px;padding-bottom:4px}.fuel svg{height:47px}.fuel>span{font-size:10px;line-height:1.2;min-height:25px}.shelf-frame:before{top:42px;height:17px}.shelf-frame:after{top:52px}.shelf-cue{top:-14px;font-size:10px}.hint{margin-top:5px;font-size:9px}.scene{min-height:0}.whisper{top:1%;padding:5px 14px;font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}#app{position:relative}.header-note{margin-right:66px}.strength-gauge{position:absolute;top:calc(env(safe-area-inset-top) + 13px);right:calc(env(safe-area-inset-right) + 22px);width:42px;z-index:3;display:flex;flex-direction:column;align-items:center;pointer-events:none}.gauge-crown{width:22px;height:27px;filter:drop-shadow(0 0 7px #edb35c40)}.gauge-vessel{position:relative;width:26px;height:128px;border:3px solid #ac8d60;border-radius:15px 15px 12px 12px;background:#251e1fe6;overflow:hidden;box-shadow:0 3px 14px #13141955,inset 0 0 5px #120f12;transition:box-shadow .5s}.gauge-fluid{position:absolute;inset:0;transform-origin:center bottom;transform:scaleY(.15);border-radius:9px;background:linear-gradient(#ffe3a1,#efb34c 35%,#c57837 80%,#ae5630);box-shadow:inset 0 2px 3px #ffedc3;transition:transform .45s ease-out}.gauge-glint{position:absolute;left:3px;top:7px;bottom:7px;width:3px;border-radius:5px;background:#fff6d229}.gauge-vessel i{position:absolute;right:0;width:6px;height:1px;background:#f2dab56b;top:25%}.gauge-vessel i:nth-of-type(2){top:50%}.gauge-vessel i:nth-of-type(3){top:75%}.strength-gauge>span{color:#c4ae8c;font-size:10px;margin-top:6px;letter-spacing:.5px}.strength-gauge.radiant .gauge-vessel{box-shadow:0 0 18px #ffc56d55,0 0 5px #ffe3a157,inset 0 0 5px #120f12}.draft-control{position:absolute;z-index:2;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border-radius:30%;outline-offset:2px}.draft-control:focus-visible{outline:2px dashed #ecc78a}.draft-control.adjusting{cursor:grabbing}.draft-art{position:absolute;top:0;left:0;width:190px;height:180px;transform:scale(var(--lever-scale, 1));transform-origin:0 0;overflow:visible;pointer-events:none;filter:drop-shadow(0 4px 3px #18191a55)}.draft-arm{transform-box:view-box;transform-origin:40px 90px;transition:transform .22s cubic-bezier(.2,.7,.3,1)}.adjusting .draft-arm{transition:none}.detent{fill:#766b51;stroke:#c0a77d;stroke-width:1.5;transition:fill .2s}.draft-control[data-mode=open] .detent-open,.draft-control[data-mode=neutral] .detent-neutral,.draft-control[data-mode=restricted] .detent-restricted{fill:#ffda8b}.draft-caption{position:absolute;bottom:-4px;left:6px;right:0;text-align:center;color:#d0bc9a;text-shadow:0 1px 3px #211b18;font-size:10px;pointer-events:none}@media(max-width:699px){.strength-gauge{right:calc(env(safe-area-inset-right) + 14px)}.gauge-vessel{height:105px;width:23px}}@media(max-height:550px)and (orientation:landscape){.strength-gauge{top:calc(env(safe-area-inset-top) + 7px);right:calc(env(safe-area-inset-right) + 12px);width:32px}.gauge-crown{width:16px;height:19px}.gauge-vessel{width:21px;height:76px;border-width:2px}.strength-gauge>span{font-size:9px;margin-top:3px}.draft-caption{font-size:9px}}@media(prefers-reduced-motion:reduce){.draft-arm,.gauge-fluid,.gauge-vessel,.detent{transition:none}}[hidden]{display:none!important}.gameplay{position:relative;display:flex;flex-direction:column;flex:1;width:100%;min-height:0}.gameplay.locked{pointer-events:none;user-select:none;-webkit-user-select:none}.gameplay>.strength-gauge{top:13px;right:22px}.gauge-danger-zone{position:absolute;left:0;right:0;top:0;overflow:hidden;background:#803b443b;border-bottom:1px solid #dd7e735c}.gauge-hot-fluid{position:absolute;inset:0;transform-origin:center bottom;transform:scaleY(0);background:linear-gradient(#ffaaa0,#f06e68 55%,#ce534c);box-shadow:inset 0 2px 4px #ffd0a9;transition:transform .45s ease-out,opacity .4s}.critical-marker{position:absolute;left:1px;right:1px;top:1px;height:3px;border-radius:4px;background:#ed6e70;z-index:2}.strength-gauge.overheating .gauge-vessel{box-shadow:0 0 15px #ef927150}.critical .critical-marker{background:#ff9a90;box-shadow:0 0 8px #ff796b;animation:critical-notch 1.3s ease-in-out infinite}.critical .gauge-danger-zone{animation:danger-glow 1.8s ease-in-out infinite}@keyframes critical-notch{50%{box-shadow:0 0 13px #ff8a78;opacity:.75}}@keyframes danger-glow{50%{filter:brightness(1.15)}}.resetting .gauge-fluid,.resetting .gauge-hot-fluid{transition:none}#disaster,.disaster-black{position:fixed;inset:0;width:100%;height:100%;pointer-events:auto}#disaster{z-index:30}.disaster-black{z-index:40;background:#121313;opacity:0}.aftermath{position:absolute;inset:0;background:#a6cf91;color:#45523d;z-index:20;overflow:hidden}.aftermath-art{display:block;width:100%;height:100%}.aftermath-controls{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 28px);left:calc(env(safe-area-inset-left) + 20px);right:calc(env(safe-area-inset-right) + 20px);display:flex;justify-content:center}#restart{min-width:230px;min-height:62px;padding:14px 28px;border:2px solid #9b784d;border-radius:22px;background:linear-gradient(#fff0c2,#e5c68e);color:#54432f;font-size:20px;box-shadow:0 4px #6d78543b,0 8px 26px #52634229,inset 0 1px #fffcdf;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#restart:active{transform:translateY(2px)}#restart:focus-visible{outline:3px solid #596d48;outline-offset:5px}#restart:disabled{cursor:default;opacity:.7}.meadow-cloud{animation:meadow-drift 27s ease-in-out infinite alternate}.cloud-two{animation-duration:38s;animation-delay:-15s}@keyframes meadow-drift{0%{transform:translate(-15px)}to{transform:translate(18px)}}.castle-smoke{animation:smoke-drift 4.5s ease-in-out infinite alternate}.smoke-two{animation-delay:-2s;animation-duration:5.5s}@keyframes smoke-drift{to{transform:translate(6px,-12px);opacity:.45}}.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important}@media(max-width:699px){.gameplay>.strength-gauge{right:14px}}@media(max-height:550px)and (orientation:landscape){.gameplay>.strength-gauge{top:7px;right:12px}.aftermath-controls{bottom:calc(env(safe-area-inset-bottom) + 14px)}#restart{min-height:52px;font-size:17px;padding-block:10px}}@media(prefers-reduced-motion:reduce){.gauge-hot-fluid{transition:none}}.strength-gauge{width:66px}.gauge-crown{width:33px;height:37px}.gauge-vessel{width:46px;height:260px;border-width:4px;border-radius:21px 21px 17px 17px}.header-note{margin-right:98px}.gauge-danger-zone{background:#b8843436}.gauge-hot-fluid{background:linear-gradient(#f6b664,#df9a45)}.gauge-critical-band{position:absolute;top:0;left:0;right:0;overflow:hidden;background:#b33e4d77;border-bottom:2px solid #f47f73}.gauge-critical-fluid{position:absolute;inset:0;transform:scaleY(0);transform-origin:center bottom;background:linear-gradient(#ffc0a5,#ee6f67);transition:transform .45s ease-out}.strength-gauge>.heat-alert{position:absolute;top:88px;right:calc(100% + 9px);padding:10px 15px;border:2px solid #b88c42;border-radius:13px;background:#f5d980;color:#634a24;box-shadow:0 4px 10px #19171a30;white-space:nowrap;font:600 16px/1.2 system-ui,sans-serif;letter-spacing:.1px;margin:0}.strength-gauge.critical>.heat-alert{background:#ec8b7e;color:#672f2b;border-color:#ac544e;animation:critical-sign 1.3s ease-in-out infinite}@keyframes critical-sign{50%{background:#ffd0aa;box-shadow:0 0 14px #ff92735c}}.resetting .gauge-critical-fluid{transition:none}@media(max-width:699px){.strength-gauge{width:56px}.gauge-vessel{width:39px;height:204px}.strength-gauge>.heat-alert{right:calc(100% + 6px);font-size:14px;padding:8px 11px}}@media(max-height:550px)and (orientation:landscape){.strength-gauge{width:50px}.gauge-crown{width:25px;height:28px}.gauge-vessel{width:38px;height:144px;border-width:3px}.strength-gauge>.heat-alert{top:49px;font-size:14px;padding:8px 12px}}@media(prefers-reduced-motion:reduce){.gauge-critical-fluid{transition:none}.strength-gauge.critical>.heat-alert{animation:none}}