.compact-pause{width:270px;padding:24px}.compact-pause h2{font-size:24px;margin:0 0 10px}.compact-pause p{margin-bottom:16px}
.station-panel{width:420px;left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-50%);max-height:calc(100vh - 70px);padding:22px}.station-panel h2{font-size:23px;margin:10px 0}.station-panel>p{font-size:11px;line-height:1.5;margin-bottom:18px}.station-panel #work-content{overflow:auto;min-height:100px}.station-panel #work-resume{display:none}
.craft-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.craft-slot{position:relative;aspect-ratio:1;border:1px solid #8d997b55;border-radius:7px;background:#dce4c9;color:#2c4837;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:7px;gap:4px}.craft-slot svg{width:36px;height:36px}.craft-slot span{font-size:9px}.craft-slot b{position:absolute;right:5px;top:4px;font-size:9px}.craft-slot:hover,.craft-slot:focus-visible{outline:2px solid #bd9658;outline-offset:1px}.craft-slot[aria-disabled=true]{background:#d9d7cb;color:#818375;cursor:not-allowed}.craft-slot[aria-disabled=true] svg{filter:grayscale(1);opacity:.4}
.station-status{margin-top:16px;font-size:11px;color:#76816b;min-height:30px}.station-status progress{height:6px;margin-top:8px}.station-output:empty{display:none}.output-slot{display:flex;align-items:center;width:100%;gap:12px;background:#dce7c9;border:1px solid #87a56f;border-radius:7px;color:#284934;padding:10px;margin:7px 0}.output-slot svg{width:30px;height:30px}.output-slot span{font-size:12px}.output-slot b{font-size:11px;margin-left:auto}.station-actions{display:flex;gap:7px;align-items:center;border-top:1px solid #9ba48933;padding-top:14px;margin-top:12px}.station-actions .small-button{background:transparent;border:1px solid #94a28355;color:#3d5844;padding:7px 10px}.station-actions>span{font-size:9px;color:#919583;margin-left:auto;max-width:130px}
#recipe-tooltip{position:fixed;z-index:20;width:270px;background:#1f382e;color:#fcf4df;padding:15px;border:1px solid #d5be8155;border-radius:8px;box-shadow:0 10px 30px #10261944;pointer-events:none;font-size:12px}#recipe-tooltip strong{display:block;font-size:13px;margin-bottom:5px}.tooltip-time{font-size:10px;color:#b9c4a4}.ingredient{display:flex;align-items:center;gap:8px;margin-top:10px}.ingredient svg{width:24px;height:24px}.ingredient b{margin-left:auto;font-size:11px}.ingredient.enough{color:#d3e2ae}.ingredient.missing{color:#e6a687}#recipe-tooltip p{font-size:10px;line-height:1.5;margin:12px 0 0;color:#c3c9af}
#build-palette{position:absolute;bottom:164px;left:50%;transform:translateX(-50%);width:580px;padding:13px;background:#233c30ee;border:1px solid #b8c39466;border-radius:10px;color:#fff5dc}.palette-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;margin-bottom:10px}.palette-top span{font-size:9px;color:#b9c4a7}.palette-items{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.palette-slot{padding:5px 2px;background:#82907925;border:1px solid #a7b48b40;border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:4px}.palette-slot svg{width:30px;height:30px}.palette-slot span{font-size:8px}.palette-slot.selected{border:2px solid #e3c580;background:#e1c98130}.palette-slot.unavailable svg{filter:grayscale(1);opacity:.45}.palette-cost{font-size:10px;margin-top:10px}.palette-cost .enough{color:#d5e4b0}.palette-cost .missing{color:#e5b18f}body:has(#build-palette:not([hidden])) #build-hint{bottom:323px;font-size:11px;padding:9px 15px}
#capture-hint{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);padding:10px 16px;border-radius:6px;border:1px solid #c7cfa380;background:#264735df;color:#fff0ce;font-size:12px}
@media(max-width:700px){#build-palette{width:calc(100vw - 30px)}.palette-top{align-items:flex-start}.palette-top span{max-width:170px;text-align:right}.palette-slot span{font-size:7px}.palette-slot svg{width:25px;height:25px}.station-panel{width:min(420px,calc(100vw - 30px));left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%)}}