*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#79c9ef;color:#fff}body{touch-action:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block}
#hud{position:fixed;inset:0;pointer-events:none}.top{pointer-events:auto;position:absolute;top:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:9px 12px;background:rgba(12,24,35,.9);border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 8px 28px #0003;backdrop-filter:blur(8px)}.brand{font-size:19px;white-space:nowrap}.brand b{color:#71e078}.stats{display:flex;gap:10px;font-size:14px;white-space:nowrap}.stats span{padding:6px 9px;background:#ffffff12;border-radius:9px}.actions{display:flex;gap:6px}.actions button,.controls button{border:0;color:#fff;background:#ffffff15;padding:8px 10px;border-radius:9px;font-weight:800;cursor:pointer}.actions button:hover,.controls button:hover{background:#ffffff25}.quest{position:absolute;left:15px;top:78px;width:250px;padding:12px;background:#0c1823d9;border:1px solid #ffffff18;border-radius:14px;box-shadow:0 7px 22px #0002}.quest-title{font-weight:900;margin-bottom:4px}.quest-text{font-size:12px;opacity:.85;line-height:1.35}.progress{height:7px;background:#ffffff16;border-radius:99px;margin-top:8px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:#71e078;border-radius:99px}.toast{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);padding:11px 18px;border-radius:12px;background:#0c1823ed;font-weight:800;opacity:0;transition:.2s;box-shadow:0 10px 30px #0004}.toast.show{opacity:1}.controls{position:absolute;right:15px;top:78px;display:flex;gap:6px;pointer-events:auto}.controls button{font-size:13px}.controls .active{background:#5fcf6d;color:#08200d}.hotbar{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:7px;padding:8px;background:#0c1823ed;border:1px solid #ffffff18;border-radius:16px;pointer-events:auto;box-shadow:0 10px 30px #0003}.slot{position:relative;width:64px;height:68px;border:2px solid transparent;border-radius:11px;background:#ffffff0b;color:#fff;cursor:pointer}.slot.selected{border-color:#ffe96a;background:#ffe96a20;transform:translateY(-4px)}.slot .num{position:absolute;left:5px;top:3px;font-size:10px;opacity:.65}.slot .icon{font-size:28px;margin-top:9px}.slot .count{position:absolute;right:5px;bottom:4px;font-weight:900;font-size:11px}.slot .name{font-size:9px;opacity:.8;position:absolute;left:0;right:0;bottom:4px}.mobile{display:none}.help{position:absolute;bottom:95px;left:50%;transform:translateX(-50%);font-size:11px;padding:7px 11px;border-radius:9px;background:#0c182399;opacity:.8;white-space:nowrap}@media(max-width:700px){.top{width:calc(100% - 12px);top:6px;justify-content:space-between}.brand{font-size:14px}.stats{gap:3px;font-size:11px}.actions button{font-size:10px;padding:7px}.quest{top:59px;left:7px;width:205px;padding:9px}.controls{top:59px;right:7px}.help{display:none}.hotbar{bottom:7px;gap:3px;padding:5px;width:calc(100% - 10px);justify-content:center}.slot{width:calc((100vw - 35px)/8);height:61px;min-width:38px}.slot .icon{font-size:23px}.slot .name{display:none}.mobile{display:block;position:absolute;left:12px;bottom:100px;pointer-events:auto;text-align:center}.mobile button{width:42px;height:38px;margin:2px;border:0;border-radius:9px;background:#0c1823cc;color:#fff;font-weight:900}.mobile>button{display:block;margin:auto}.mobile div{display:flex}.mobile div button{margin:2px}}