*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#b6dfec;color:#fff;font-family:Arial,sans-serif;letter-spacing:0}canvas{display:block;touch-action:none}#scene{position:fixed;inset:0}header{position:fixed;left:24px;right:24px;top:22px;display:flex;justify-content:space-between;align-items:start;pointer-events:none}.brand{font-family:monospace;font-size:13px;font-weight:bold;text-shadow:0 2px 3px #28483f}.brand>span{display:block;font-size:35px;margin-top:2px}.brand small{font:9px Arial;color:#e5ffed;display:block;margin-top:5px}.tools{display:flex;gap:7px}button{font:inherit;border:1px solid #ffffff80;background:#243d3ed9;color:white;border-radius:4px;cursor:pointer;pointer-events:auto;touch-action:none}button:hover{background:#3a6059}button:focus-visible{outline:3px solid #ffe287;outline-offset:3px}.tools button{width:40px;height:40px;font-size:24px}#save-status{position:fixed;top:75px;right:24px;font-size:10px;text-shadow:0 1px 3px #173c35}#crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);font-size:24px;color:white;text-shadow:0 1px 3px #172f2f;pointer-events:none}#target{position:fixed;left:50%;top:calc(50% + 24px);transform:translateX(-50%);font-size:11px;text-shadow:0 1px 3px #173c35;pointer-events:none}#notice{position:fixed;left:50%;top:25px;transform:translateX(-50%);font-size:12px;text-shadow:0 1px 3px #173c35;max-width:40%;text-align:center;pointer-events:none}#explore{position:fixed;top:calc(50% + 57px);left:50%;transform:translateX(-50%);padding:11px 25px;font-weight:bold;font-size:13px;background:#fff0d3;color:#314b40;border:0}.inventory{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:min(460px,calc(100% - 24px));text-align:center}#selected-name{display:block;font-size:12px;text-shadow:0 1px 3px #152b21;margin-bottom:11px}#hotbar{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}#hotbar button{position:relative;aspect-ratio:1;background:#30473bd9;border:2px solid #8ba39a;padding:7px}#hotbar button.selected{border-color:#fff1a7;box-shadow:0 0 0 2px #354d3e}#hotbar img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}#hotbar kbd{position:absolute;top:2px;left:4px;font:9px Arial;color:white;text-shadow:0 1px 2px #000}#hotbar .infinity{position:absolute;bottom:0;right:3px;font-size:12px;text-shadow:0 1px 2px #000}.actions{position:fixed;right:24px;bottom:113px;display:flex;gap:7px}.actions button{min-width:44px;height:44px;padding:0 12px;display:flex;align-items:center;gap:7px}.actions b{font-size:23px}.actions span{font-size:11px}#jump{font-size:25px;justify-content:center}.pad{position:fixed;left:20px;bottom:112px;display:none;grid-template-columns:repeat(3,39px);gap:4px}.pad button{height:39px;font-size:22px}.pad button:first-child{grid-column:2}.pad button:nth-child(2){grid-column:1}#overlay{position:fixed;inset:0;background:#213d3ed9;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;gap:12px}#overlay[hidden]{display:none}#overlay small{font-size:11px;color:#ffe8a2}h1{font-size:32px;margin:4px 0 12px}#overlay button{width:230px;padding:14px}.primary{background:#ffe8a2;color:#2b413a;font-weight:bold}#new{background:transparent;color:#e6c4bd}@media(pointer:coarse),(max-width:700px){.pad{display:grid}}@media(max-width:600px){header{left:16px;right:16px;top:16px}.brand{font-size:10px}.brand>span{font-size:28px}.tools button{width:35px;height:35px}#save-status{right:16px;top:61px}#notice{top:110px;max-width:80%;width:80%}.inventory{bottom:15px}#hotbar{gap:3px}#hotbar button{padding:5px}#hotbar kbd{display:none}.pad{left:12px;bottom:92px}.actions{right:12px;bottom:95px;gap:5px;display:grid;grid-template-columns:repeat(2,66px)}.actions button{width:66px;padding:0 7px;justify-content:center}.actions span{font-size:10px}.actions #jump{grid-column:2}#break{grid-column:1}.actions b{font-size:19px}}