html,body{margin:0;height:100%;overflow:hidden;background:#020503;color:#d7e1d8;font-family:Inter,system-ui,Arial,sans-serif}#game{position:fixed;inset:0}canvas{display:block}#hud{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 55%,transparent 34%,rgba(0,0,0,.5) 100%)}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#d9ffe0aa;font-size:22px;text-shadow:0 0 8px #bff}#bars{position:absolute;left:24px;bottom:24px;width:260px;display:grid;gap:10px}label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#cbd8ce}label span{float:right}b{display:block;height:7px;margin-top:4px;background:#18231d;border:1px solid #526057;box-shadow:0 0 18px #000 inset}i{display:block;height:100%;width:100%;background:#9bd0a7;transition:.2s}#healthBar{background:#b95252}#staminaBar{background:#d6c06f}#dogBar{background:#8db8ff}.panel{pointer-events:auto;position:absolute;right:24px;top:24px;width:min(340px,calc(100vw - 48px));padding:22px;background:rgba(6,12,9,.82);border:1px solid #5c6f63;box-shadow:0 20px 60px #000;color:#edf5ef;backdrop-filter:blur(8px)}.hidden{display:none}button{background:#c7d7c9;color:#07100a;border:0;padding:11px 18px;font-weight:800;cursor:pointer}#hint{position:absolute;left:50%;top:24px;transform:translateX(-50%);padding:10px 14px;border:1px solid #677;background:#07100acc;color:#d8e8db;font-size:13px;text-align:center}#message{position:absolute;left:50%;bottom:92px;transform:translateX(-50%);font-weight:800;color:#fff;text-shadow:0 2px 8px #000}#items{display:grid;grid-template-columns:1fr auto;gap:8px;color:#dbe6dd}h1,h2{margin-top:0;letter-spacing:.12em}