*{box-sizing:border-box}html,body,#app,#game{width:100%;height:100%;margin:0;overflow:hidden;font-family:system-ui,Malgun Gothic,sans-serif;color:#fff}[hidden]{display:none!important}#game{display:block;image-rendering:pixelated}#cover{position:fixed;inset:0;z-index:2;display:grid;place-content:center;text-align:center;background:linear-gradient(#8bc9e6bb,#426e4aaa);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}h1{font-size:clamp(3rem,10vw,7rem);line-height:.75;letter-spacing:.04em;text-shadow:5px 5px #23422b;margin:0}#cover p{font-size:1.1rem;margin:1.6rem 0}button{font:inherit}#play{cursor:pointer;border:3px solid #f4e4b0;border-radius:0;background:#366e45;color:#fff;font-size:1.1rem;font-weight:700;padding:.85rem 1.8rem;box-shadow:4px 4px #1b3d29}#play:hover{background:#4f9258}small{display:block;line-height:1.7;margin-top:2rem;text-shadow:1px 1px #183422}#crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);font-size:27px;text-shadow:1px 1px #000}#status,#hint{position:fixed;font-size:.8rem;text-shadow:1px 1px 2px #000}#status{left:14px;top:12px;display:flex;gap:16px}#hint{right:14px;top:12px;opacity:.85}#hotbar{position:fixed;bottom:23px;left:50%;transform:translate(-50%);display:flex;gap:4px}.slot{position:relative;width:72px;height:55px;border:3px solid #493f36;background:#1c251dcc;color:#fff;cursor:pointer;padding:4px}.slot.selected{border-color:#fff;transform:translateY(-7px);background:#49533f}.slot i{display:block;width:25px;height:25px;margin:auto;border:2px solid #fff4}.slot b{position:absolute;left:4px;top:2px;font-size:11px}.slot span{font-size:10px;white-space:nowrap}@media(max-width:600px){.slot{width:48px}.slot span,#hint{display:none}}#gear{position:fixed;top:14px;right:14px;z-index:3;width:44px;height:44px;border:2px solid #f4e4b0;border-radius:50%;background:#243424cc;color:#fff;font-size:20px;line-height:1;cursor:pointer}#gear:hover{background:#365436cc}#settings{position:fixed;inset:0;z-index:4;display:grid;place-content:center;background:#0b1a10cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;padding:1.5rem}#settings h2{margin-top:0}#settings label{display:block;margin:1.2rem 0;font-size:.95rem;min-width:280px;text-shadow:1px 1px #183422}#settings input[type=range]{width:100%;margin-top:.5rem}#settings button{margin-top:1rem;cursor:pointer;border:3px solid #f4e4b0;background:#366e45;color:#fff;font-weight:700;padding:.6rem 1.6rem}#settings button:hover{background:#4f9258}#survival{position:fixed;left:14px;bottom:96px;display:flex;gap:14px;align-items:center;font-size:18px;letter-spacing:2px;text-shadow:1px 1px 2px #000}#hearts{color:#ef5151}#hunger{color:#e9a54b}#meat{font-size:12px;letter-spacing:0;color:#fff}.slot strong{position:absolute;right:4px;bottom:2px;font-size:13px;text-shadow:1px 1px #000}@media(max-width:600px){#survival{bottom:88px;font-size:14px;gap:8px}#meat{display:none}}