:root{--ink:#edf3e8;--muted:#b9c2b2;--panel:#0e1310a8;--panel-strong:#090c0ad1;--line:#dbe6cc2e;--danger:#e95d45;--stamina:#d2b84c;--good:#76b66c;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;letter-spacing:0;background:#070907;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;overflow:hidden}button{font:inherit}#world{cursor:crosshair;width:100vw;height:100vh;display:block}.vignette{pointer-events:none;background:linear-gradient(#06080840,#0000 26% 68%,#07080775),radial-gradient(circle,#0000 42%,#0000005c);position:fixed;inset:0}.crosshair{pointer-events:none;width:18px;height:18px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:#f2f8e6d1;position:absolute;box-shadow:0 0 8px #000000a6}.crosshair:before{width:2px;height:18px;top:0;left:8px}.crosshair:after{width:18px;height:2px;top:8px;left:0}.hud{z-index:2;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:fixed;box-shadow:0 14px 40px #0000003d}.hud-top{border-radius:8px;align-items:center;gap:22px;min-width:min(500px,100vw - 36px);padding:12px 14px;display:flex;top:18px;left:18px}.brand{gap:3px;min-width:150px;display:grid}.brand span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.brand strong{font-size:17px;line-height:1.15}.bars{flex:1;gap:8px;display:grid}.bars label{color:var(--muted);grid-template-columns:64px 1fr;align-items:center;gap:8px;font-size:12px;display:grid}meter{width:100%;height:10px}meter::-webkit-meter-bar{background:#ffffff1f;border:0;border-radius:999px}#health::-webkit-meter-optimum-value{background:var(--danger);border-radius:999px}#stamina::-webkit-meter-optimum-value{background:var(--stamina);border-radius:999px}.hud-right{border-radius:8px;grid-template-columns:38px 1fr;align-items:stretch;gap:10px;width:min(280px,100vw - 36px);padding:10px;display:grid;top:18px;right:18px}.hud-right button{border:1px solid var(--line);width:38px;min-height:38px;color:var(--ink);cursor:pointer;background:#ffffff14;border-radius:6px}#objective{color:#d7dfcf;font-size:13px;line-height:1.28}.hotbar{z-index:2;border:1px solid var(--line);background:var(--panel-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;gap:8px;padding:8px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.hotbar button{border:1px solid var(--line);width:56px;height:52px;color:var(--ink);cursor:pointer;background:#ffffff14;border-radius:7px;place-items:center;gap:3px;display:grid}.hotbar button.active{outline:2px solid var(--good);background:#76b66c33}.swatch{border:1px solid #ffffff5c;border-radius:3px;width:24px;height:19px}.hotbar strong{font-size:12px;line-height:1}.prompt{z-index:3;border:1px solid var(--line);max-width:min(520px,100vw - 36px);color:var(--ink);text-align:center;background:#0b0e0ce0;border-radius:8px;padding:16px 20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 50px #00000059}.prompt:not(.visible){opacity:0;pointer-events:none}.prompt.danger{border-color:#e95d45cc}.toast{z-index:3;color:var(--ink);opacity:0;pointer-events:none;background:#080a08c7;border-radius:7px;padding:9px 12px;transition:opacity .16s,transform .16s;position:fixed;top:22%;left:50%;transform:translate(-50%)translateY(-8px)}.toast.visible{opacity:1;transform:translate(-50%)}@media (width<=720px){.hud-top{flex-direction:column;align-items:stretch;gap:10px;min-width:0;top:10px;left:10px;right:10px}.hud-right{width:min(250px,100vw - 20px);top:auto;bottom:92px;right:10px}.hotbar{bottom:12px}.hotbar button{width:48px;height:48px}}