*{box-sizing:border-box;margin:0}html,body{height:100%;font-family:Karla,system-ui,sans-serif;overflow:hidden}canvas{touch-action:none;display:block}.mono{font-family:IBM Plex Mono,monospace}.paper{color:#2a1a10;background:#f5ecd7;border:1px solid #d4c5a0;border-radius:10px;box-shadow:0 2px 8px #2a1a1040}#loading{z-index:100;color:#f5ecd7;background:linear-gradient(160deg,#2a1a10 0%,#4a2c14 55%,#e8801a 160%);flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .6s;display:flex;position:fixed;inset:0}#loading.hide{opacity:0;pointer-events:none}.ld-title{letter-spacing:4px;color:#e8801a;font-family:Anton,sans-serif;font-size:64px}.ld-tag{letter-spacing:5px;opacity:.85;font-size:13px}.ld-spin{border:4px solid #f5ecd740;border-top-color:#e8801a;border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ld-note{opacity:.75;font-size:14px}#hud{z-index:20;flex-direction:column;gap:3px;min-width:175px;padding:10px 14px;font-size:14px;display:flex;position:fixed;top:10px;left:10px}.hud-row{align-items:center;gap:8px;display:flex}.hud-k{text-align:center;width:20px}#power.warn,#water.warn{color:#c0392b;font-weight:700}#hint{z-index:20;color:#f5ecd7;background:#2a1a10d1;border-radius:8px;max-width:300px;padding:7px 12px;font-size:12px;position:fixed;top:10px;right:10px}#dock{z-index:20;width:min(96vw,980px);position:fixed;bottom:0;left:50%;transform:translate(-50%)}.dock-tabs{gap:6px;margin-bottom:-1px;display:flex}.dock-tab{color:#2a1a10;cursor:pointer;background:#d4c5a0;border:1px solid #b8a680;border-bottom:none;border-radius:8px 8px 0 0;padding:7px 18px;font-family:Karla,sans-serif;font-size:14px;font-weight:700}.dock-tab.active{background:#f5ecd7}.dock-panel{scrollbar-width:thin;background:#f5ecd7;border:1px solid #d4c5a0;border-radius:10px 10px 0 0;gap:6px;padding:10px;display:flex;overflow-x:auto}.dock-btn{color:#2a1a10;cursor:pointer;text-align:left;background:#fff;border:1.5px solid #d4c5a0;border-radius:8px;flex-direction:column;flex:none;align-items:flex-start;gap:2px;min-width:92px;padding:7px 10px;font-family:Karla,sans-serif;font-size:13px;font-weight:700;display:flex}.dock-btn small{color:#7a6a50;font-size:11px;font-weight:400}.dock-btn .swatch{border-radius:3px;width:12px;height:12px;margin-right:4px;display:inline-block}.dock-btn:hover:not(:disabled){border-color:#e8801a}.dock-btn.active{background:#ffe3bd;border-color:#e8801a}.dock-btn:disabled{opacity:.45;cursor:not-allowed}#toasts{z-index:30;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:64px;left:50%;transform:translate(-50%)}.toast{color:#f5ecd7;background:#2a1a10e6;border-radius:20px;padding:8px 16px;font-size:13px;animation:.25s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.8)}}@media (width<=640px){#hud{min-width:130px;padding:8px 10px;font-size:12px}#hint{display:none}.ld-title{font-size:42px}}