:root{color:#ecf0df;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#161b1a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;position:relative;overflow:hidden}body{min-width:320px}canvas{display:block}.hidden{display:none!important}.html-hud{z-index:10;pointer-events:none;color:#f4f0da;font-size:13px;position:absolute;inset:0}.hud-hit,.hud-hit *{pointer-events:auto}.hud-topbar{white-space:nowrap;background:#101615e0;border-bottom:1px solid #3b463bf2;justify-content:center;align-items:center;gap:16px;height:42px;padding:0 12px;display:flex;position:absolute;top:0;left:0;right:0}.hud-resources{align-items:center;gap:14px;display:flex}.hud-resource{color:#f4f0da;align-items:center;gap:6px;min-width:48px;display:inline-flex}.hud-resource img{image-rendering:auto;width:16px;height:16px}.hud-time{gap:5px;width:128px;display:grid}.hud-time-text{height:14px;line-height:14px}.hud-time-segments{grid-template-columns:repeat(4,1fr);gap:3px;height:4px;display:grid}.hud-time-segment{opacity:.36;background:#aeb9a6}.hud-time-segment.active{opacity:1;outline:1px solid #f4f0dabf}.hud-time-segment.morning{background:#d8b65c}.hud-time-segment.midday{background:#f0d58a}.hud-time-segment.evening{background:#c77c5c}.hud-time-segment.night{background:#7da3c7}.hud-colonists,.hud-button,.hud-action-button,.hud-tool-button,.hud-priority,.hud-tab,.hud-colonist-row{color:#f4f0da;font:inherit;cursor:pointer;background:#202b27;border:1px solid #3b463bf2}.hud-colonists{width:132px;height:28px}.hud-vitals{color:#aeb9a6;text-overflow:ellipsis;min-width:142px;max-width:320px;overflow:hidden}.hud-debug{color:#f0d58a;align-items:center;gap:8px;display:flex}.hud-debug-text{width:190px}.hud-debug-bars{align-items:end;gap:1px;width:120px;height:18px;display:flex}.hud-debug-bars span{background:#8ccf61;flex:1px;min-width:1px}.hud-debug-bars .warn{background:#f0d58a}.hud-debug-bars .danger{background:#a45a4e}.hud-panel{background:#101615f0;border:1px solid #3b463bf2;box-shadow:0 8px 18px #00000038}.hud-bottom-bar{background:#101615f0;border:1px solid #3b463bf2;justify-content:center;align-items:center;gap:12px;width:min(460px,100vw - 24px);height:58px;padding:10px 14px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.hud-action-button{min-width:78px;height:38px;padding:0 18px}.hud-action-button.active,.hud-button.active,.hud-tab.active{background:#789346;border-color:#c6dfa1}.hud-popover{width:min(448px,100vw - 24px);padding:16px;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}.hud-popover-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.hud-tool-button{text-align:left;min-height:44px;padding:10px 12px}.hud-tool-button small{color:#aeb9a6;margin-top:4px;display:block}.hud-work-table{grid-template-columns:minmax(78px,1fr) repeat(7,42px);align-items:center;gap:6px;display:grid}.hud-work-heading{color:#aeb9a6;text-align:center;font-size:11px}.hud-work-name{text-overflow:ellipsis;overflow:hidden}.hud-priority{height:30px}.hud-priority.priority-1{background:#789346;border-color:#c6dfa1}.hud-priority.priority-0{color:#aeb9a6;background:#313832}.hud-priority.priority-2{background:#40513b}.hud-priority.priority-3{background:#303d36}.hud-actor-panel{width:min(260px,100vw - 32px);min-height:220px;padding:14px;position:absolute;bottom:88px;left:16px}.hud-production-panel{width:min(304px,100vw - 32px);padding:14px;position:absolute;bottom:18px;left:16px}.hud-panel-header{justify-content:space-between;align-items:start;gap:10px;display:flex}.hud-panel-title{font-size:14px;font-weight:700}.hud-muted,.hud-small{color:#aeb9a6;font-size:12px}.hud-small{margin-top:6px}.hud-tabs{gap:6px;margin:12px 0;display:flex}.hud-tab{height:24px;padding:0 14px}.hud-need{grid-template-columns:74px 1fr;align-items:center;gap:8px;margin:9px 0;display:grid}.hud-need>div{background:#313832;height:8px}.hud-need b{height:8px;display:block}.hud-need .hp{background:#8ccf61}.hud-need .food{background:#d8b65c}.hud-need .sleep{background:#7da3c7}.hud-need .happy{background:#f0d58a}.hud-mood-list{gap:8px;display:grid}.hud-mood-positive{color:#8ccf61}.hud-mood-negative{color:#d47b52}.hud-colonist-dropdown{width:250px;padding:8px;position:absolute;top:48px;left:50%;transform:translate(-50%)}.hud-colonist-row{text-align:left;justify-content:space-between;align-items:center;gap:10px;width:100%;height:34px;padding:0 10px;display:flex}.hud-colonist-row+.hud-colonist-row{margin-top:6px}.hud-colonist-row.active{border-color:#c6dfa1}.hud-section-title{color:#aeb9a6;text-transform:uppercase;margin-top:12px;margin-bottom:6px;font-size:11px}.hud-recipe-list{gap:8px;display:flex}.hud-order-list{gap:6px;display:grid}.hud-order-row{justify-content:space-between;align-items:center;gap:8px;min-height:30px;display:flex}.hud-button{min-height:28px;padding:0 10px}.hud-button.danger{background:#a45a4e}.hud-stepper{align-items:center;gap:6px;display:inline-flex}.hud-stepper b{text-align:center;min-width:28px}@media (width<=760px){.hud-topbar{justify-content:start;gap:8px;overflow:hidden}.hud-time{width:104px}.hud-vitals{display:none}.hud-popover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}