html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#8d8d88;height:100%;margin:0;font:13px/1.35 system-ui,sans-serif;overflow:hidden}#game{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{top:calc(8px + env(safe-area-inset-top,0px));left:calc(8px + env(safe-area-inset-left,0px));color:#fff;font-variant-numeric:tabular-nums;white-space:pre;pointer-events:none;background:#0000008c;border-radius:6px;padding:4px 8px;position:fixed}#hud.over-budget{background:#961e1ecc}#health{top:calc(10px + env(safe-area-inset-top,0px));pointer-events:none;background:#0000008c;border-radius:5px;width:160px;height:10px;margin-left:-80px;position:fixed;left:50%;overflow:hidden}#health-bar{background:#c8402f;height:100%}#xp{top:calc(24px + env(safe-area-inset-top,0px));pointer-events:none;background:#0000008c;border-radius:4px;width:160px;height:14px;margin-left:-80px;position:fixed;left:50%;overflow:hidden}#xp-bar{background:#b98a2e;height:100%}#level{color:#fff;text-align:center;font-size:11px;line-height:14px;position:absolute;inset:0}#minimap{top:calc(76px + env(safe-area-inset-top,0px));left:calc(8px + env(safe-area-inset-left,0px));pointer-events:none;border-radius:6px;width:120px;height:120px;position:fixed}#hurt{opacity:0;pointer-events:none;transition:opacity .35s;position:fixed;inset:0;box-shadow:inset 0 0 90px #c81e14cc}#hint{left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));color:#fff;text-align:center;pointer-events:none;background:#0000008c;border-radius:6px;max-width:calc(100% - 32px);padding:4px 10px;position:fixed;transform:translate(-50%)}#hint.top{top:calc(64px + env(safe-area-inset-top,0px));bottom:auto}#hint:empty{display:none}#touch-ui{pointer-events:none;position:fixed;inset:0}#stick{visibility:hidden;background:#0000002e;border:2px solid #ffffff8c;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:absolute}#stick-knob{background:#ffffffb3;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}#touch-ui button{color:#fff;pointer-events:auto;touch-action:none;background:#0000004d;border:2px solid #fff9;border-radius:50%;padding:0;font:600 13px system-ui,sans-serif;position:absolute}#btn-jump{right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(28px + env(safe-area-inset-bottom,0px));width:76px;height:76px}#btn-action{right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(116px + env(safe-area-inset-bottom,0px));width:92px;height:92px}#btn-action.ready{background:#be5f19a6;border-color:#ffb066}#btn-dodge{right:calc(120px + env(safe-area-inset-right,0px));bottom:calc(28px + env(safe-area-inset-bottom,0px));width:76px;height:76px}#btn-bag{top:calc(10px + env(safe-area-inset-top,0px));right:calc(10px + env(safe-area-inset-right,0px));width:64px;height:64px}#btn-build{top:calc(82px + env(safe-area-inset-top,0px));right:calc(10px + env(safe-area-inset-right,0px));width:64px;height:64px}#btn-build.on{background:#be5f19a6;border-color:#ffb066}#build-bar{top:calc(10px + env(safe-area-inset-top,0px));right:calc(84px + env(safe-area-inset-right,0px));flex-wrap:wrap;justify-content:flex-end;gap:8px;width:280px;display:flex;position:absolute}#build-bar[hidden]{display:none}#touch-ui #build-bar button{border-radius:10px;width:64px;height:44px;font-size:11px;position:static}#crosshair{pointer-events:none;background:#fff;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:fixed;top:50%;left:50%;box-shadow:0 0 0 1px #000}#prompt{color:#fff;text-align:center;pointer-events:none;background:#0009;border-radius:6px;min-width:150px;padding:5px 10px 7px;position:fixed;bottom:22%;left:50%;transform:translate(-50%)}#prompt-track{background:#ffffff40;border-radius:2px;height:4px;margin-top:4px}#prompt-bar{background:#ffb066;border-radius:2px;width:0;height:100%}#toast{color:#fff;text-shadow:0 1px 3px #000;pointer-events:none;font-size:16px;font-weight:600;position:fixed;top:30%;left:50%;transform:translate(-50%)}#inventory{box-sizing:border-box;color:#fff;pointer-events:none;background:#141414e0;border-radius:10px;width:min(320px,100% - 32px);padding:10px 12px 12px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#inventory h2{margin:0 0 8px;font-size:14px}#creator{top:8px;bottom:8px;left:calc(8px + env(safe-area-inset-left,0px));box-sizing:border-box;color:#fff;touch-action:pan-y;background:#141414e0;border-radius:10px;width:min(320px,100% - 16px);padding:10px 12px;position:fixed;overflow-y:auto}#creator[hidden]{display:none}#creator h2{margin:0 0 8px;font-size:15px}#creator p{opacity:.75;margin:8px 0;font-size:11px}.creator-row{grid-template-columns:1fr 36px 72px 36px;align-items:center;gap:4px;min-height:38px;font-size:12px;display:grid}.creator-row b{text-align:center;font-size:11px;font-weight:600}.creator-row button,#creator-actions button{color:#fff;background:#ffffff1f;border:1px solid #fff6;border-radius:6px;min-height:36px;padding:0;font:600 13px system-ui,sans-serif}#creator-actions{background:#1c1c1c;gap:6px;padding:6px 0 10px;display:flex;position:sticky;bottom:-10px}#creator-actions button{flex:1;min-height:42px}#creator-done{background:#be5f19bf!important;border-color:#ffb066!important}@media (max-width:500px){#creator{top:42%;left:8px}}#save-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}#save-actions button{color:#fff;pointer-events:auto;background:#ffffff1f;border:1px solid #fff6;border-radius:6px;flex:auto;min-height:36px;font:600 12px system-ui,sans-serif}@media (pointer:coarse) and (max-width:500px){#hud{top:calc(170px + env(safe-area-inset-top,0px))}#health{top:calc(150px + env(safe-area-inset-top,0px))}#xp{top:calc(164px + env(safe-area-inset-top,0px))}#minimap{top:calc(236px + env(safe-area-inset-top,0px));width:90px;height:90px}#prompt{bottom:calc(240px + env(safe-area-inset-bottom,0px))}}@media (max-height:500px){#inventory{pointer-events:auto;width:min(460px,100% - 32px);max-height:calc(100% - 16px);overflow-y:auto}#inventory .slot{aspect-ratio:2.4}}.slots{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.slot{aspect-ratio:1;box-sizing:border-box;background:#ffffff1a;border-radius:6px;flex-direction:column;justify-content:space-between;padding:4px;font-size:11px;display:flex;position:relative}.slot b{align-self:flex-end;font-size:15px}.item-wood{background:#875f3cbf}.item-stone{background:#7d7d7dbf}.item-water{background:#3c6e87bf}.item-metal{background:#5f646cbf}.item-glass{background:#6996a5bf}.item-wire{background:#877d3cbf}.item-pipe{background:#464c54bf}.item-bone{background:#968c7dbf}.item-clay{background:#a06446bf}