:root{color-scheme:dark;background:#16131a;font-family:system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:100%;min-height:100%;height:100%;margin:0;overflow:hidden}#app{display:flex;align-items:center;justify-content:center;position:relative}body{background:#16131a}canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}.game-hud{--hud-scale-x: 1;--hud-scale-y: 1;position:absolute;z-index:3;overflow:hidden;pointer-events:none;color:#342a26;font-family:Trebuchet MS,Inter,system-ui,sans-serif;font-synthesis:none;isolation:isolate}.game-hud__layout{position:absolute;inset:0 auto auto 0;width:512px;height:288px;transform:scale(var(--hud-scale-x),var(--hud-scale-y));transform-origin:top left}.game-hud__panel{position:absolute;top:8px;height:34px;border:1.5px solid #17222a;border-radius:2px;background:linear-gradient(180deg,#f4dfad,#e6c98e 72%,#d1ad6c);box-shadow:2px 2px #17222a7a}.game-hud__player{left:8px;display:flex;width:128px;align-items:center;gap:5px;padding:3px}.game-hud__portrait-plate{display:grid;width:26px;height:26px;flex:0 0 26px;place-items:center;overflow:hidden;border:1px solid #342a26;border-radius:2px;background:linear-gradient(135deg,#b97d4d,#815236);box-shadow:inset 0 0 0 1px #fff1c659}.game-hud__portrait{display:block;width:24px;height:24px;image-rendering:pixelated}.game-hud__player-details{display:flex;min-width:0;flex:1;align-self:stretch;flex-direction:column;justify-content:center;gap:3px}.game-hud__player-name{overflow:hidden;color:#342a26;font-size:8px;font-weight:900;line-height:9px;letter-spacing:.7px;text-overflow:ellipsis;text-shadow:0 1px 0 #fff1c6;white-space:nowrap}.game-hud__health{display:block;height:11px;padding:2px;border:1px solid #17222a;border-radius:2px;background:#17222a;box-shadow:inset 0 1px 1px #0000004d}.game-hud__health-track{position:relative;display:block;height:5px;overflow:hidden;border-radius:1px;background:#6f3f3c}.game-hud__health-value{display:block;width:100%;height:100%;border-right:1px solid rgb(23 34 42 / 40%);background:linear-gradient(180deg,#fa8c72 0 38%,#c94d47 38% 72%,#a5363c 72%);box-shadow:inset 0 .5px #ffd0a1;transition:width .12s ease-out}.game-hud__health-label{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;color:#fff1c67a;font-size:4px;font-weight:800;line-height:5px;letter-spacing:.65px;text-shadow:0 .5px 0 rgb(23 34 42 / 55%);white-space:nowrap}.game-hud__score{right:8px;display:flex;width:204px;height:26px;align-items:center;justify-content:flex-end;padding:0 7px}.game-hud__score-value{color:#173f2b;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:900;line-height:1;letter-spacing:0;text-shadow:0 1px 0 #fff1c6;white-space:nowrap}.game-hud__overlay{position:absolute;left:50%;display:flex;min-width:196px;max-width:330px;transform:translate(-50%);flex-direction:column;align-items:center;gap:3px;border:1.5px solid #f4dfad;border-radius:4px;color:#fff;background:#17222aed;box-shadow:3px 3px #00000059;text-align:center}.game-hud__overlay[hidden]{display:none}.game-hud__overlay strong{font-size:16px;font-weight:900;line-height:1.1;letter-spacing:.6px}.game-hud__overlay span{font-size:9px;font-weight:700;line-height:1.2}.game-hud__overlay--game-over{top:50%;transform:translate(-50%,-50%);padding:8px 12px}.game-hud__overlay--complete{top:70px;padding:6px 10px}@media(prefers-reduced-motion:reduce){.game-hud__health-value{transition:none}}.touch-controls{display:none;position:absolute;inset:0;z-index:2;align-items:flex-end;justify-content:space-between;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));pointer-events:none}.touch-controls__movement,.touch-controls__actions{display:flex;align-items:flex-end;gap:10px;pointer-events:auto}.touch-controls button{appearance:none;border:2px solid rgb(255 255 255 / 65%);color:#fff;background:#17222ab8;box-shadow:0 2px #00000059;font:700 12px/1 system-ui,sans-serif;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.touch-controls button:active,.touch-controls button:focus-visible{background:#2f6f8fe5;outline:2px solid #fff;outline-offset:2px}.touch-controls__joystick{--stick-x: 0px;position:relative;width:clamp(72px,18vw,96px);height:clamp(72px,18vw,96px);border-radius:50%}.touch-controls__stick{position:absolute;top:50%;left:50%;width:38%;height:38%;border-radius:50%;background:#ffffffad;transform:translate(calc(-50% + var(--stick-x)),-50%)}.touch-controls__button{min-width:clamp(58px,14vw,78px);min-height:clamp(52px,13vw,68px);border-radius:50%}.touch-controls__button--restart{display:none;min-width:auto;border-radius:8px;padding:0 12px}#app[data-game-status=game-over] .touch-controls__button--restart,#app[data-game-status=complete] .touch-controls__button--restart{display:block}@media(pointer:coarse),(any-pointer:coarse){.touch-controls{display:flex}}@media(pointer:coarse)and (orientation:portrait),(any-pointer:coarse)and (orientation:portrait){.touch-controls{padding-bottom:8px}.touch-controls__joystick{width:68px;height:68px}.touch-controls__button{min-width:54px;min-height:50px}}