html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}body{position:fixed;inset:0}#game,canvas{touch-action:none;width:100vw;height:100dvh;position:fixed;inset:0}.hud-bottom{padding-bottom:env(safe-area-inset-bottom)}.hud-right{padding-right:env(safe-area-inset-right)}body{color:#f2f2f2;background:#1d1f24}#build-badge{top:calc(env(safe-area-inset-top) + 6px);left:calc(env(safe-area-inset-left) + 8px);z-index:1000;pointer-events:none;color:#fff;white-space:nowrap;background:#00000073;border-radius:4px;padding:2px 6px;font-size:12px;line-height:1.2;position:fixed}#loading{z-index:500;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#1d1f24;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}#loading .bar{background:#ffffff26;border-radius:6px;width:min(70vw,360px);height:12px;overflow:hidden}#loading .fill{background:#ffc83d;width:0%;height:100%;transition:width .12s linear}#play{z-index:600;min-width:180px;min-height:64px;font:inherit;color:#1d1f24;touch-action:manipulation;cursor:pointer;background:#ffc83d;border:0;border-radius:16px;padding:0 32px;font-size:24px;font-weight:700;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#unsupported{z-index:700;padding:24px calc(env(safe-area-inset-right) + 24px) 24px calc(env(safe-area-inset-left) + 24px);text-align:center;color:#f2f2f2;background:#1d1f24;justify-content:center;align-items:center;font-size:18px;line-height:1.5;display:flex;position:fixed;inset:0}#touch-zone{z-index:100;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;position:fixed;inset:0}#joystick-base{box-sizing:border-box;pointer-events:none;background:#14161c40;border:2px solid #ffffff8c;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:fixed;top:0;left:0}#joystick-base[hidden]{display:none}#joystick-knob{pointer-events:none;background:#ffffffbf;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}[data-hud-button]{z-index:200;box-sizing:border-box;color:#fff;min-width:56px;min-height:56px;font:inherit;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:fixed}[data-hud-button][hidden]{display:none}[data-hud-button] svg{pointer-events:none}#btn-context{right:calc(env(safe-area-inset-right) + 24px);bottom:calc(env(safe-area-inset-bottom) + 24px);color:#1d1f24;background:#ffc83de6;border-radius:50%;width:96px;height:96px;box-shadow:0 2px 8px #00000059}#btn-context svg{width:52px;height:52px}#btn-context:active{transform:scale(.94)}#btn-pause{top:calc(env(safe-area-inset-top) + 12px);right:calc(env(safe-area-inset-right) + 12px);background:#00000073;border-radius:14px;width:56px;height:56px}#btn-pause svg{width:28px;height:28px}#pause-menu{z-index:400;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);touch-action:manipulation;background:#0a0c1099;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#pause-menu[hidden]{display:none}#pause-menu .panel{color:#f2f2f2;text-align:center;background:#2a2d34;border-radius:16px;flex-direction:column;align-items:stretch;gap:16px;min-width:min(80vw,280px);max-height:90dvh;padding:20px 24px;display:flex;overflow-y:auto}#pause-menu h2{margin:0;font-size:26px}#pause-resume{min-height:56px;font:inherit;color:#1d1f24;touch-action:manipulation;cursor:pointer;background:#ffc83d;border:0;border-radius:12px;padding:0 24px;font-size:22px;font-weight:700}#pause-menu .sections:empty{display:none}#btn-rot-left,#btn-rot-right{top:calc(env(safe-area-inset-top) + 12px);background:#00000073;border-radius:14px;width:56px;height:56px}#btn-rot-right{right:calc(env(safe-area-inset-right) + 80px)}#btn-rot-left{right:calc(env(safe-area-inset-right) + 148px)}#btn-rot-left svg,#btn-rot-right svg{width:30px;height:30px}#btn-rot-left:active,#btn-rot-right:active{transform:scale(.94)}body.portrait #btn-pause{top:calc(env(safe-area-inset-top) + 12px);right:calc(env(safe-area-inset-right) + 12px)}body.portrait #btn-context{right:max(calc(env(safe-area-inset-right) + 16px), calc(25% - 48px));bottom:calc(env(safe-area-inset-bottom) + 40px)}body.portrait #btn-rot-left,body.portrait #btn-rot-right{top:auto;right:auto;bottom:calc(env(safe-area-inset-bottom) + 232px)}body.portrait #btn-rot-left{left:calc(env(safe-area-inset-left) + 16px)}body.portrait #btn-rot-right{left:calc(env(safe-area-inset-left) + 84px)}body.portrait #joystick-base{width:120px;max-width:120px;height:120px;max-height:120px}