:root{color-scheme:dark;background:#050615;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#app,#game-root{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#050615}body{position:fixed;inset:0;color:#fff;touch-action:none;user-select:none;-webkit-user-select:none}canvas{display:block;width:100%;height:100%;touch-action:none}.ui{position:fixed;inset:0;z-index:20;pointer-events:none;padding:calc(env(safe-area-inset-top) + 14px) calc(env(safe-area-inset-right) + 14px) calc(env(safe-area-inset-bottom) + 14px) calc(env(safe-area-inset-left) + 14px)}.joy{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:clamp(132px,23vmin,178px);height:clamp(132px,23vmin,178px);pointer-events:auto;touch-action:none}.joy-base,.joy-stick,.fire,.dash{border:1px solid rgba(179,219,255,.34);background:linear-gradient(145deg,#23365c85,#090d1f85);box-shadow:0 0 24px #4ebfff1f,inset 0 0 22px #ffffff0f;backdrop-filter:blur(12px)}.joy-base{position:absolute;inset:0;border-radius:999px}.joy-base:before,.joy-base:after{content:"";position:absolute;inset:50% 16px auto;height:1px;background:#ffffff1f}.joy-base:after{transform:rotate(90deg)}.joy-stick{position:absolute;left:50%;top:50%;width:46%;height:46%;margin-left:-23%;margin-top:-23%;border-radius:999px;transform:translate(0);will-change:transform}.touch-actions{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:.72fr 1fr;gap:12px;align-items:end;pointer-events:auto}.fire,.dash{color:#fffffff0;font-weight:850;letter-spacing:.08em;text-transform:uppercase;touch-action:manipulation}.fire{width:clamp(112px,20vmin,158px);height:clamp(112px,20vmin,158px);border-radius:999px;font-size:clamp(14px,2.4vmin,18px)}.dash{width:clamp(78px,14vmin,112px);height:clamp(78px,14vmin,112px);border-radius:999px;font-size:clamp(11px,1.8vmin,14px);opacity:.9}.fire:active,.dash:active{transform:scale(.97);background:linear-gradient(145deg,#3e65a0b8,#121936b8)}.touch-hint{position:absolute;left:max(32px,calc(env(safe-area-inset-left) + 18px));bottom:calc(max(18px,env(safe-area-inset-bottom)) + clamp(132px,23vmin,178px) + 8px);font-size:11px;letter-spacing:.16em;opacity:.45;pointer-events:none}@media(hover:hover)and (pointer:fine){.ui{display:none}}@media(max-width:520px){.touch-actions{gap:8px}}