:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7f1df;background:#101711;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 35%,#263f2c,#101711 72%)}#app{position:relative}#game{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:default;image-rendering:pixelated;outline:none}.hud{position:absolute;z-index:2;border:1px solid rgba(255,248,218,.18);background:#111811e0;box-shadow:0 14px 40px #050a0652,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none}.health-card{top:24px;left:24px;padding:13px 15px;border-radius:4px 16px 16px}.eyebrow{margin:0 0 5px;color:#d8a94f;font-size:10px;font-weight:800;letter-spacing:.19em}.hp-bar{display:flex;gap:4px}.heart{color:#db665e;font-size:14px;line-height:1;filter:drop-shadow(0 2px rgba(0,0,0,.3))}.heart.empty{color:#4b3a37}.status-card{top:24px;right:24px;width:min(310px,calc(100vw - 48px));padding:17px 18px;border-radius:18px 4px 18px 18px}.status-heading{display:flex;align-items:center;justify-content:space-between;color:#f0c66c;font-family:Georgia,Times New Roman,serif;font-size:18px}.world-status{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);color:#9daa96;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.world-status strong{color:#f0c66c;font-size:10px}.coin-count{padding:4px 8px;border-radius:999px;color:#261d0b;background:#f0c66c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:800}.shop-panel{top:50%;left:50%;width:min(360px,calc(100vw - 32px));padding:22px;border-radius:20px;transform:translate(-50%,-50%);pointer-events:auto}.shop-panel[hidden]{display:none}.shop-panel h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:500}.shop-copy{margin:7px 0 16px;color:#aeba9f;font-size:11px}.shop-close{position:absolute;top:12px;right:12px;width:28px;height:28px;margin:0;padding:0;color:#d7decf;background:#ffffff12;font-size:18px}.shop-item{width:100%;display:flex;align-items:center;justify-content:space-between;margin:8px 0 0;padding:11px 12px;color:#f7f1df;background:#ffffff12;text-align:left}.shop-item:hover{background:#f0c66c24}.shop-item:disabled{cursor:default;opacity:.48}.shop-item span{display:grid;gap:2px}.shop-item small{color:#9daa96;font-size:9px;font-weight:500}.shop-item b{color:#f0c66c;font-size:10px}.shop-message{min-height:16px;margin:12px 0 0;color:#d9b968;font-size:10px}.npc-dialogue{left:50%;bottom:82px;width:min(520px,calc(100vw - 40px));padding:15px 18px;border-radius:17px;transform:translate(-50%);pointer-events:none}.npc-dialogue[hidden]{display:none}.npc-dialogue strong{color:#f0c66c;font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}.npc-dialogue p{margin:7px 0 5px;color:#f7f1df;font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.3}.npc-dialogue small{color:#899683;font-size:9px}.controls-card{left:24px;bottom:24px;display:flex;align-items:center;gap:15px;padding:11px 12px;border-radius:15px;pointer-events:auto}.control-group{display:flex;align-items:center;gap:6px;color:#9daa96;font-size:10px}kbd{min-width:32px;padding:5px 7px;border:1px solid rgba(255,255,255,.14);border-bottom-color:#ffffff42;border-radius:6px;color:#edf3e8;background:#ffffff12;box-shadow:inset 0 -2px #0003;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center;text-transform:uppercase}button{appearance:none;margin-left:2px;padding:7px 10px;border:0;border-radius:8px;color:#241b09;background:#e2b758;font-family:inherit;font-size:10px;font-weight:800;cursor:pointer}button:hover{background:#f0cc75}.location-card{right:24px;bottom:24px;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;color:#b9c7b4;font-size:10px;letter-spacing:.04em}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#9be76e;box-shadow:0 0 0 4px #9be76e1f}@media(max-width:720px){.health-card{top:12px;left:12px;padding:11px 13px}.status-card{top:12px;right:12px;width:200px;padding:13px 14px}.controls-card{left:12px;bottom:12px;gap:8px}.control-group span,.control-group:nth-child(3),.control-group:nth-child(4){display:none}.location-card{right:12px;bottom:12px}.npc-dialogue{bottom:72px}}