:root{color-scheme:dark;--panel: #0d1210;--line: #23302a;--green: #52d98a}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#10241a 0,transparent 40%),#06100b;color:#eaf5ee;font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:flex;flex-direction:column;align-items:center;padding:20px 14px 40px}header{text-align:center;max-width:720px}h1{font-size:clamp(1.8rem,5vw,2.6rem);margin:6px 0 4px;letter-spacing:-.02em}.headline{color:#9fc9ac;font-size:.95rem;min-height:1.4em;margin:0 0 16px}main{width:100%;max-width:760px;display:flex;flex-direction:column;align-items:center;gap:10px}.stage{position:relative;width:100%;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 20px 60px #0007;touch-action:none}#world{display:block;width:100%;height:auto;cursor:crosshair;image-rendering:pixelated;image-rendering:crisp-edges}.hud{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.8rem;font-weight:700;color:#eaf5ee;text-shadow:0 1px 4px #000c;pointer-events:none}.health{display:flex;align-items:center;gap:6px}.health-bar{width:72px;height:9px;border-radius:5px;background:#0006;border:1px solid #ffffff33;overflow:hidden}#health-fill{display:block;height:100%;width:100%;background:linear-gradient(90deg,#52d98a,#8ff0ac);transition:width .2s ease}#health-fill.low{background:linear-gradient(90deg,#ff5d5d,#ff8e5d);animation:pulseLow .6s ease infinite}@keyframes pulseLow{50%{opacity:.55}}#community{position:absolute;top:34px;left:10px;color:#ffe17c;font-size:.75rem;font-weight:700;text-shadow:0 1px 4px #000c}.toast{position:absolute;left:50%;top:10px;translate:-50% 0;background:#0d1f16ee;border:1px solid #2f5544;padding:8px 16px;border-radius:999px;font-weight:700;font-size:.8rem;animation:pop 2.2s ease forwards;text-align:center;max-width:90%;pointer-events:none}@keyframes pop{0%{opacity:0;translate:-50% -8px}10%{opacity:1;translate:-50% 0}82%{opacity:1}to{opacity:0;translate:-50% -8px}}.touch-controls{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:space-between;padding:0 10px;pointer-events:none}.touch-btn{pointer-events:auto;width:54px;height:54px;border-radius:50%;border:1px solid #2f5544;background:#0d1f16cc;color:#eaf5ee;font-size:1.2rem;-webkit-user-select:none;user-select:none;touch-action:none}.touch-jump{align-self:flex-end}@media(hover:hover)and (pointer:fine){.touch-controls{display:none}}.complete{position:absolute;inset:0;background:#06100bdd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px}.complete h2{margin:0;font-size:1.3rem}.complete p{margin:0;color:#9fc9ac}.complete button,#share{background:var(--green);color:#04140b;border:0;font-weight:800;padding:.8rem 1.2rem;border-radius:12px;cursor:pointer}.controls,.about{color:#7c9385;font-size:.8rem;text-align:center;max-width:640px;margin:0}.about a{color:#8ed0ad}[hidden]{display:none!important}